自定义样式

介绍

在需要更改主题样式时，可通过调用 IBestSetUIBaseStyle 方法设置样式。

更改主题

• 在项目的启动页面中，通过调用 IBestSetUIBaseStyle 方法，设置主题。
• 若项目使用了 IBestSetGlobalConfig 方法, 请确保在该方法之后调用 IBestSetUIBaseStyle !!!

import { IBestSetUIBaseStyle } from "@ibestservices/ibest-ui";

onWindowStageCreate(windowStage: window.WindowStage): void {
	windowStage.loadContent('pages/Index', (err, data) => {
		IBestSetUIBaseStyle({
			primary: '#7232dd'
		})
	})
}

IBestUIBaseStyleObjType 类型说明

TIP

• 该类型即为IBestSetUIBaseStyle方法的参数类型，均为非必填类型，传入值会覆盖默认值，暂时支持这么多预设样式，随着组件丰富逐步完善！
• 默认单位为 vp, 当全局单位为 lpx 时, 以下数值会依据 designWidth 和当前设备屏幕宽度自动计算转化为lpx对应的视窗尺寸。

参数	说明	类型	默认
primary	primary 反馈色	string	#3D8AF2
success	success 反馈色	string	#58DB6B
warning	warning 反馈色	string	#F29C73
danger	danger 反馈色	string	#DB3131
default	default 默认色	string	#FFFFFF
spaceMini	间距，一般用于 padding 与 margin	string	2
spaceBase	间距，一般用于 padding 与 margin	string	4
spaceXs	间距，一般用于 padding 与 margin	string	8
spaceSm	间距，一般用于 padding 与 margin	string	12
spaceMd	间距，一般用于 padding 与 margin	string	16
spaceLg	间距，一般用于 padding 与 margin	string	24
spaceXl	间距，一般用于 padding 与 margin	string	32
fontSizeXs	文字大小	string	10
fontSizeSm	文字大小	string	12
fontSizeMd	文字大小	string	14
fontSizeLg	文字大小	string	16
fontSizeXl	文字大小	string	20
borderRadiusSm	圆角大小	string	2
borderRadiusMd	圆角大小	string	4
borderRadiusLg	圆角大小	string	8
borderRadiusMax	圆角大小	string	9999
animationDuration	动画时长，单位 ms，如Switch组件的切换动画时长	number	200