uni-app整合uViewUI（非常牛逼的uni-app組件）

哈嘍，小伙伴們大家好，我是代碼哈士奇。

這篇文章帶大家了解uni-app如何整合uViewUI

視頻教程 https://static-b5208986-2c02-437e-9a27-cfeba1779ced.bspapp.com/

什么是uView

uView UI，是uni-app生態最優秀的UI框架

官網為https://www.uviewui.com/

熟悉uni-app的小伙伴應該都知道通過組件我們能快速的開發一個應用

加上現在有了uniCloud，粗略的估算了下，如果我們寫過一兩個練手實戰，可能用不到3個小時你就能開發出來一個程序

要想好看又實用 那么就選擇uni-app吧~

安裝uView

新建項目

我們隨便新建一個項目

npm下載

項目根目錄執行npm install uview-ui

如果出現下面這種情況

需要初始化package.json

執行 npm init 一路回車即可

然后 npm install uview-ui

配置main.js

將

import uView from “uview-ui”;

Vue.use(uView);

復制進main.js 如下圖

配置 uni.scss

將

@import ‘uview-ui/theme.scss’;

復制進入uni.scss

如下圖

配置App.vue

將

替換

如下圖

配置pages.json

將

“easycom”: {

“^u-(.*)”: “uview-ui/components/u-/u-.vue”

},

復制進pages.json

如下圖

完成配置

測試

引入宮格圖

復制官方文檔的代碼

引入表格

復制官方文檔的代碼

完成

拓展

官方提供了很多的工具以及模板還有資源下載

uView非常好使，支持平臺多，如會使用，如虎添翼~

JavaScript 移動APP

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。