Uniapp导入uView组件

发布时间 2023-11-30 15:15:55作者: RealityAndLife

npm导入组件

npm install uview-ui@2.0.36 后面跟上自己的版本

或者

npm install uview-ui

 

//检查

console.log(uni.$u.config.v);可以查看自己是否导入成功

 

【main.js】
import uView from 'uview-ui'
Vue.use(uView)

 

【pages.json】

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

 

注意这里有个坑,

如果是npm导进来的会新建一个node_modules文件,然后这里是可以省略这个文件的

如果是下载导进来的话就会在你的根目录里面要加上@/

 

基础样式【app.vue】

/* 注意要写在第一行,同时给style标签加入lang="scss"属性 */ @import "uview-ui/index.scss";

【uni.sacc】

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

写的比较随意......