當前位置:編程學習大全網 - 網站源碼 - 在uni-app中引入和使用uViewUI

在uni-app中引入和使用uViewUI

先來看遇到如下圖的錯誤

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這個常規的約會方式,如下:

  • 上一篇:Android源代碼,這是壹個壓縮文件。如何發布到安卓市場?需要具體的步驟。謝謝妳
  • 下一篇:織夢CMS如何將欄目及內容都設置成動態瀏覽
  • copyright 2024編程學習大全網