uni-app学习笔记之uView组件安装

uni-app学习笔记之uView组件安装

一.准备工作

		1.安装scss插件(安装完成重启HX)
		
		2.从Hbuilder X插件市场导入uView2.0

//Hbuilder X插件市场链接

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

二.配置步骤

1. main.js

		//注意这两行要放在import Vue之后。

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

2.uni.scss

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

3. App.vue

			<style lang="scss">
				/* 注意要写在第一行*/
				@import "@/uni_modules/uview-ui/index.scss";
			</style>

4.配置 easycom 按需引入组件模式

配置完后，重启 HX 并重新编译才能正常使用，且在 pages.json 文件中只能有一个 easycom 字段。

之后在页面使用的时候，无需 import 注册组件就可以直接使用。

// pages.json
{
	"easycom": {
		"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
	},
	
	// 此为本身已有的内容
	"pages": [
		// ......
	]
}