uniapp引入uView UI

uViewUI官方文档：https://www.uviewui.com

方法一（1.x版本）

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

解压下载文件，将uviewui文件夹复制到项目
复制到项目位置

1.在main.js引入

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

2.在uni.scss文件引入uView的全局SCSS主题文件

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

3.在App.vue引入uView基础样式

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

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

方法二（2.x版本）

打开插件市场https://ext.dcloud.net.cn/plugin?id=1593将uViewUI导入到对应的项目中

1.在main.js引入

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

2.在uni.scss文件引入uView的全局SCSS主题文件

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

3.在App.vue引入uView基础样式

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

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