线下账单支付 vue 组件库Repository：https://github.com/huifurepo/dg-bill-plugin简介解决重复造轮子的问题：提供一套专为手机端账单支付场景打造的UI 组件库，帮助开发者快速搭建账单页面，提升用户体验，无需担心适配，简化逻辑管理组件列表账单金额组件账单支付按钮组件账单 Banner 组件账单公告组件账单详情文本组件账单明细选择组件账单分割占位组件组件模拟器查看演示接入说明安装npm i @chinapnr/dg-bill-plugin
配置 easycom打开 /src/pages.json 进行配置 "easycom": {
"autoscan": false,
"custom": {
"mx-(.*)": "@chinapnr/dg-bill-plugin/lib/$1/index.vue"
}
}
在 /src/App.vue 中添加组件样式@import '@chinapnr/dg-bill-plugin/lib/styles/matrix.scss';
在 /src/pages 文件夹内的任意 vue 文件中，直接使用组件库标签<template>
<mx-bill-notice>缴费公告</mx-bill-notice>
</template>
