# 页面主题

# 高级设置

# 线性布局

--space-base 布局内各元素之间的外间距 取值范例:数字+px, 1px

# 栅格布局

--space-base 布局内各元素之间的外间距 取值范例:数字+px, 1px

# 面包屑

--crumb-color-link 可跳转链接的默认文字颜色 取值范例: # + 6位十六进制数 #223325

--crumb-color-disabled 禁用链接的默认文字颜色 取值范例:# + 6位十六进制数 #223325

--crumb-space-x 链接与箭头符号之间的间距 取值范例:数字+px, 1px

# 面板

--panel-border-width 面板外边框宽度 取值范例:数字+px, 1px

--panel-border-radius 面板外边框圆角 取值范例:数字+px, 1px

--panel-background 面板背景色 取值范例:# + 6位十六进制数 #223325

--panel-box-shadow 面板外边框阴影 取值范例:x偏移量 y偏移量 阴影模糊半径 阴影颜色 10px 5px 5px black

--panel-head-padding 面板标题左右内边距 取值范例: 数字+px, 1px

--panel-body-padding 面板内容区内边距 取值范例: 数字+px, 1px

--panel-title-font-size 面板标题字号大小 取值范例: 数字+px, 1px

--panel-title-font-weight 面板标题字体粗细 取值范例:bold / normal / bolder / lighter / 100 - 900(整百数)/ inherit(继承父元素的字体粗细)

# 折叠面板

--collapse-border-width 面板边框宽度 取值范例:数字+px, 1px

--collapse-border-color 面板边框颜色 取值范例:# + 6位十六进制数 #223325

--collapse-border-radius 面板边框圆角 取值范例:数字+px, 1px

--collapse-item-head-background 面板项折叠表头默认背景色 取值范例:# + 6位十六进制数 #223325

--collapse-item-head-color-disabled 面板禁用项折叠表头文字颜色 取值范例:# + 6位十六进制数 #223325

--collapse-item-head-padding 面板项折叠表头内边距 取值范例:数字+px, 1px

--collapse-item-expander-size 面板项展开箭头容器元素大小 取值范例:数字+px, 1px

--collapse-item-expander-color 面板项展开箭头颜色 取值范例:# + 6位十六进制数 #223325

--collapse-item-expander-color-disabled 面板项展开箭头颜色(禁用状态) 取值范例:# + 6位十六进制数 #223325

--collapse-item-expander-font-size 面板项展开箭头大小 取值范例:数字+px, 1px

--collapse-item-content-padding 面板项内容区内边距 取值范例:数字+px, 1px

--collapse-transition-duration 面板展开动画快慢参数 取值范例:秒数 0.2s

# 文本

--text-font-size 文本字号大小 取值范例:数字+px, 1px

--text-font-size-small 小号文本字号大小 取值范例:数字+px, 1px

--text-font-size-large 大号文本字号大小 取值范例:数字+px, 1px

--text-color-primary 主要文本字体颜色 取值范例:# + 6位十六进制数 #223325

--text-color-secondary 次要文本字体颜色 取值范例:# + 6位十六进制数 #223325

--text-color-success 成功文本字体颜色 取值范例:# + 6位十六进制数 #223325

--text-color-warning 警告文本字体颜色 取值范例:# + 6位十六进制数 #223325

--text-color-error 错误文本字体颜色 取值范例:# + 6位十六进制数 #223325

--text-color-disabled 禁用文本字体颜色 取值范例:# + 6位十六进制数 #223325

# 链接

--link-color 默认链接字体颜色 取值范例:# + 6位十六进制数 #223325

--link-color-success 成功链接字体颜色 取值范例:# + 6位十六进制数 #223325

--link-color-warning 警告链接字体颜色 取值范例:# + 6位十六进制数 #223325

--link-color-danger 危险链接字体颜色 取值范例:# + 6位十六进制数 #223325

--link-color-disabled 禁用链接字体颜色 取值范例:# + 6位十六进制数 #223325

# 标签

