1.导入uview组件库

在这里插入图片描述

2.导入成功后在main.js里引入

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

![在这里插入图片描述](https://img-blog.csdnimg.cn/b9867ba36c204c12aad1a7212c8c0e20.png

3.在App.vue里引入样式文件

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

在这里插入图片描述

4.在pages.json里添加配置

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

在这里插入图片描述

5.在uni.scss里引入uview主题

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

在这里插入图片描述

如果报以下错是因为没有引入uview主题,用第5步就可以解决
在这里插入图片描述

改了main.js要重启项目才能生效,重启一下项目

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