> 很流行的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> ~~~