uniapp项目配置uview的流程

533 阅读1分钟

1、创建项目

2、manifest.json配置自己的AppID

image.png

3、npm安装uview,npm i uview

4、在main.js中引入

// main.js,注意要在use方法之后执行
import uView from 'uview-ui'
Vue.use(uView)
// 如此配置即可
uni.$u.config.unit = 'rpx'

5、导入样式,分配在uni.scss和App.vue导入(首先在工具里面安装less/scss编译)

image.png

image.png

image.png

6、按需导入,降低包的体积

image.png

7.如果出现已下错误

image.png

解决方法去掉easycom中的"@/"即可