> 很流行的UI库，支持easycom，建议首选 * [main.js引入uView库](https://www.kancloud.cn/wangking/uniapp/1974798#mainjsuView_4) * [App.vue引入基础样式(注意style标签需声明scss属性支持)](https://www.kancloud.cn/wangking/uniapp/1974798#Appvuestylescss_10) * [uni.scss引入全局scss变量文件](https://www.kancloud.cn/wangking/uniapp/1974798#uniscssscss_16) * [pages.json配置easycom规则(按需引入)](https://www.kancloud.cn/wangking/uniapp/1974798#pagesjsoneasycom_20) * [页面中进行使用](https://www.kancloud.cn/wangking/uniapp/1974798#_33) ## 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> ~~~