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

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

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

https://ext.dcloud.net.cn/plugin?id=1593

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

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

这时候打开此项目,

UVIEW----在uniapp里面引入uview并使用_第1张图片

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

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

UVIEW----在uniapp里面引入uview并使用_第2张图片

打开它,将

@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"
        }

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

UVIEW----在uniapp里面引入uview并使用_第3张图片

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

你可能感兴趣的:(笔记,uni-app)