bs公共组件库
npm install bs-common-ui
bash
npm方式安装
npm i bs-common-ui
`
快速上手
1. main.ts引入bs-common-ui库
`js
// main.ts
import bsCommonUI from 'bs-common-ui';
Vue.use(bsCommonUI);
`
2. App.vue引入基础样式(注意style标签需声明scss属性支持)
`css
/ App.vue /
`
3. uni.scss引入全局scss变量文件
`css
/ uni.scss /
@import "bs-common-ui/theme.scss";
`
4. pages.json配置easycom规则(按需引入)
`js
// pages.json
{
"easycom": {
// npm安装的方式不需要前面的"@/",下载安装的方式需要"@/"
// npm安装方式
"^u-(.*)": "bs-common-ui/components/u-$1/u-$1.vue"
// 下载安装方式
// "^u-(.*)": "@/bs-common-ui/components/u-$1/u-$1.vue"
},
// 此为本身已有的内容
"pages": [
// ......
]
}
`
请通过快速上手了解更详细的内容
使用方法
配置easycom规则后,自动按需引入,无需import组件,直接引用即可。
`html
按钮
``