uView界面组件库的使用

1.添加依赖

添加依赖主要有两种方式

 1.添加组件的方式  （推荐）直接搜索uView插件，将插件添加到HbuilderX中即可，自动下载界面组件库并拷贝到项目目录中

2.（了解）官方网站下载uView压缩包，解压压缩包之后uView-ui/，将解压后的目录手工拷贝到当前项目的文件夹中uapp01/uview-ui/xxx即可

2.初始配置

1.引入uview，在main.js中引入

import uView from '@/uni_modules/uview-ui'
Vue.use(uView)

2.在uni.scss文件中，引入全局主题

/* uni.scss */
@import '@/uni_modules/uview-ui/theme.scss';

3.App.vue中style标签中，首行引入全局样式

<style lang="scss">
	/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
	@import "@/uni_modules/uview-ui/index.scss";
</style>

4.配置easycom组件模式

 （性能-按需加载）easycom配置，编辑pages.json配置文件，添加easycom配置项

// pages.json
{
	// 如果您是通过uni_modules形式引入uView，可以忽略此配置
	"easycom": {
		"^u-(.*)": "@/uni_modules/uview-ui/components/u-$1/u-$1.vue"
	},
	
	// 此为本身已有的内容
	"pages": [
		// ......
	]
}