--label-padding-x 标签水平方向内边距 取值范例:数字+px, 1px

--label-padding-x-small 小号标签水平方向内边距 取值范例:数字+px, 1px

--label-padding-x-large 大号标签水平方向内边距 取值范例:数字+px, 1px

--label-padding-y 标签垂直方向内边距 取值范例:数字+px, 1px

--label-padding-y-small 小号标签垂直方向内边距 取值范例:数字+px, 1px

--label-padding-x-large 大号标签垂直方向内边距 取值范例:数字+px, 1px

--label-line-height-small 小号标签的行高 取值范例:数字+px, 1px

--label-font-size 标签的字号大小 取值范例:数字+px, 1px

--label-font-size-small 小号标签的字号大小 取值范例:数字+px, 1px

--label-font-size-large 大号标签的字号大小 取值范例:数字+px, 1px

--label-remove-padding-x 可删除标签的删除图标与文本之间的内边距 取值范例:数字+px, 1px

--label-remove-padding-x-small 可删除小号标签的删除图标与文本之间的内边距 取值范例:数字+px, 1px

--label-remove-padding-x-large 可删除大号标签的删除图标与文本之间的内边距 取值范例:数字+px, 1px

--label-background 默认标签的背景色 取值范例:# + 6位十六进制数 #223325

--label-background-primary 主要标签的背景色 取值范例:# + 6位十六进制数 #223325

--label-background-success 成功标签的背景色 取值范例:# + 6位十六进制数 #223325

--label-background-warning 警告标签的背景色 取值范例:# + 6位十六进制数 #223325

--label-background-error 警告标签的背景色 取值范例:# + 6位十六进制数 #223325

--label-color 默认标签的字体颜色 取值范例:# + 6位十六进制数 #223325

--label-color-primary 主要标签的字体颜色 取值范例:# + 6位十六进制数 #223325

--label-color-success 成功标签的字体颜色 取值范例:# + 6位十六进制数 #223325

--label-color-warning 警告标签的字体颜色 取值范例:# + 6位十六进制数 #223325

--label-color-error 错误标签的字体颜色 取值范例:# + 6位十六进制数 #223325

# 徽章

--badge-background 徽章背景色 取值范例:# + 6位十六进制数 #223325

--badge-color 徽章字体颜色 取值范例:# + 6位十六进制数 #223325

--badge-value-size 徽章圆点大小(数值模式) 取值范例:数字+px, 1px

--badge-dot-size 徽章圆点大小(圆点模式) 取值范例:数字+px, 1px

# 幻灯片

--carousel-width 幻灯片图片宽度 取值范例:数字+px, 1px

--carousel-height 幻灯片图片高度 取值范例:数字+px, 1px

--carousel-nav-bottom 幻灯片底部按钮下边距 取值范例:数字+px, 1px

--carousel-nav-item-width 幻灯片底部按钮宽度(未高亮状态) 取值范例:数字+px, 1px

--carousel-nav-item-height 幻灯片底部按钮高度 取值范例:数字+px, 1px

--carousel-nav-item-padding 幻灯片底部按钮内边距(高亮状态) 取值范例:数字+px, 1px

--carousel-nav-item-background 幻灯片底部按钮背景色(未高亮状态) 取值范例:# + 6位十六进制数 #223325

--carousel-nav-item-background-hover 幻灯片底部按钮背景色(高亮状态) 取值范例:# + 6位十六进制数 #223325

--carousel-button-space 幻灯片左右换页按钮的外边距 取值范例:数字+px, 1px

--carousel-button-font-size 幻灯片左右换页按钮大小 取值范例:数字+px, 1px

--carousel-button-color 幻灯片左右换页按钮颜色 取值范例:# + 6位十六进制数 #223325

--carousel-button-color-hover 幻灯片左右换页按钮颜色(高亮状态) 取值范例:# + 6位十六进制数 #223325

--carousel-button-transition 幻灯片左右换页按钮显现动画快慢参数 取值范例:all + 秒数 all 0.2s

# 图片展示

--image-width 图片宽度 取值范例:数字+px, 1px

