# 页面主题
# 高级设置
# 线性布局
--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