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>
Logo

前往低代码交流专区

更多推荐