--image-height 图片高度 取值范例:数字+px, 1px

# 按钮

--button-height 按钮高度 取值范例:数字+px, 1px

--button-padding-y 按钮垂直方向内边距 取值范例:数字+px, 1px

--button-padding-x 按钮水平方向内边距 取值范例:数字+px, 1px

--button-font-size 按钮文本字体大小 取值范例:数字+px, 1px

--button-border-width 按钮边框宽度 取值范例:数字+px, 1px

--button-border-radius 按钮边框圆角 取值范例:数字+px, 1px

--button-background 按钮默认背景色 取值范例:# + 6位十六进制数 #223325

--button-background-hover 按钮hover背景色 取值范例:# + 6位十六进制数 #223325

--button-background-active 按钮背景色(激活状态) 取值范例:# + 6位十六进制数 #223325

--button-background-disabled 按钮背景色(禁用状态) 取值范例:# + 6位十六进制数 #223325

--button-background-primary 主要按钮背景色 取值范例:# + 6位十六进制数 #223325

--button-background-primary-disabled 主要按钮背景色(禁用状态) 取值范例:# + 6位十六进制数 #223325

--button-color 默认按钮字体颜色 取值范例:# + 6位十六进制数 #223325

--button-color-hover 默认按钮字体颜色(hover状态) 取值范例:# + 6位十六进制数 #223325

--button-color-disabled 默认按钮字体颜色(禁用状态) 取值范例:# + 6位十六进制数 #223325

--button-color-primary 主要按钮字体颜色 取值范例:# + 6位十六进制数 #223325

--button-color-primary-hover 主要按钮字体颜色(hover状态) 取值范例:# + 6位十六进制数 #223325

--button-color-primary-disabled 主要按钮字体颜色(禁用状态) 取值范例:# + 6位十六进制数 #223325

--button-border-color 按钮边框颜色 取值范例:# + 6位十六进制数 #223325

--button-border-color-hover 按钮边框颜色(hover状态) 取值范例:# + 6位十六进制数 #223325

--button-border-color-disabled 按钮边框颜色(禁用状态) 取值范例:# + 6位十六进制数 #223325

--button-box-shadow-focus 按钮边框阴影效果(选中状态) 取值范例:x偏移量 y偏移量 阴影模糊半径 阴影扩散半径 阴影颜色 2px 2px 2px 1px rgba(0, 0, 0, 0.2);

--button-box-shadow-focus-primary 主要按钮边框阴影效果(选中状态) 取值范例:x偏移量 y偏移量 阴影模糊半径 阴影扩散半径 阴影颜色 2px 2px 2px 1px rgba(0, 0, 0, 0.2);

--button-box-shadow-active 按钮边框阴影效果(激活状态) 取值范例:inset(阴影向内) x偏移量 y偏移量 阴影模糊半径 阴影颜色 inset 0 1px 3px rgba(0, 0, 0, 0.2)

# 表单

--form-item-label-padding-right 表单项 label文本右边距 取值范例:数字+px, 1px

--form-item-label-width 表单项 label宽度 取值范例:数字+px, 1px

# 单行输入

--input-width 输入框宽度 取值范例:数字+px, 1px

--input-height 输入框高度 取值范例:数字+px, 1px

--input-padding-x 输入框水平方向内边距 取值范例:数字+px, 1px

--input-border-width 输入框边框宽度 取值范例:数字+px, 1px

--input-background 输入框背景色 取值范例:# + 6位十六进制数 #223325

--input-color 输入框文字颜色 取值范例:# + 6位十六进制数 #223325

--input-border-color 输入框边框颜色 取值范例:# + 6位十六进制数 #223325

--input-border-color-focus 输入框边框颜色(选中状态) 取值范例:# + 6位十六进制数 #223325

--input-placeholder-color 输入框占位符文本颜色 取值范例:# + 6位十六进制数 #223325

--input-border-radius 输入框圆角 取值范例:数字+px, 1px

# 数字输入

