uniapp中引入uView

方法一、（"version": "2.0.29"）

npm install uview-ui --save

main.js（根目录下）

// 引入uView
import uView from 'uview-ui'
Vue.use(uView)
// uni.$u.config.unit = 'rpx'   // 不配的情况下默认单位px

uni.scss (根目录下)

	// 第一行 引入uView
	@import 'uview-ui/theme.scss';

App.vue（src目录下， lang='scss'一定要加）

<style lang="scss">
	// uView
	@import "uview-ui/index.scss";
</style>

pages.json（根目录下，与“pages”配置同级）

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

然后就可以使用了

方法二（可以不用看）

1、  思维导图

2、  详细步骤

        ①下载zip包    点击下载

        ②解压----  在项目根目录创个uview-ui的文件夹,解压进去

        ③配置

// main.js文件中
import uView from '@/uview-ui'
Vue.use(uView)

//  uni.css文件中
@import '@/uview-ui/theme.scss';

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

//  pages.json文件中
"easycom": {
	"^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"
},

视图页面引入测试

	<u-empty
		mode="page"
		icon="http://cdn.uviewui.com/uview/empty/car.png"
	>
	</u-empty>

组件官网       https://www.uviewui.com/components/quickstart.html