安装 uView

建议开发软件使用HBuilder X开发工具

uView 传输门
在这里插入图片描述
下载、解压之后,拿到 uview-ui 这个文件

在这里插入图片描述
uview-ui 文件放置在项目根目录
在这里插入图片描述

uni.scss 文件配置

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

pages.json 文件配置

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

main.js 文件配置

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

app.vue 导入一个公共的uwiew样式

一定要把这个加上 lang="scss" 不要问为什么,问就是不知道

<style lang="scss">
	@import "uview-ui/index.scss";
	/*每个页面公共css */
</style>

配置好了之后,关闭开发者工具和HBuilder,重新打开项目运行

原文

猜你喜欢

转载自blog.csdn.net/weixin_55552785/article/details/117985178