--number-input-height 输入框按钮高度 取值范例:数字+px, 1px

--number-input-padding 输入框内边距 取值范例:数字+px, 1px

--number-input-button-background 输入框上下按钮背景色 取值范例:# + 6位十六进制数 #223325

--number-input-button-background-hover 输入框上下按钮背景色(hover状态) 取值范例:# + 6位十六进制数 #223325

--number-input-button-background-active 输入框上下按钮背景色(激活状态) 取值范例:# + 6位十六进制数 #223325

# 多行输入

--textarea-width 文本框宽度 取值范例:数字+px, 1px

--textarea-min-width 文本框最小宽度 取值范例:数字+px, 1px

--textarea-height 文本框高度 取值范例:数字+px, 1px

--textarea-border-radius 文本框圆角 取值范例:数字+px, 1px

--textarea-padding 文本框内边距 取值范例:数字+px, 1px

--textarea-color 文本框内容区文字颜色 取值范例:# + 6位十六进制数 #223325

--textarea-border-color 文本框边框颜色 取值范例:# + 6位十六进制数 #223325

# 单选组

--radio-space-x 单选项之间的间距 取值范例:数字+px, 1px

--radio-size 单选项按钮大小 取值范例:数字+px, 1px(建议输入偶数值,不然圆形按钮会变形)

--radio-background 单选项按钮背景色 取值范例:# + 6位十六进制数 #223325

--radio-box-shadow-focus 单选项边框阴影(选中状态) 取值范例:x偏移量 y偏移量 阴影模糊半径 阴影扩散半径 阴影颜色 2px 2px 2px 1px rgba(0, 0, 0, 0.2);

# 开关

--switch-width 开关宽度 取值范例:数字+px, 1px

--switch-height 开关高度 取值范例:数字+px, 1px

--switch-button-space 开关按钮内边距 取值范例:数字+px, 1px

--switch-button-size 开关按钮大小 取值范例:数字+px, 1px

--switch-button-background 开关按钮背景色 取值范例:# + 6位十六进制数 #223325

--switch-button-radius 开关按钮圆角 取值范例:数字+px, 1px

--switch-background 开关背景色(关状态) 取值范例:# + 6位十六进制数 #223325

--switch-background-checked 开关背景色(开状态) 取值范例:# + 6位十六进制数 #223325

--switch-background-disabled 开关背景色(禁用状态)取值范例:# + 6位十六进制数 #223325

--switch-color 开关按钮文字颜色 取值范例:# + 6位十六进制数 #223325

--switch-text-margin 开关按钮文字外边距 取值范例:数字+px, 1px

--switch-transition 开关背景色渐变动画快慢参数 取值范例:background-color + 秒数 background-color 0.2s

--switch-button-transition 开关按钮移动动画快慢参数 取值范例:all + 秒数 all 0.2s

# 多选组

--checkbox-space-x 多选项之间的间距 取值范例:数字+px, 1px

--checkbox-size 多选项按钮的大小 取值范例:数字+px, 1px

--checkbox-border-radius 多选项按钮圆角 取值范例:数字+px, 1px

--checkbox-background 多选项按钮的背景色 取值范例:# + 6位十六进制数 #223325

--checkbox-color 多选项按钮的内容颜色 取值范例:# + 6位十六进制数 #223325

--checkbox-box-shadow-focus 多选项按钮的阴影效果 取值范例:x偏移量 y偏移量 阴影模糊半径 阴影扩散半径 阴影颜色 2px 2px 2px 1px rgba(0, 0, 0, 0.2);

# 选择框

--select-width 选择框的宽度 取值范例:数字+px, 1px

--select-height 选择框的高度 取值范例:数字+px, 1px

--select-padding-x 选择框水平方向内边距 取值范例:数字+px, 1px

--select-background 选择框的背景色 取值范例:# + 6位十六进制数 #223325

--select-border-width 选择框的边框宽度 取值范例:数字+px, 1px

--select-border-color 选择框的边框颜色 取值范例:# + 6位十六进制数 #223325

