> 很流行的UI库，支持easycom，建议首选 [TOC] ## main.js引入uView库 > 将`uview-ui`插件源码拷贝至根目录下 ~~~ import uView from 'uview-ui'; Vue.use(uView); ~~~ ## App.vue引入基础样式(注意style标签需声明scss属性支持) ~~~ <style lang="scss"> @import "uview-ui/index.scss"; </style> ~~~ ## uni.scss引入全局scss变量文件 ~~~ @import "uview-ui/theme.scss"; ~~~ ## pages.json配置easycom规则(按需引入) ~~~ { "easycom": { "^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue" }, // 此为本身已有的内容 "pages": [ // ...... ] } ~~~ ## 页面中进行使用 > 配置easycom规则后，自动按需引入，无需import组件，直接引用即可。 ~~~ <template> <u-button>按钮</u-button> </template> ~~~