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-$1/u-$1.vue”

},

复制进pages.json

如下图

完成配置

测试

引入宫格图

复制官方文档的代码

引入表格

复制官方文档的代码

完成

拓展

官方提供了很多的工具以及模板还有资源下载

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

JavaScript 移动APP

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。