--select-color 选择框的字体颜色 取值范例:# + 6位十六进制数 #223325

--select-popper-max-height 选择框的弹出层最大高度 取值范例:数字+px, 1px

--select-popper-box-shadow 选择框的弹出层阴影效果 取值范例:数字+px 或, 1px

--select-placeholder-color 选择框的占位符文字颜色 取值范例:# + 6位十六进制数 #223325

--select-arrow-color 选择框的下拉箭头颜色 取值范例:# + 6位十六进制数 #223325

--select-arrow-size 选择框的下拉箭头大小 取值范例:数字+px 或, 1px

--select-arrow-right-ratio 选择框的下拉箭头右边距计算倍数 取值范例:数字 0.6

--select-popper-background 选择框的弹出层背景色 取值范例:# + 6位十六进制数 #223325

--select-popper-border-color 选择框的弹出层边框颜色 取值范例:# + 6位十六进制数 #223325

--select-box-shadow-focus 选择框的弹出层边框阴影效果 取值范例:x偏移量 y偏移量 阴影模糊半径 阴影扩散半径 阴影颜色 2px 2px 2px 1px rgba(0, 0, 0, 0.2);

# 评分

--rate-space 五角星之间的间距 取值范例:数字+px, 1px

--rate-size 五角星的大小 取值范例:数字+px, 1px

--rate-color 五角星未选中的颜色 取值范例:# + 6位十六进制数 #223325

--rate-color-full 五角星填充的颜色 取值范例:# + 6位十六进制数 #223325

# 滑块

--slider-body-margin 滑道两侧的缩进距离 取值范例:数字+px, 1px

--slider-body-padding 组件垂直方向的内边距(滑道上下的外边距) 取值范例:数字+px, 1px

--slider-track-height 滑道高度 取值范例:数字+px, 1px

--slider-track-background 滑道背景色(已覆盖部分) 取值范例:# + 6位十六进制数 #223325

--slider-trail-background 滑道背景色(未覆盖部分) 取值范例:# + 6位十六进制数 #223325

--slider-handle-width 滑块按钮宽度 取值范例:数字+px, 1px

--slider-handle-height 滑块按钮高度 取值范例:数字+px, 1px

--slider-handle-background 滑块按钮背景色(未覆盖部分) 取值范例:# + 6位十六进制数 #223325

--slider-handle-border 滑块按钮边框 取值范例: 数字+px solid # + 6位十六进制数 1px solid white

# 文件上传

--uploader-list-margin-top 文件上传列表项顶部外间距 取值范例:数字+px, 1px

--uploader-item-space 文件上传列表项之间的间距 取值范例:数字+px, 1px

--uploader-item-padding 文件上传列表项的内间距 取值范例:数字+px, 1px

--uploader-item-line-height 文件上传列表项的行高 取值范例:数字+px, 1px

--uploader-item-border-radius 文件上传列表项的圆角 取值范例:数字+px, 1px

--uploader-item-background 文件上传列表项背景色 取值范例:# + 6位十六进制数 #223325

--uploader-item-background-hover 文件上传列表项背景色(hover状态) 取值范例:# + 6位十六进制数 #223325

--uploader-link-color 文件上传列表项链接文本颜色 取值范例:# + 6位十六进制数 #223325

--uploader-link-color-hover 文件上传列表项链接文本颜色(hover状态) 取值范例:# + 6位十六进制数 #223325

--uploader-card-border-radius 卡片式文件上传按钮的圆角 取值范例:数字+px, 1px

--uploader-card-space 卡片式文件上传文件项之间的间距 取值范例:数字+px, 1px

--uploader-mask-background 卡片式文件上传遮罩层颜色 取值范例:# + 6位十六进制数 #223325

# 数据表格

--table-view-head-item-color 表格表头文字颜色 取值范例:# + 6位十六进制数 #223325

--table-background 表格内容区背景色 取值范例:# + 6位十六进制数 #223325

--table-head-background 表格表头背景色 取值范例:# + 6位十六进制数 #223325

