# 全局配置 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

# 配置文件引入

在根目录main.js中全局引入
import fuiConfig from './components/firstui/fui-config'

//组件全局配置,$fui 为约定值不可修改
uni.$fui = fuiConfig
1
2
3
4
Last Updated: 9/29/2022, 1:07:59 AM