自定义主题样式

介绍

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

更改主题

• 在项目的启动页面中，通过调用 IBestSetUIBaseStyle 方法，设置主题。
• 若项目使用了 IBestSetUIGlobalConfig 方法, 请确保在该方法之后调用 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对应的视窗尺寸。

参数	说明	类型	默认
default	default 默认色	string	#FFFFFF
primary	primary 反馈色	string	#3D8AF2
success	success 反馈色	string	#58DB6B
warning	warning 反馈色	string	#F29C73
danger	danger 反馈色	string	#DB3131
primaryOpacity	primary 透明反馈色	string	rgba(61, 138, 242, 0.1)
successOpacity	success 透明反馈色	string	rgba(88, 219, 107, 0.1)
warningOpacity	warning 透明反馈色	string	rgba(242, 156, 115, 0.1)
dangerOpacity	danger 透明反馈色	string	rgba(219, 49, 49, 0.1)
spaceMini	间距，一般用于 padding 与 margin	string	2
spaceBase	间距，一般用于 padding 与 margin	string	4
spaceX	间距，一般用于 padding 与 margin	string	6
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
lineHeightXs	行高	string	14
lineHeightXsm	行高	string	16
lineHeightSm	行高	string	18
lineHeightMd	行高	string	20
lineHeightLg	行高	string	22
animationDuration	动画时长，单位 ms，如Switch组件的切换动画时长	number	200