--table-border-color 表格内容区边框颜色 取值范例:# + 6位十六进制数 #223325

--table-td-color 表格内容区文字颜色 取值范例:# + 6位十六进制数 #223325

--table-th-line-height 表格表头行高 取值范例:数字+px, 1px

--table-th-padding 表格表头内间距 取值范例:数字+px, 1px

--table-td-line-height 表格内容区行高 取值范例:数字+px, 1px

--table-td-padding 表格内容区内间距 取值范例:数字+px, 1px

# 选项卡

--tabs-border-width tab项边框宽度 取值范例:数字+px, 1px

--tabs-border-color tab项边框颜色 取值范例:# + 6位十六进制数 #223325

--tabs-head-background tab组件背景色(未选中部分) 取值范例:# + 6位十六进制数 #223325

--tabs-item-height tab项高度 取值范例:数字+px, 1px

--tabs-item-padding-x tab项水平方向内间距 取值范例:数字+px, 1px

--tabs-item-line-width tab项高亮指示线高度 取值范例:数字+px, 1px

--tabs-item-background-text tab项背景色(文本模式,未选中部分) 取值范例:# + 6位十六进制数 #223325

--tabs-item-background-capsule tab项背景色(胶囊模式,未选中部分) 取值范例:# + 6位十六进制数 #223325

--tabs-item-background-hover tab项背景色(hover状态,胶囊模式和底线模式不生效) 取值范例:# + 6位十六进制数 #223325

--tabs-item-background-selected tab项背景色(选中部分,胶囊模式和底线模式不生效) 取值范例:# + 6位十六进制数 #223325

--tabs-item-background-selected-capsule tab项背景色(选中部分,胶囊模式生效) 取值范例:# + 6位十六进制数 #223325

--tabs-item-color tab项文字颜色(未选中部分,仅文本模式生效) 取值范例:# + 6位十六进制数 #223325

--tabs-item-color-hover tab项文字颜色(未选中部分,hover状态,文本模式和胶囊模式生效) 取值范例:# + 6位十六进制数 #223325

--tabs-item-color-selected tab项文字颜色(未选中部分,hover状态,文本模式和文本模式生效) 取值范例:# + 6位十六进制数 #223325

--tabs-item-color-selected-capsule tab项文字颜色(胶囊模式,选中部分) 取值范例:# + 6位十六进制数 #223325

--tabs-item-color-disabled tab禁用项文字颜色 取值范例:# + 6位十六进制数 #223325

--tabs-item-border-color-selected tab项边框颜色(选中部分,默认模式和圆角模式生效) 取值范例:# + 6位十六进制数 #223325

--tabs-item-border-color-selected tab项边框颜色(选中部分,胶囊模式) 取值范例:# + 6位十六进制数 #223325

--tabs-item-border-radius-round tab项边框圆角(选中部分,圆角模式) 取值范例:数字+px, 1px

--tabs-body-space 组件的tab项和内容区之间的间距 取值范例:数字+px, 1px

# 步骤条

--steps-item-color-disabled 步骤条禁用项文字颜色 取值范例:# + 6位十六进制数 #223325

--steps-item--radio-size 步骤条按钮大小 取值范例:数字+px, 1px(建议取偶数值)

--steps-item-radio-background 步骤条按钮之间的进度条颜色(未完成部分) 取值范例:# + 6位十六进制数 #223325

--steps-item-radio-background-passed 步骤条按钮和进度条颜色(已完成部分) 取值范例:# + 6位十六进制数 #223325

--steps-item-radio-color-passed 步骤条按钮图标颜色(已完成部分) 取值范例:# + 6位十六进制数 #223325

# 翻页器

--pagination-item-size 翻页器的按钮大小 取值范例:数字+px, 1px

--pagination-item-padding 翻页器的内边距 取值范例:数字+px, 1px

--pagination-item-background 翻页器的按钮背景色(未选中状态) 取值范例:# + 6位十六进制数 #223325

--pagination-item-background-hover 翻页器的按钮背景色(hover状态,未选中状态) 取值范例:# + 6位十六进制数 #223325

