uniapp项目中使用uView UI

uView有两种安装方式

一、通过下载安装

使用下载的方式安装，能更方便阅读源码，但是每次升级都需要重新下载并覆盖uview-ui文件夹。

　　1.如果项目是由HBuilder X创建的标准uni-app项目，将下载后的uview-ui文件夹，复制到项目根目录。

　　2.如果项目是由vue-cli模式创建的， 请将下载后的uview-ui文件夹放到项目的src文件夹中即可。

　　3.下载地址：https://ext.dcloud.net.cn/plugin?id=1593

 

二、通过npm方式安装（注意：暂时不支持cnpm安装）

 

使用npm的方式安装，能更方便进行升级。

 

1.如果项目是HBuilderx创建的，根目录又没有package.json文件的话，请先执行如下命令：   npm init -y

 

2.安装：   npm install uview-ui

3.更新：   npm update uview-ui

 

三、版本查询

 

　1.通过console.log打印的形式：

　　console.log(this.$u.config.v)或者console.log(this.$u.config.version);

　2.通过源码查看的形式

　　可以查阅uView的配置文件得知当前版本号，具体位置为"/uview-ui/libs/config/config.js"。

 

最重要的一点，需要在项目的pages.json文件中配置：

　　

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

引入之后组件无法正常使用的一般都是因为这个。。

 

uView官方文档地址：https://uviewui.com/components/intro.html