[JavaScript知识库]uniApp uViewUi库引入

uniUi自带的样式效果目前满足不了开发，逛插件市场发现了宝藏Ui库

uViewUi  官网地址https://www.uviewui.com/components/intro.html

引入指南  -> 

由于uView使用easycom模式，让您无需引入组件即可直接使用，但是此功能需要Hbuilder X 2.5.5及以上版本才支持，详见配置easycom组件模式。 easycom打包的时候是按需引入的，您可以放心引入uView的整个组件库，发布打包时会自动剔除您没有使用的组件(注意：调试时仍然是全部引入的)

请确保您下载的Hbuilder X为APP开发版，而非标准版，并且在"工具-插件安装"中安装了"scss/sass编译"插件

https://ext.dcloud.net.cn/plugin?id=1593  首先下载插件zip 解压里面的uview-ui 提一下我是uni直接创建的项目，如果是cil创建的参考官网 。

1. 引入uView主JS库
在项目根目录中的main.js中，引入并使用uView的JS库，注意这两行要放在import Vue之后。

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


2. 在引入uView的全局SCSS主题文件
在项目根目录的uni.scss中引入此文件。

/* uni.scss */
@import 'uview-ui/theme.scss';
#3. 引入uView基础样式
注意！

在App.vue中首行的位置引入，注意给style标签加入lang="scss"属性

<style lang="scss">
	/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
	@import "uview-ui/index.scss";
</style>
#4. 配置easycom组件模式
此配置需要在项目根目录的pages.json中进行。

温馨提示

uni-app为了调试性能的原因，修改easycom规则不会实时生效，配置完后，您需要重启HX或者重新编译项目才能正常使用uView的功能。
请确保您的pages.json中只有一个easycom字段，否则请自行合并多个引入规则。


Page.JSON 文件中 -> 
"easycom": {
			"^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"
		},
	"pages": [
		{
			"path": "pages/index/index",
			"style": {
				"navigationBarTitleText": "XXXXX",
				"enablePullDownRefresh": false//禁止下拉刷新   
			}

		},

期待组件库在实际开发的表现。