uView配置

简介: uView配置

配置

#安装配置

由于uView支持npm下载的方式安装,二者配置几乎一致,因为某些平台的兼容性,在配置easycom稍有不同,为了不造成混淆,这里将两种 方式分开说明:

#默认单位配置2.0.12

温馨提示: 2.0.25版本后,建议通过下方的setCofig方法进行设置。

在uView1.x中,组件参数如果为数值的话,默认为rpx单位,但是rpx在平板上会导致尺寸超大,为了更高的可用性,所以uView2.x将单位默认改为px,如果您出于 某些需求,需要将单位改为rpx,可以在main.js中进行如下配置即可:

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

copy

#修改uView内置配置方案 2.0.25

我们可以通过setCofig方法配置uView内部的各项内置配置,目前可配置的有configpropszIndexcolor属性,目前只建议修改configprops属性, 除非您清楚知道自己的修改所带来的影响。

// main.js
import uView from 'uview-ui'
Vue.use(uView)
// 调用setConfig方法,方法内部会进行对象属性深度合并,可以放心嵌套配置
// 需要在Vue.use(uView)之后执行
uni.$u.setConfig({
  // 修改$u.config对象的属性
  config: {
    // 修改默认单位为rpx,相当于执行 uni.$u.config.unit = 'rpx'
    unit: 'rpx'
  },
  // 修改$u.props对象的属性
  props: {
    // 修改radio组件的size参数的默认值,相当于执行 uni.$u.props.radio.size = 30
    radio: {
      size: 15
    }
    // 其他组件属性配置
    // ......
  }
})
相关文章
|
6天前
uView安装
uView安装
23 0
|
6天前
|
前端开发
Vue3/React 动态设置 ant-design/icons 图标
Vue3/React 动态设置 ant-design/icons 图标
137 1
|
7月前
|
存储 JavaScript API
vue3+ant design vue 自定义文件上传和自定义上传进度条
1.关键点是Upload组件中customRequest的API,它能通过覆盖默认的上传行为,可以自定义自己的上传实现(具体可看官方文档); 2.通过在Upload组件中绑定progress实现。 下面是详细代码
748 0
|
7月前
vue3+vite项目中使用svg图标
vue3+vite项目中使用svg图标
351 0
|
6天前
|
资源调度 前端开发 jenkins
nbcio-vue中formdesigner的组件显示不正常的处理
nbcio-vue中formdesigner的组件显示不正常的处理
|
6天前
|
移动开发 前端开发 JavaScript
uView对比1.X
uView对比1.X
41 1
|
6天前
|
资源调度
项目 引入 uView
项目 引入 uView
17 0
|
8月前
|
JavaScript
【vue2项目总结】——vant-ui的使用
【vue2项目总结】——vant-ui的使用
102 0
|
6天前
|
小程序 API 数据安全/隐私保护
uniapp中uview的text组件
uniapp中uview的text组件
115 0
|
6天前
|
前端开发 API
uniapp中uview组件库丰富的LoadingIcon 加载动画
uniapp中uview组件库丰富的LoadingIcon 加载动画
71 0