uniapp微信小程序引入uview避坑

uview官网：www.uviewui.com/components/…

步骤

1. npm安装

npm install uview-ui@2.0.36

2.main.js配置

// main.js，注意要在use方法之后执行
import uView from 'uview-ui'
Vue.use(uView)
// 如此配置即可
uni.$u.config.unit = 'rpx'

3. pages.json文件配置

{
"easycom": {
		// 下载安装的方式需要前面的"@/"，npm安装的方式无需"@/"
		// 下载安装方式
		// "^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"
		// npm安装方式
		"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
	},
}

4.APP.vue 样式引入，lang=scss

@import "uview-ui/index.scss";

5.uni.scss 引入主题样式

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

结束