# 配置
# 安装配置
由于uview-plus支持npm
和下载
的方式安装,二者配置几乎一致,因为某些平台的兼容性,在配置easycom稍有不同,为了不造成混淆,这里将两种
方式分开说明:
# 默认单位配置3.0.0
温馨提示: 3.0.0版本后,建议通过下方的setConfig
方法进行设置。
在uview1.x中,组件参数如果为数值的话,默认为rpx
单位,但是rpx
在平板上会导致尺寸超大,为了更高的可用性,所以uview-plus将单位默认改为px
,如果您出于
某些需求,需要将单位改为rpx
,可以在main.js
中进行如下配置即可:
// main.js,注意要在use方法之后执行
import uviewPlus, { setConfig } from 'uview-plus'
app.use(uviewPlus)
# 修改uview-plus内置配置方案 3.2.7
我们可以通过setConfig
方法配置uview-plus内部的各项内置配置,目前可配置的有config
、props
、zIndex
、color
属性,目前只建议修改config
、props
属性,
除非您清楚知道自己的修改所带来的影响。
// main.js
import uviewPlus, {setConfig} from 'uview-plus'
// 下面的在特殊场景下才需要配置,通常不用配置即可直接使用uvire-plus框架。
// 调用setConfig方法,方法内部会进行对象属性深度合并,可以放心嵌套配置
// 需要在app.use(uview-plus)之后执行
setConfig({
// 修改$u.config对象的属性
config: {
// 修改默认单位为rpx,相当于执行 uni.$u.config.unit = 'rpx'
// 组件的很多单位仍然为px并非配置不生效,而是rpx配置目前无法做到修改Vue单文件组件中的Css/Sass中写死的px单位。
// 这个配置主要用于prop传参时的单位修改,比如<up-image width="80"></up-image>中的80会是rpx单位。
// 如果需要全局组件样式变为rpx,可以尝试使用postcss等第三方插件转换。
unit: 'px'
},
// 修改$u.props对象的属性
props: {
// 修改radio组件的size参数的默认值,相当于执行 uni.$u.props.radio.size = 30
radio: {
// size: 20
}
// 其他组件属性配置
// ......
}
})
app.use(uviewPlus)