# 全局配置 V1.6.0+
针对组件 props
做全局配置,优先级:全局配置props < 直接设置组件props 。
特别说明
该功能目前仅针对部分常用基础组件处理。
# 支持平台
App-vue | App-Nvue | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 | H5 |
---|---|---|---|---|---|---|---|
✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ |
# 配置文件内容
目前支持配置的组件:fui-button、fui-icon、fui-text、fui-input、fui-form-item,可配置的属性值如下:
/*
组件属性全局配置文件。优先级:全局配置文件props < 直接设置组件props
目前支持配置的组件:fui-button、fui-icon、fui-text、fui-input、fui-form-item
*/
const fuiConfig = {
//组件名称,小驼峰命名
//如fui-button写成fuiButton
fuiButton: {
//组件props
height: '96rpx',
size: 32,
radius: '16rpx'
},
fuiIcon: {
size: 64,
unit: 'rpx'
},
fuiText: {
size: 32,
unit: 'rpx'
},
fuiInput: {
labelSize: 32,
size: 32
},
fuiFormItem: {
labelSize: 32,
labelWidth: 140,
labelRight: 16
}
}
export default fuiConfig
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
# 配置文件引入
在根目录main.js中全局引入
import fuiConfig from './components/firstui/fui-config'
//组件全局配置,$fui 为约定值不可修改
uni.$fui = fuiConfig
1
2
3
4
2
3
4