配置
下载mView,把mView-ui放在项目根目录uni_modules
下。
注意:uni_modules是uni-app的插件模块化规范(HBuilderX 3.1.0+支持),通常是对一组js sdk、组件、页面、uniCloud云函数、公共模块等的封装,用于嵌入到uni-app项目中使用,也支持直接封装为项目模板。确保项目使用ts、vue3、scss哦。
修改mView内置配置方案
警告
uni.$setConfig方法在非App端可以使用,由于在app端代码执行顺序问题导致$m没挂载上,目前版本v1.0.0导致白屏config undefined
错误信息,版本v1.0.1修复错误信息,在app端需要修改配置方案,你需要在uni_modules/mview-ui/libs/config/props
目录下修改对应组件默认值。
可以通过setCofig方法配置uView内部的各项内置配置,目前可配置的有config、props、zIndex属性,目前只建议修改config、props属性, 除非您清楚知道自己的修改所带来的影响。
// main.ts
import mView from '@/uni_modules/mview-ui'
Vue.use(mView)
// 调用setConfig方法,方法内部会进行对象属性深度合并,可以放心嵌套配置
// 需要在Vue.use(mView)之后执行
uni.$m.setConfig({
// 修改$u.config对象的属性
config: {
// 修改版本号 相当于执行 uni.$m.config.v = '0.0.1'
v: '0.0.1'
},
// 修改$u.props对象的属性
props: {
// 修改icon组件的size参数的默认值,相当于执行 uni.$m.props.icon.size = 30
icon: {
size: 30
}
// 其他组件属性配置
// ......
}
})
注意:您也可以不需要执行uni.$m...方法,直接在@/uni_modules/mview-ui/config
文件下修改相关配置,首先确保不影响UI框架。