--pagination-item-background-selected 翻页器的按钮背景色(选中状态) 取值范例:# + 6位十六进制数 #223325

--pagination-item-background-blank 翻页器的省略方块背景色 取值范例:# + 6位十六进制数 #223325

--pagination-item-color 翻页器的页数文本颜色 取值范例:# + 6位十六进制数 #223325

--pagination-item-color-hover 翻页器的页数文本颜色(hover状态) 取值范例:# + 6位十六进制数 #223325

--pagination-item-color-selected 翻页器的页数文本颜色(选中状态) 取值范例:# + 6位十六进制数 #223325

--pagination-item-color-disabled 翻页器的按钮文本颜色(禁用状态) 取值范例:# + 6位十六进制数 #223325

--pagination-item-color-blank 翻页器的省略方块文本颜色 取值范例:# + 6位十六进制数 #223325

--pagination-item-color-blank-disabled 翻页器的省略方块文本颜色(禁用状态) 取值范例:# + 6位十六进制数 #223325

--pagination-item-border-color 翻页器的按钮边框颜色 取值范例:# + 6位十六进制数 #223325

--combo-pagination-height 翻页器的每页数量按钮的高度 取值范例:数字+px, 1px

--combo-pagination-line-height 翻页器的每页数量按钮的行高 取值范例:数字+px, 1px

--combo-pagination-sizer-width 翻页器的每页数量按钮的宽度 取值范例:数字+px, 1px

--combo-pagination-jumper-width 翻页器的跳页按钮的宽度 取值范例:数字+px, 1px

# 树形视图

--tree-view-background 树形列表节点的背景色 取值范例:# + 6位十六进制数 #223325

--tree-view-node-margin-left 树形列表节点的左侧缩进距离 取值范例:数字+px, 1px

--tree-view-node-expander-size 树形列表节点的左侧缩进距离 取值范例:数字+px, 1px

--tree-view-node-expander-size 树形列表节点的展开箭头的容器大小 取值范例:数字+px, 1px

--tree-view-node-text-padding 树形列表节点的文本内边距 取值范例:数字+px, 1px

--tree-view-node-background-active 树形列表节点的背景色(hover状态) 取值范例:# + 6位十六进制数 #223325

--tree-view-node-background-selected 树形列表节点的背景色(选中状态) 取值范例:# + 6位十六进制数 #223325

--tree-view-node-color-selected 树形列表节点的文本颜色(选中状态) 取值范例:# + 6位十六进制数 #223325

--tree-view-node-expander-color-selected 树形列表节点的展开箭头颜色(选中状态) 取值范例:# + 6位十六进制数 #223325

--tree-view-node-background-selected-disabled 树形列表节点的背景色(选中且禁用) 取值范例:# + 6位十六进制数 #223325

# 穿梭框

--transfer-height 穿梭框高度 取值范例:数字+px, 1px

--transfer-width 穿梭框宽度 取值范例:数字+px, 1px

--transfer-button-size 穿梭框圆形按钮大小 取值范例:数字+px, 1px

--transfer-button-space 穿梭框圆形按钮间距 取值范例:数字+px, 1px

--transfer-button-background 穿梭框圆形按钮背景色 取值范例:# + 6位十六进制数 #223325

--transfer-button-background-hover 穿梭框圆形按钮背景色(hover状态) 取值范例:# + 6位十六进制数 #223325

--transfer-button-background-active 穿梭框圆形按钮背景色(激活状态) 取值范例:# + 6位十六进制数 #223325

--transfer-button-background-disabled 穿梭框圆形按钮背景色(禁用状态) 取值范例:# + 6位十六进制数 #223325

--transfer-button-color 穿梭框圆形按钮箭头颜色 取值范例:# + 6位十六进制数 #223325

--transfer-button-color-hover 穿梭框圆形按钮箭头颜色(hover状态) 取值范例:# + 6位十六进制数 #223325

--transfer-button-color-disabled 穿梭框圆形按钮箭头颜色(禁用状态) 取值范例:# + 6位十六进制数 #223325

