关于uni-app:uniapp使用uView

uni-app应用uView

1.开发环境 uni-app+uView
2.电脑系统 windows10专业版
3.在咱们第一次应用uni-app+uView开发的过程中,咱们可能会遇到一些问题,上面我来分享一下在 uni-app应用uView,心愿对你有所帮忙。
2.首先咱们来一下,uView官网文档

3.首先下载 uView,地址为:

[https://ext.dcloud.net.cn/plugin?id=1593](https://ext.dcloud.net.cn/plugin?id=1593)

4.下载实现之后,咱们会失去这样的一个目录,如下:

5.在main.js中增加如下代码:

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

6.在pages.json中增加如下代码：

"easycom": {
            // 下载安装的形式须要后面的"@/"，npm装置的形式无需"@/"
            // 下载安装形式
            "^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"
            // npm装置形式
            // "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
        },
//留神:这个代码和 pages 是同级的关系

6-1.应用 easycom的劣势:

7.在uni.scss中增加如下代码:

@import "uview-ui/theme.scss";

8.装置sass

9.在.vue模板中应用,增加如下代码:

<u-button type="success">胜利按钮</u-button>

10.从新运行我的项目,成果如下:

11.本期的分享到了这里就完结啦,是不是很nice,心愿对你有所帮忙,让咱们一起致力走向巅峰!