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

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

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

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

#3. 引入uView基礎(chǔ)樣式
注意！

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

#4. 配置easycom組件模式
此配置需要在項(xiàng)目根目錄的pages.json中進(jìn)行。

溫馨提示

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

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。