在这里插入图片描述
安装uView

其次分别在四个文件夹引入 uView

main.js

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

公共样式 uni.scss

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

App.vue

<style>
    /* #ifndef APP-PLUS-NVUE */
    @import "uview-ui/index.scss";
	@import './utils.css';
    /* uni.css - 通用组件、模板样式库,可以当作一套ui库应用 */
    @import './common/uni.css';
	@import './common/iconfont.css';
</style>

pages.json

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

这时运行项目,编译失败,报错

解决方法:注释掉 App.vue 中引入的样式

注意引入样式时,不要少标点符号(;)

Logo

前往低代码交流专区

更多推荐