uViewUI在HBuilder X的插件市場: /plugin?id=1593
uViewUI官方地址: /plugin?id=2046
註:插件市場不支持IE跳轉,建議用谷歌瀏覽器
如果您的項目是由vue-cli創造的,請通過以下命令安裝對sass(s?css)的支持,如果已安裝,請略過。
3、對相關文件進行配置
3.1、在main.js 文件全局引入uView
3.2、uni.scss 文件 引入uView的全局SCSS主題文件
3.3、在App.vue文件引入uView基礎樣式
4、全局引入和按需加載
4.1、全局引入
在pages.json配置easycom
註:uni-app為了調試性能的原因,修改easycom規則不會實時生效,配置完後,您需要重啟HX或重新編譯項目才能正常使用uView的功能。
請確保您的pages.json中只有壹個easycom分區,否則請自行合並多個約會規則。
// pages.json { "easycom": { "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue" }, // 此為本身已有的內容 "pages": [ // ...... ] }
4.2、按需加載
某些情況下,您可能不想通過easycom引用組件(雖然我們極力推薦您使用easycom),那麽您可以使用import這個常規的約會方式,如下: