本文已参与「新人创作礼」活动,一起开启掘金创作之路。
看官网引入发现出错了,试了很久发现这个方法非常简单。
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"
}
放在最后面就行,后面还有最后半个大括号!如图
最后保存即可正常使用组件。