--transfer-button-border-color 穿梭框圆形按钮边框颜色 取值范例:# + 6位十六进制数 #223325

--transfer-button-border-color-hover 穿梭框圆形按钮边框颜色(hover状态) 取值范例:# + 6位十六进制数 #223325

--transfer-button-border-color-disabled 穿梭框圆形按钮边框颜色(禁用状态) 取值范例:# + 6位十六进制数 #223325

# 线型进度条

--linear-progress-height 进度条高度 取值范例:数字+px, 1px

--linear-progress-track-background 进度条轨道背景色 (未完成部分) 取值范例:# + 6位十六进制数 #223325

--linear-progress-trail-background 进度条轨道背景色 (已完成部分) 取值范例:# + 6位十六进制数 #223325

--linear-progress-trail-transition 进度条轨道的动画快慢参数 取值范例: width 数字+px ease ,width 0.6s ease

--linear-progress-trail-font-size

--linear-progress-trail-color

以上两个属性为老版组件字体参数,新版不生效

# 圆型进度条

--circular-progress-size 圆型进度条圆形大小 取值范例:数字+px, 1px

--circular-progress-stroke-width 进度条轨道宽度 取值范例:数字+px, 1px

--circular-progress-track-stroke 进度条轨道背景色 (未完成部分) 取值范例:# + 6位十六进制数 #223325

--circular-progress-trail-stroke 进度条轨道背景色 (已完成部分) 取值范例:# + 6位十六进制数 #223325

--linear-progress-trail-transition 进度条轨道的动画快慢参数 取值范例: stroke 数字+px ease, stroke-dasharray 数字+px ease stroke 0.6s ease, stroke-dasharray 0.6s ease

--circular-progress-percent-font-size 进度条文本内容字号 取值范例:数字+px, 1px

# 弹出框

--popup-padding 弹出层的内边距 取值范例:数字+px, 1px

--popup-arrow-size 弹出层的内层三角箭头大小 取值范例:数字+px, 1px

--popup-arrow-offset 弹出层的三角箭头平移位置 取值范例:数字+px, 1px

--popup-arrow-size 弹出层的外层三角箭头大小 取值范例:数字+px, 1px

--popup-background 弹出层的背景色 取值范例:# + 6位十六进制数 #223325

--popup-box-shadow 弹出层的阴影效果 取值范例:x偏移量 y偏移量 阴影模糊半径 阴影扩散半径 阴影颜色 2px 2px 2px 1px rgba(0, 0, 0, 0.2);

--popup-border-color 弹出层的边框颜色 取值范例:# + 6位十六进制数 #223325

# 弹窗

--modal-dialog-width 弹窗的宽度 取值范例:数字+px, 1px

--modal-dialog-border-radius 弹窗的圆角 取值范例:数字+px, 1px

--modal-dialog-background 弹窗的背景色 取值范围:# + 6位十六进制数 #223325

--modal-dialog-box-shadow 弹窗的阴影效果 取值范例:x偏移量 y偏移量 阴影模糊半径 阴影扩散半径 阴影颜色 2px 2px 2px 1px rgba(0, 0, 0, 0.2);

--modal-title-font-size 弹窗标题的字号 取值范例:数字+px, 1px

--modal-close-right 弹窗关闭按钮的右边距 取值范例:数字+px, 1px

--modal-close-color 弹窗关闭按钮的颜色 取值范例:# + 6位十六进制数 #223325

--modal-close-color-hover 弹窗关闭按钮的颜色(hover状态) 取值范例:# + 6位十六进制数 #223325

--modal-body-margin 弹窗内容区的外间距 取值范例:数字+px, 1px

--modal-foot-margin 弹窗底部区域的外间距 取值范例:数字+px, 1px

--modal-foot-padding 弹窗底部区域的内间距 取值范例:数字+px, 1px

--modal-border-color 弹窗边框颜色 取值范例:# + 6位十六进制数 #223325

上次更新: 2023年06月14日