1.uview组件库官网
https://www.uviewui.com/
2.uview组件库命令导入
npm install uview-ui@2.0.31
3.main.js全局配置
import uView from 'uview-ui'
Vue.use(uView)
4.APP.vue配置全局css样式
<style lang="scss">
/*每个页面公共css */
/* uni.css - 通用组件、模板样式库,可以当作一套ui库应用 */
@import "uview-ui/index.scss";
</style>
5.uni.css配置样式
@import 'uview-ui/theme.scss';
6.page.json配置(这里是重点)
"easycom": {
"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
},
7.页面使用即可测试效果
<u-button type="primary" text="确定"></u-button>
8.看下效果,亲测可用