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安装
55 0
|
前端开发
若依(ruoyi)前端Vue3 Element Plus Vite版样式修改
若依(ruoyi)前端Vue3 Element Plus Vite版样式修改
1091 0
手把手教你将uView UI配置到uniapp项目中
手把手教你将uView UI配置到uniapp项目中
1394 0
手把手教你将uView UI配置到uniapp项目中
|
3月前
|
存储 JavaScript 前端开发
Vue中通过集成Quill富文本编辑器实现公告的发布。Vue项目中vue-quill-editor的安装与使用【实战开发应用】
文章展示了在Vue项目中通过集成Quill富文本编辑器实现公告功能的完整开发过程,包括前端的公告发布、修改、删除操作以及后端的数据存储和处理逻辑。
Vue中通过集成Quill富文本编辑器实现公告的发布。Vue项目中vue-quill-editor的安装与使用【实战开发应用】
|
4月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物交易平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物交易平台附带文章源码部署视频讲解等
72 4
|
4月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的成人教育APP附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的成人教育APP附带文章源码部署视频讲解等
54 2
|
4月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的航司互售系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的航司互售系统附带文章源码部署视频讲解等
21 1
|
4月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的音乐播放器附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的音乐播放器附带文章源码部署视频讲解等
33 0
|
4月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的绿色食品推荐附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的绿色食品推荐附带文章源码部署视频讲解等
18 0
|
4月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的生鲜食品订购附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的生鲜食品订购附带文章源码部署视频讲解等
15 0