UVIEW----在uniapp里面引入uview并使用

1,059 阅读1分钟

本文已参与「新人创作礼」活动,一起开启掘金创作之路。

看官网引入发现出错了,试了很久发现这个方法非常简单。

1、打开链接,进入hbuildX插件引入页面

ext.dcloud.net.cn/plugin?id=1…

然后点击 “使用 HBuilderX 导入插件”,

会在hbuildx里面创建一个项目《 uView UI已发布Sketch和Axure设计资源

这时候打开此项目,

把整个uview-ui这个文件夹复制到你自己项目的根目录下面。

2、然后应该会自动生成 uni.scss文件

打开它,将

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

这两行代码复制在开头位置。

3、在main.js里面,

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

复制这两行代码,引入做全局使用,和引入别的ui 、以及axios一样。

4、在pages.json放入以下代码

"easycom": {
"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
}

放在最后面就行,后面还有最后半个大括号!如图

最后保存即可正常使用组件。