配置

下载mView,把mView-ui放在项目根目录uni_modules下。

注意:uni_modulesopen in new window是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框架。