配置步驟
#1. 引入uView主JS庫
在項目根目錄中的main.js中，引入并使用uView的JS庫，注意這兩行要放在import Vue之后。

// main.js import uView from "uview-ui"; Vue.use(uView);

#2. 在引入uView的全局SCSS主題文件
在項目根目錄的uni.scss中引入此文件。

/* uni.scss */ @import 'uview-ui/theme.scss';

#3. 引入uView基礎樣式
注意！

在App.vue中首行的位置引入，注意給style標簽加入lang="scss"屬性

#4. 配置easycom組件模式
此配置需要在項目根目錄的pages.json中進行。

溫馨提示

uni-app為了調試性能的原因，修改easycom規則不會實時生效，配置完后，您需要重啟HX或者重新編譯項目才能正常使用uView的功能。
請確保您的pages.json中只有一個easycom字段，否則請自行合并多個引入規則。

// pages.json {"easycom": {"^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"},// 此為本身已有的內容"pages": [// ......] }

總結

以上是生活随笔為你收集整理的uview基本配置，在HubildX中如何配置uni-app相关的组件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。