:root { /** * ======================== * Global Variables * ======================== */ /* Brand Colors */ --brand-primary-lightest: #eaf2ff; --brand-primary-lighter: #bbd4ff; --brand-primary-light: #5c98ff; --brand-primary: #337eff; --brand-primary-dark: #1168ff; --brand-primary-darker: #004bcc; --brand-primary-darkest: #003eaa; --brand-primary-disabled: #bbd4ff; --brand-primary-opacity-20:#337eff33; --brand-success-lightest: #e9f8f1; --brand-success-lighter: #b0efd0; --brand-success-light: #2ed581; --brand-success: #26BD71; --brand-success-dark: #22a864; --brand-success-darker: #197e4b; --brand-success-darkest: #15693f; --brand-normal-lightest: #f2f9eb; --brand-normal-lighter: #d8eec4; --brand-normal-light: #97d362; --brand-normal: #8acd4e; --brand-normal-dark: #7ac437; --brand-normal-darker: #5b932a; --brand-normal-darkest: #4c7b23; --brand-problem-lightest: #fffae8; --brand-problem-lighter: #ffeca2; --brand-problem-light: #ffda45; --brand-problem: #ffd52e; --brand-problem-dark: #ffce0c; --brand-problem-darker: #c9a000; --brand-problem-darkest: #a78600; --brand-warning-lightest: #fef7e8; --brand-warning-lighter: #ffb21a; --brand-warning-light: #ffb82a; --brand-warning: #FFB21A; --brand-warning-dark: #f0a000; --brand-warning-darker: #b47800; --brand-warning-darkest: #966400; --brand-error-lightest: #feecee; --brand-error-lighter: #fab6bc; --brand-error-light: #f56d79; --brand-error: #F24957; --brand-error-dark: #f02d33; --brand-error-darker: #c70f14; --brand-error-darkest: #a60c11; --brand-danger-lightest: #ffeded; --brand-danger-lighter: #ffc8c8; --brand-danger-light: #ff6c6c; --brand-danger: #F24957; --brand-danger-dark: #ff3434; --brand-danger-darker: #e60000; --brand-danger-darkest: #c00000; --brand-danger-opacity-20: #f2495733; --brand-danger-disabled: #fbc2c7; --brand-assist-lightest: #faf2ff; --brand-assist-lighter: #efd9ff; --brand-assist-light: #d599ff; --brand-assist: #d08cff; --brand-assist-dark: #be60ff; --brand-assist-darker: #9a08ff; --brand-assist-darkest: #8200db; --brand-disabled-light: #ededed; /* 选择且禁用的背景 */ --brand-disabled: #ebebeb; /* 输入框、选择框的禁用背景 */ --brand-disabled-dark: #999; /* 禁用文本的颜色 */ --brand-disabled-darker: #9d9d9d; /* 禁用文本的颜色 */ /* Gray Colors */ --color-white: white; --color-black: black; --gray-darkest: #333; --gray-darker: #666; --gray-dark: #999; --gray-base: #aaa; --gray-light: #ccc; --gray-lighter: #ddd; --gray-lightest: #eee; /* Component Base Colors */ --background-color-default: white; /* body 默认的背景 */ --background-color-default-inverse: #17181f; /* body 默认的背景 */ --background-color-lightest: #f4f4f4; --background-color-lighter: #f4f6f9; /* 选择框的 hover 颜色 */ --background-color-lighter-inverse: #33353d; /* 选择框的 hover 颜色 */ --background-color-light: #f4f6f9; /* 表格等组件标题栏颜色 */ --background-color-base: #ededed; /* 标签、薯条等组件默认颜色 */ --background-color-base-inverse: #33353d; /* 标签、薯条等组件默认颜色 */ --background-color-dark: #e3e8f0; --background-color-dark-inverse: #2e3038; --background-color-darker: #d8dfea; --background-color-disabled: #f5f5f5; --background-color-hover: #f5f5f5; --background-color-disabled-light: #F7F8FA; --color-lighter: #ccc; /* Placeholder 字体颜色 */ --color-light: #999999; /* 次级字体颜色 */ --color-base: #333333; /* 默认字体颜色 */ --color-base-inverse: white; /* 默认字体颜色 */ --color-dark: #363a41; /* 默认字体颜色 */ --border-color-light: #dee4ed; /* 面板等容器类型的边框颜色 */ --border-color-base: #e5e5e5; /* 输入框等小组件的边框颜色 */ --border-color-base-inverse: #212123; /* 输入框等小组件的边框颜色 */ --border-color-dark: #E3E4E5; /* 按钮等小组件的边框颜色 */ --border-color-darker: #e0e0e0; --font-first-color: #222222; /* 一级字色 */ --font-second-color: #666666; /* 二级字色 */ --font-third-color: #999999; /* 三级字色 */ --font-third-color-opacity-15: #99999926; --font-third-color-opacity-60: #99999999; --font-fourth-color: #333333; /* 三级字色 */ --font-disabled-color: #CCCCCC; /* 禁用字色 */ --font-disabled-color-opacity-50: #CCCCCC80; /* Space Dimensions */ --space-shrink: -1px; --space-mini: 4px; --space-base: 16px; --space-small: 10px; --space-medium: 24px; --space-large: 30px; --space-huge: 40px; /* Component Base Dimensions */ --border-width-base: 1px; --width-mini: 80px; --width-small: 120px; --width-base: 240px; /* 以输入框、选择框为基准的尺寸 */ --width-medium: 280px; --width-large: 440px; --width-huge: 580px; --height-mini: 22px; --height-small: 28px; --height-normal: 32px; --height-base: 32px; /* 以输入框、选择框为基准的尺寸 */ --height-medium: 34px; --height-large: 38px; --height-huge: 42px; --border-radius-mini: 2px; --border-radius-base: 4px; --border-radius-medium: 5px; --border-radius-large: 4px; /* Fonts */ /* stylelint-disable value-keyword-case */ --font-family-zh-CN: BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Tahoma, Arial, 'Noto Sans', 'PingFang SC', 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', -apple-system; --font-family-code: menlo, consolas, monaco, monospace; --tab-size: 4; --line-height-base: 1.6; --font-size-base: 14px; --font-size-small: calc(var(--font-size-base) * (12 / 14)); --font-size-large: calc(var(--font-size-base) * (16 / 14)); --font-size-huge: calc(var(--font-size-base) * (24 / 14)); --font-weight-lighter: lighter; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-bold: 700; --font-weight-bolder: bolder; --box-shadow-base: 0 0 4px rgba(3, 3, 3, .1); --box-shadow-small: 0px 2px 12px rgba(0, 0, 0, 0.06); --box-shadow-small-hover: 0px 2px 16px rgba(0, 0, 0, 0.12); --box-shadow-large: 0px 2px 15px rgba(64, 69, 78, 0.15); --box-shadow-form-item-base: 0 0 0 2px var(--brand-primary-opacity-20); /* Z-Index */ --z-index-loading: 9000; --z-index-toast: 8000; --z-index-tooltip: 7010; --z-index-popper: 7000; --z-index-modal: 5000; --z-index-plugin: 2000; --z-index-layout: 100; --z-index-base: 1; /* Component Action Hints */ --cursor-pointer: pointer; --cursor-not-allowed: not-allowed; --focus-outline: none; /* Transition Duration */ --transition-duration-none: 0s; --transition-duration-base: 0.2s; --transition-duration-fast: 0.1s; --transition-duration-slow: 0.3s; --transition-duration-slower: 0.5s; --transition-collapse-base: var(--transition-duration-base) height ease-in-out, var(--transition-duration-base) padding-top ease-in-out, var(--transition-duration-base) padding-bottom ease-in-out; /** * ======================== * 排版 * ======================== */ --hr-border-color: var(--border-color-base); --blockquote-padding: 8px 16px; --ulol-padding-left: 20px; --pre-font-size: var(--code-font-size); --pre-font-family: var(--font-family-code); --pre-padding-y: 5px; --pre-padding-x: 10px; --code-margin-x: 2px; --code-padding-y: 3px; --code-padding-x: 3px; --code-background: var(--background-color-lighter); --code-color: #e0276e; --code-font-size: var(--font-size-small); --kbd-padding-y: 2px; --kbd-padding-x: 4px; --kbd-font-size: var(--font-size-small); --kbd-background: var(--background-color-base); --kbd-border-width: var(--border-width-base); --kbd-border-color: var(--border-color-dark); --kbd-border-radius: var(--border-radius-base); --kbd-box-shadow: 0 1px 1px rgba(0,0,0,.2), 0 2px 0 0 rgba(255,255,255,.7) inset; --scrollbar-size: 4px; --scrollbar-background: rgba(0, 0, 0, 0.15); --scrollbar-background-inverse: rgba(0, 0, 0, 0.15); --scrollbar-background-hover: rgba(0, 0, 0, 0.25); --scrollbar-background-hover-inverse: rgba(0, 0, 0, 0.25); --scrollbar-border-radius: 3px; --scrollbar-border-color: transparent; --scrollbar-border-width: 4px; /** * ======================== * 布局 * ======================== */ /* @layouts l-dashboard */ --dashboard-background: var(--background-color-lightest); --dashboard-padding: 40px; /* @component u-crumb */ --crumb-color-link: var(--brand-primary); /* @type color */ /* @desc 可跳转链接的默认文字颜色,如：#223325 */ --crumb-color-disabled: var(--gray-darker); /* @type color */ /* @desc 禁用链接的默认文字颜色,如：#223325 */ --crumb-space-x: 6px; /* @desc 链接与箭头符号之间的间距,如：1px */ /* @component u-panel */ --panel-border-width: 1px; /* @desc 面板外边框宽度,如：1px */ /* @depStaticStyles ["border-top-width", "border-right-width", "border-bottom-width", "border-left-width"] */ --panel-border-radius: var(--border-radius-medium); /* @desc 面板外边框圆角,如：1px */ /* @depStaticStyles ["border-top-left-radius", "border-top-right-radius", "border-bottom-left-radius", "border-bottom-right-radius"] */ --panel-background: var(--background-color-default); /* @type color */ /* @desc 面板背景色,如：#223325 */ /* @depStaticStyles ["background-color"] */ --panel-box-shadow: var(--box-shadow-small); /* @desc 面板外边框阴影,如：1px */ --panel-head-padding-x: 24px; /* @desc 面板标题左右内边距,如：1px */ --panel-head-padding-y: 14px; /* @desc 面板标题上下内边距,如：1px */ --panel-body-padding-x: 24px; /* @desc 面板内容区内边距,如：1px */ --panel-body-padding-y: 18px; /* @desc 面板内容区内边距,如：1px */ --panel-title-font-size: 18px; /* @desc 面板标题字号大小,如：1px */ --panel-title-font-weight: bold; /* @desc 面板标题字体粗细,如：bold */ --panel-border-color: var(--border-color-light); /* @hidden */ --panel-box-shadow-hover: var(--box-shadow-small-hover); /* @hidden */ /* @component u-collapse */ --collapse-item-fill-background: var(--background-color-light); /* @type color */ /* @desc 面板项背景颜色,如：#223325 */ --collapse-border-width: var(--border-width-base); /* @desc 面板边框宽度,如：1px */ --collapse-border-color: var(--border-color-base); /* @type color */ /* @desc 面板边框颜色,如：#223325 */ --collapse-border-radius: var(--border-radius-base); /* @desc 面板边框圆角,如：1px */ --collapse-item-head-color-disabled: var(--brand-disabled-dark); /* @type color */ /* @desc 面板禁用项折叠表头文字颜色,如：#223325 */ --collapse-item-head-padding: 10px 20px 10px 40px; /* @desc 面板项折叠表头内边距,如：1px */ --collapse-item-expander-size: 42px; /* @desc 面板项展开箭头容器元素大小,如：1px */ --collapse-item-expander-color: var(--color-light); /* @type color */ /* @desc 面板项展开箭头颜色,如：#223325 */ --collapse-item-expander-color-disabled: var(--brand-disabled-dark); /* @type color */ /* @desc 面板项展开箭头颜色（禁用状态）,如：#223325 */ --collapse-item-expander-font-size: 18px; /* @desc 面板项展开箭头大小,如：1px */ --collapse-item-content-padding: 20px; /* @desc 面板项内容区内边距,如：1px */ --collapse-transition-duration: var(--transition-duration-base); /* @desc 面板展开动画快慢参数,如：0.2s */ --collapse-item-head-padding-small: 6px 8px 6px 32px; /* @hidden */ --collapse-item-head-padding-mini: 4px 8px 4px 28px; /* @hidden */ --collapse-item-expander-size-small: 34px; /* @hidden */ --collapse-item-expander-size-mini: 28px; /* @hidden */ --collapse-item-content-padding-mini: 10px; /* @hidden */ /* @component u-card @hidden */ --card-border-width: 1px; --card-border-radius: var(--border-radius-base); --card-background: var(--background-color-default); --card-border-color: var(--border-color-light); --card-box-shadow: var(--box-shadow-small); --card-box-shadow-hover: var(--box-shadow-small-hover); --card-head-padding-x: 12px; --card-head-padding-y: 10px; --card-body-padding-x: 12px; --card-body-padding-y: 12px; --card-title-font-size: 18px; --card-title-font-weight: bold; /* @component u-navbar-multi */ --navbar-height: 60px;/* @desc 导航栏高度 */ --navbar-space-x: 40px;/* @hidden */ --navbar-background: #333333;/* @type color */ /* @desc 导航栏背景颜色 */ --navbar-background-inverse: var(--brand-primary);/* @hidden */ --navbar-color: white;/* @type color */ /* @desc 导航栏字体颜色 */ --navbar-item-space: 30px;/* @hidden */ --navbar-item-padding: 0 10px;/* @hidden */ --navbar-item-font-size: var(--font-size-large);/* @hidden */ --navbar-item-background: transparent;/* @hidden */ --navbar-item-background-hover: transparent;/* @hidden */ --navbar-item-background-selected: transparent;/* @hidden */ --navbar-item-color: white;/* @type color */ /* @desc 导航栏菜单项字体颜色 */ --navbar-item-color-hover: white;/* @type color */ /* @desc 导航栏菜单项悬浮字体颜色 */ --navbar-item-color-selected: white;/* @type color */ /* @desc 导航栏菜单选中字体颜色 */ --navbar-item-color-disabled: var(--brand-disabled);/* @hidden */ --navbar-group-color: white;/* @type color */ /* @desc 导航栏分组字体颜色 */ --navbar-group-color-hover: white;/* @type color */ /* @desc 导航栏分组悬浮字体颜色 */ --navbar-divider-line-background: transparent;/* @type color */ /* @desc 导航栏菜单项分隔线颜色 */ --navbar-item-color-inverse: white;/* @hidden */ --navbar-item-line-transition-duration: 0.5s;/* @hidden */ --navbar-item-line-background: currentColor;/* @type color */ /* @desc 导航栏菜单项高亮线条颜色 */ --navbar-item-line-height: 3px;/* @hidden */ --navbar-divider-width: var(--border-width-base);/* @hidden */ --navbar-divider-height: 20px;/* @hidden */ --navbar-divider-background: #ddd;/* @type color */ /* @desc 导航栏分隔组件颜色 */ --navbar-dropdown-padding: 0 30px 0 10px;/* @hidden */ --navbar-dropdown-icon-font-size: 18px;/* @hidden */ --navbar-dropdown-popper-line-height: var(--line-height-base);/* @hidden */ --navbar-dropdown-popper-font-size: var(--font-size-base);/* @hidden */ --navbar-dropdown-popper-padding: 8px 0;/* @hidden */ --navbar-dropdown-popper-background: var(--navbar-menu-item-background);/* @hidden */ --navbar-dropdown-color-disabled: var(--brand-disabled);/* @hidden */ --navbar-menu-item-padding: 7px 18px;/* @hidden */ --navbar-menu-item-background: #232d3e;/* @hidden */ --navbar-menu-item-background-hover: #141d2b;/* @hidden */ --navbar-menu-item-color: inherit;/* @hidden */ --navbar-menu-item-color-hover: inherit;/* @hidden */ --navbar-menu-border-color: #232d3e;/* @hidden */ --navbar-menu-divider-background: var(--list-view-divider-background);/* @hidden */ --navbar-menu-box-shadow: 0 0 6px rgba(47, 53, 58, 0.3);/* @hidden */ --navbar-select-width: 90px;/* @hidden */ --navbar-select-padding-left: 10px;/* @hidden */ --navbar-select-padding-right: 30px;/* @hidden */ --navbar-select-hover-background: none;/* @hidden */ --navbar-select-focused-background: none;/* @hidden */ --navbar-select-item-padding: 2px 18px;/* @hidden */ --navbar-select-item-color: white;/* @hidden */ --navbar-select-item-background: #232d3e;/* @hidden */ --navbar-select-item-background-hover: #141d2b;/* @hidden */ --navbar-select-item-background-selected: white;/* @hidden */ --navbar-select-divider-background: var(--list-view-divider-background);/* @hidden */ --navbar-select-box-shadow: 0 0 6px rgba(47, 53, 58, 0.3);/* @hidden */ /* @component u-sidebar */ --sidebar-background: #ffffff; /* @desc 侧边栏背景色,如：#223325 */ /* @type color */ /* @excludeTags u-sidebar-item,u-sidebar-group,u-sidebar-divider */ /* @depStaticStyles { "u-sidebar": ["background-color"] } */ --sidebar-item-height: 54px; /* @group 项 */ /* @desc 侧边栏项高度,如：1px */ /* @prefix sidebar-item */ /* @excludeTags u-sidebar-divider */ /* @depStaticStyles { "u-sidebar-item": ["height"] } */ --sidebar-item-padding-left: 30px; /* @group 项 */ /* @desc 侧边栏项左边距,如：1px */ /* @prefix sidebar-item */ /* @excludeTags u-sidebar-divider */ /* @depStaticStyles { "u-sidebar-item": ["padding-left"] } */ --sidebar-item-background: #ffffff; /* @group 项 */ /* @desc 侧边栏项背景色,如：#223325 */ /* @prefix sidebar-item */ /* @type color */ /* @excludeTags u-sidebar-divider */ /* @depStaticStyles { "u-sidebar-item": ["background-color"] } */ --sidebar-item-background-selected: rgba(51,126,255,0.12); /* @group 项 */ /* @desc 侧边栏项选中背景色,如：#223325 */ /* @prefix sidebar-item */ /* @type color */ /* @excludeTags u-sidebar-divider */ --sidebar-item-background-disabled: #ffffff; /* @group 项 */ /* @desc 侧边栏项禁用背景色,如：#223325 */ /* @prefix sidebar-item */ /* @type color */ /* @excludeTags u-sidebar-divider */ --sidebar-item-background-selected-disabled: var(--brand-primary); /* @group 项 */ /* @desc 侧边栏项禁用选中背景色,如：#223325 */ /* @prefix sidebar-item */ /* @type color */ /* @excludeTags u-sidebar-divider */ --sidebar-item-color: #333333; /* @group 项 */ /* @desc 侧边栏项文字颜色,如：#223325 */ /* @prefix sidebar-item */ /* @type color */ /* @excludeTags u-sidebar-divider */ /* @depStaticStyles { "u-sidebar": ["color"], "u-sidebar-item": ["color"] } */ --sidebar-item-background-hover: var(--sidebar-item-background); /* @group 项 */ /* @desc 侧边栏项背景色（hover状态）,如：#223325 */ /* @prefix sidebar-item */ /* @type color */ /* @excludeTags u-sidebar-divider */ --sidebar-item-color-hover: var(--brand-primary); /* @group 项 */ /* @desc 侧边栏项文字颜色（hover状态）,如：#223325 */ /* @prefix sidebar-item */ /* @type color */ /* @excludeTags u-sidebar-divider */ --sidebar-item-color-selected: var(--brand-primary); /* @group 项 */ /* @desc 侧边栏项选中时文字颜色,如：#223325 */ /* @prefix sidebar-item */ /* @type color */ /* @excludeTags u-sidebar-divider */ --sidebar-item-color-disabled: #586475; /* @group 项 */ /* @desc 侧边栏项禁用文字颜色,如：#223325 */ /* @prefix sidebar-item */ /* @type color */ /* @excludeTags u-sidebar-divider */ --sidebar-item-border-right-width: 4px; /* @group 项 */ /* @desc 侧边栏项右边框宽度,如：1px */ /* @prefix sidebar-item */ /* @excludeTags u-sidebar-divider */ /* @depStaticStyles { "u-sidebar-item": ["border-right-width"] } */ --sidebar-item-border-right-color: var(--brand-primary); /* @group 项 */ /* @desc 侧边栏项右边框颜色,如：#223325 */ /* @prefix sidebar-item */ /* @type color */ /* @excludeTags u-sidebar-divider */ /* @depStaticStyles { "u-sidebar-item": ["border-color"] } */ --sidebar-item-border-bottom-width: 0px; /* @group 项 */ /* @desc 侧边栏项下边框宽度,如：1px */ /* @prefix sidebar-item */ /* @excludeTags u-sidebar-divider */ /* @depStaticStyles { "u-sidebar-item": ["border-bottom-width"] } */ --sidebar-item-border-bottom-color: #e5e5e5; /* @group 项 */ /* @desc 侧边栏项下边框颜色,如：#223325 */ /* @prefix sidebar-item */ /* @type color */ /* @excludeTags u-sidebar-divider */ /* @depStaticStyles { "u-sidebar-item": ["border-color"] } */ --sidebar-item-icon-font-size: 16px; /* @group 项 */ /* @desc 侧边栏项图标大小,如：1px */ /* @prefix sidebar-item */ /* @excludeTags u-sidebar-divider */ --sidebar-item-icon-color: var(--gray-light); /* @group 项 */ /* @desc 侧边栏项图标颜色,如：#223325 */ /* @prefix sidebar-item */ /* @type color */ /* @excludeTags u-sidebar-divider */ --sidebar-item-icon-color-hover: var(--sidebar-item-icon-color); /* @group 项 */ /* @desc 侧边栏项图标颜色（hover状态）,如：#223325 */ /* @prefix sidebar-item */ /* @type color */ /* @excludeTags u-sidebar-divider */ --sidebar-item-icon-color-selected: var(--sidebar-item-icon-color); /* @group 项 */ /* @desc 侧边栏项图标颜色（选中状态）,如：#223325 */ /* @prefix sidebar-item */ /* @type color */ /* @excludeTags u-sidebar-divider */ --sidebar-group-padding-left: 10px; /* @group 分组 */ /* @desc 侧边栏分组左边距,如：1px */ /* @prefix sidebar-group */ /* @excludeTags u-sidebar-item,u-sidebar-divider */ /* @depStaticStyles { "u-sidebar-group": ["padding-left"] } */ --sidebar-group-head-height: 52px; /* @group 分组 */ /* @desc 侧边栏分组头部高度,如：1px */ /* @prefix sidebar-group */ /* @excludeTags u-sidebar-item,u-sidebar-divider */ --sidebar-group-head-padding-left: 30px; /* @group 分组 */ /* @desc 侧边栏分组头部左边距,如：1px */ /* @prefix sidebar-group */ /* @excludeTags u-sidebar-item,u-sidebar-divider */ --sidebar-group-head-font-weight: var(--font-weight-bold); /* @group 分组 */ /* @desc 侧边栏分组头部字重,如：1px */ /* @prefix sidebar-group */ /* @excludeTags u-sidebar-item,u-sidebar-divider */ --sidebar-group-head-color: #333333; /* @group 分组 */ /* @desc 侧边栏分组头部字体颜色,如：#223325 */ /* @prefix sidebar-group */ /* @type color */ /* @excludeTags u-sidebar-item,u-sidebar-divider */ --sidebar-group-head-color-hover: var(--brand-primary); /* @group 分组 */ /* @desc 侧边栏分组头部字体颜色（hover状态）,如：#223325 */ /* @prefix sidebar-group */ /* @type color */ /* @excludeTags u-sidebar-item,u-sidebar-divider */ --sidebar-group-head-background-hover: #f5f5f5; /* @group 分组 */ /* @desc 侧边栏分组头部背景色（hover状态）,如：#223325 */ /* @prefix sidebar-group */ /* @type color */ /* @excludeTags u-sidebar-item,u-sidebar-divider */ --sidebar-group-head-color-selected: var(--brand-primary); /* @hidden */ --sidebar-group-head-border-bottom-width: 0px; /* @group 分组 */ /* @desc 侧边栏分组头部下边距宽度,如：1px */ /* @prefix sidebar-group */ /* @excludeTags u-sidebar-item,u-sidebar-divider */ --sidebar-group-head-border-bottom-color: #e5e5e5;/* @group 分组 */ /* @desc 侧边栏分组头部下边距颜色,如：#223325 */ /* @prefix sidebar-group */ /* @type color */ /* @excludeTags u-sidebar-item,u-sidebar-divider */ --sidebar-divider-margin-y: 8px; /* @group 分隔符 */ /* @desc 侧边栏分隔符左外边距,如：1px */ /* @prefix sidebar-divider */ /* @excludeTags u-sidebar-item,u-sidebar-group */ /* @depStaticStyles { "u-sidebar-divider": ["margin-top", "margin-bottom"] } */ --sidebar-divider-height: var(--border-width-base); /* @group 分隔符 */ /* @desc 侧边栏分隔符高度,如：1px */ /* @prefix sidebar-divider */ /* @excludeTags u-sidebar-item,u-sidebar-group */ /* @depStaticStyles { "u-sidebar-divider": ["height"] } */ --sidebar-divider-background: #3d4654; /* @group 分隔符 */ /* @desc 侧边栏分隔符背景色,如：#223325 */ /* @type color */ /* @prefix sidebar-divider */ /* @excludeTags u-sidebar-item,u-sidebar-group */ /* @depStaticStyles { "u-sidebar-divider": ["background-color"] } */ --sidebar-width: 240px; /* @hidden */ --sidebar-background-inverse: #2b333f; /* @hidden */ --sidebar-item-background-selected-inverse: #252b33; /* @hidden */ --sidebar-item-background-disabled-inverse: #2b333f; /* @hidden */ --sidebar-item-background-selected-disabled-inverse: #2b333f; /* @hidden */ --sidebar-item-height-small: 32px; /* @hidden */ --sidebar-item-border-right-width-small: 3px; /* @hidden */ --sidebar-item-color-inverse: #8594aa; /* @hidden */ --sidebar-item-color-hover-inverse: white; /* @hidden */ --sidebar-item-color-selected-inverse: white; /* @hidden */ --sidebar-group-head-color-inverse: #9dabc2; /* @hidden */ --sidebar-group-head-color-hover-inverse: white; /* @hidden */ --sidebar-group-head-color-selected-inverse: #9dabc2; /* @hidden */ --sidebar-group-popper-margin-left: 2px; /* @hidden */ --sidebar-expander-color-disabled: var(--brand-disabled); /* @hidden */ /* @component u-menu @hidden */ --menu-padding-y: 0; --menu-background: white; --menu-min-width: none; --menu-background-hover: var(--background-color-light); --menu-border-width: var(--border-width-base); --menu-border-color: var(--border-color-base); --menu-border-radius: 0; --menu-box-shadow: var(--box-shadow-base); --menu-item-padding: 5px 15px; --menu-item-size: 32px; --menu-item-color: var(--color-base); --menu-divider-background: var(--border-color-base); --menu-divider-margin-y: 9px; --menu-divider-height: var(--border-width-base); /* @component u-toc @hidden */ --toc-width: 200px; --toc-padding: 5px; --toc-circle-size: 9px; --toc-item-circle-size: 5px; --toc-font-size: 14px; --toc-background: transparent; --toc-border-width: var(--border-width-base); --toc-border-color: var(--border-color-base); /** * ======================== * 展示 * ======================== */ /* @component u-text */ --text-font-size: var(--font-size-base); /* @desc 文本字号大小,如：1px */ /* @depAttrs { "size": ["normal"] } */ /* @depStaticStyles ["font-size"] */ --text-font-size-small: var(--font-size-small); /* @desc 小号文本字号大小,如：1px */ /* @depAttrs { "size": ["small"] } */ /* @depStaticStyles ["font-size"] */ --text-font-size-large: calc(var(--font-size-base) * (18 / 14)); /* @desc 大号文本字号大小,如：1px */ /* @depAttrs { "size": ["large"] } */ /* @depStaticStyles ["font-size"] */ --text-font-size-huge: calc(var(--font-size-base) * (22 / 14)); /* @desc 巨大号文本字号大小,如：1px */ /* @depAttrs { "size": ["huge"] } */ /* @depStaticStyles ["font-size"] */ --text-color-primary: var(--brand-primary); /* @type color */ /* @desc 主要文本字体颜色,如：#223325 */ /* @depAttrs { "color": ["primary"] } */ /* @depStaticStyles ["color"] */ --text-color-secondary: var(--font-second-color); /* @type color */ /* @desc 次要文本字体颜色,如：#223325 */ /* @depAttrs { "color": ["secondary"] } */ /* @depStaticStyles ["color"] */ --text-color-success: var(--brand-success); /* @type color */ /* @desc 成功文本字体颜色,如：#223325 */ /* @depAttrs { "color": ["success"] } */ /* @depStaticStyles ["color"] */ --text-color-warning: var(--brand-warning); /* @type color */ /* @desc 警告文本字体颜色,如：#223325 */ /* @depAttrs { "color": ["warning"] } */ /* @depStaticStyles ["color"] */ --text-color-error: var(--brand-error); /* @type color */ /* @desc 错误文本字体颜色,如：#223325 */ /* @depAttrs { "color": ["error"] } */ /* @depStaticStyles ["color"] */ --text-color-disabled: var(--brand-disabled-dark); /* @type color */ /* @desc 禁用文本字体颜色,如：#223325 */ /* @depAttrs { "color": ["disabled"] } */ /* @component u-link */ --link-color: var(--brand-primary); /* @type color */ /* @desc 默认链接字体颜色,如：#223325 */ /* @depAttrs { "color": ["default", null] } */ /* @depStaticStyles ["color"] */ --link-color-light: #6eadff; /* @type color */ /* @desc 浅色链接字体颜色,如：#223325 */ /* @depAttrs { "color": ["light"] } */ /* @depStaticStyles ["color"] */ --link-color-success: var(--brand-success); /* @type color */ /* @desc 成功链接字体颜色,如：#223325 */ /* @depAttrs { "color": ["success"] } */ /* @depStaticStyles ["color"] */ --link-color-warning: var(--brand-warning); /* @type color */ /* @desc 警告链接字体颜色,如：#223325 */ /* @depAttrs { "color": ["warning"] } */ /* @depStaticStyles ["color"] */ --link-color-danger: var(--brand-danger); /* @type color */ /* @desc 危险链接字体颜色,如：#223325 */ /* @depAttrs { "color": ["danger"] } */ /* @depStaticStyles ["color"] */ --link-color-disabled: var(--font-disabled-color); /* @type color */ /* @desc 禁用链接字体颜色,如：#223325 */ --link-color-hover: var(--brand-primary-light); /* @type color */ /* @desc 默认链接字体颜色,如：#223325 */ /* @depAttrs { "color": ["default", null] } */ --link-color-success-hover: var(--brand-success-light); /* @type color */ /* @desc 成功链接字体颜色,如：#223325 */ /* @depAttrs { "color": ["success"] } */ --link-color-warning-hover: var(--brand-warning-light); /* @type color */ /* @desc 警告链接字体颜色,如：#223325 */ /* @depAttrs { "color": ["warning"] } */ --link-color-danger-hover: var(--brand-danger-light); /* @type color */ /* @desc 危险链接字体颜色,如：#223325 */ /* @depAttrs { "color": ["danger"] } */ --link-color-disabled-hover: var(--brand-disabled-light); /* @hidden */ --link-color-error: var(--brand-error); /* @hidden */ --link-color-error-hover: var(--brand-error-light); /* @hidden */ --link-color-white: white; /* @hidden */ /* @component u-button */ /* 宽度 */ --button-min-width: 78px; /* @hidden */ /* 高度 */ --button-height-mini: var(--height-mini); /* @desc Mini按钮高度,如：1px */ /* @depAttrs {"size": ["mini"]} */ /* @depStaticStyles ["height"] */ --button-height-small: var(--height-small); /* @desc Small按钮高度,如：1px */ /* @depAttrs {"size": ["small"]} */ /* @depStaticStyles ["height"] */ --button-height: var(--height-base); /* @desc 按钮高度,如：1px */ /* @depAttrs {"size": ["normal", null]} */ /* @depStaticStyles ["height"] */ --button-height-medium: var(--height-medium); /* @desc Medium按钮高度,如：1px */ /* @depAttrs {"size": ["medium"]} */ /* @depStaticStyles ["height"] */ --button-height-large: var(--height-large); /* @desc Large按钮高度,如：1px */ /* @depAttrs {"size": ["large"]} */ /* @depStaticStyles ["height"] */ --button-height-huge: var(--height-huge); /* @desc Huge按钮高度,如：1px */ /* @depAttrs {"size": ["huge"]} */ /* @depStaticStyles ["height"] */ /* 上下边距 */ --button-padding-y-mini: var(--button-padding-y); /* @desc Mini按钮垂直方向内边距,如：1px */ /* @depAttrs {"size": ["mini"]} */ /* @depStaticStyles ["padding-top", "padding-bottom"] */ --button-padding-y-small: var(--button-padding-y); /* @desc Small按钮垂直方向内边距,如：1px */ /* @depAttrs {"size": ["small"]} */ /* @depStaticStyles ["padding-top", "padding-bottom"] */ --button-padding-y: 0px; /* @desc 按钮垂直方向内边距,如：1px */ /* @depAttrs {"size": ["normal", null]} */ /* @depStaticStyles ["padding-top", "padding-bottom"] */ --button-padding-y-medium: var(--button-padding-y); /* @desc Medium按钮垂直方向内边距,如：1px */ /* @depAttrs {"size": ["medium"]} */ /* @depStaticStyles ["padding-top", "padding-bottom"] */ --button-padding-y-large: var(--button-padding-y); /* @desc Large按钮垂直方向内边距,如：1px */ /* @depAttrs {"size": ["large"]} */ /* @depStaticStyles ["padding-top", "padding-bottom"] */ --button-padding-y-huge: var(--button-padding-y); /* @desc Huge按钮垂直方向内边距,如：1px */ /* @depAttrs {"size": ["huge"]} */ /* @depStaticStyles ["padding-top", "padding-bottom"] */ /* 左右边距 */ --button-padding-x-mini: 16px; /* @desc Mini按钮水平方向内边距,如：1px */ /* @depAttrs {"size": ["mini"]} */ /* @depStaticStyles ["padding-left", "padding-right"] */ --button-padding-x-small: 20px; /* @desc Small按钮水平方向内边距,如：1px */ /* @depAttrs {"size": ["small"]} */ /* @depStaticStyles ["padding-left", "padding-right"] */ --button-padding-x: 24px; /* @desc 按钮水平方向内边距,如：1px */ /* @depAttrs {"size": ["normal", null]} */ /* @depStaticStyles ["padding-left", "padding-right"] */ --button-padding-x-medium: 28px; /* @desc Medium按钮水平方向内边距,如：1px */ /* @depAttrs {"size": ["medium"]} */ /* @depStaticStyles ["padding-left", "padding-right"] */ --button-padding-x-large: 32px; /* @desc Large按钮水平方向内边距,如：1px */ /* @depAttrs {"size": ["large"]} */ /* @depStaticStyles ["padding-left", "padding-right"] */ --button-padding-x-huge: 36px; /* @desc Huge按钮水平方向内边距,如：1px */ /* @depAttrs {"size": ["huge"]} */ /* @depStaticStyles ["padding-left", "padding-right"] */ /* 按钮背景颜色-默认 */ --button-background-primary: var(--brand-primary); /* @type color */ /* @desc 主要按钮背景色,如：#223325 */ /* @depAttrs {"color": ["primary"]} */ /* @depStaticStyles ["background-color"] */ --button-background-primary-secondary: white; /* @type color */ /* @desc 次要按钮背景色,如：#223325 */ /* @depAttrs {"color": ["primary_secondary"]} */ /* @depStaticStyles ["background-color"] */ --button-background: white; /* @type color */ /* @desc 按钮默认背景色,如：#223325 */ /* @depAttrs {"color": ["default", null]} */ /* @depStaticStyles ["background-color"] */ --button-background-danger: var(--brand-error); /* @type color */ /* @desc 危险按钮背景色,如：#223325 */ /* @depAttrs {"color": ["danger"]} */ /* @depStaticStyles ["background-color"] */ --button-background-danger-secondary: white; /* @type color */ /* @desc 次要危险按钮背景色,如：#223325 */ /* @depAttrs {"color": ["danger_secondary"]} */ /* @depStaticStyles ["background-color"] */ /* 按钮背景颜色-hover */ --button-background-primary-hover: var(--brand-primary-light); /* @type color */ /* @desc 主要按钮hover背景色,如：#223325 */ /* @depAttrs {"color": ["primary"]} */ --button-background-primary-secondary-hover: white; /* @type color */ /* @desc 次要按钮hover背景色,如：#223325 */ /* @depAttrs {"color": ["primary_secondary"]} */ --button-background-hover: white; /* @type color */ /* @desc 按钮hover背景色,如：#223325 */ /* @depAttrs {"color": ["default", null]} */ --button-background-danger-hover: var(--brand-error-light); /* @type color */ /* @desc 危险按钮hover背景色,如：#223325 */ /* @depAttrs {"color": ["danger"]} */ --button-background-danger-secondary-hover: white; /* @type color */ /* @desc 次要危险按钮hover背景色,如：#223325 */ /* @depAttrs {"color": ["danger_secondary"]} */ /* 按钮背景颜色-active */ --button-background-primary-active: var(--brand-primary); /* @type color */ /* @desc 主要按钮背景色（激活状态）,如：#223325 */ /* @depAttrs {"color": ["primary"]} */ --button-background-primary-secondary-active: white; /* @type color */ /* @desc 次要按钮背景色（激活状态）,如：#223325 */ /* @depAttrs {"color": ["primary_secondary"]} */ --button-background-active: white; /* @type color */ /* @desc 按钮背景色（激活状态）,如：#223325 */ /* @depAttrs {"color": ["default", null]} */ --button-background-danger-active: var(--brand-error); /* @type color */ /* @desc 危险按钮背景色（激活状态）,如：#223325 */ /* @depAttrs {"color": ["danger"]} */ --button-background-danger-secondary-active: white; /* @type color */ /* @desc 次要危险按钮背景色（激活状态）,如：#223325 */ /* @depAttrs {"color": ["danger_secondary"]} */ /* 按钮背景颜色-disabled */ --button-background-primary-disabled: var(--brand-primary-disabled); /* @type color */ /* @desc 主要按钮背景色（禁用状态）,如：#223325 */ /* @depAttrs {"color": ["primary"]} */ --button-background-primary-secondary-disabled: var(--button-background-disabled); /* @type color */ /* @desc 次要按钮背景色（禁用状态）,如：#223325 */ /* @depAttrs {"color": ["primary_secondary"]} */ --button-background-disabled: #f5f5f5; /* @type color */ /* @desc 按钮背景色（禁用状态）,如：#223325 */ /* @depAttrs {"color": ["default", null]} */ --button-background-danger-disabled: var(--brand-error-lighter); /* @type color */ /* @desc 危险按钮背景色（禁用状态）,如：#223325 */ /* @depAttrs {"color": ["danger"]} */ --button-background-danger-secondary-disabled: var(--button-background-disabled); /* @type color */ /* @desc 次要危险按钮背景色（禁用状态）,如：#223325 */ /* @depAttrs {"color": ["danger_secondary"]} */ /* 按钮边框颜色-默认 */ --button-border-color-primary: var(--button-background-primary); /* @type color */ /* @desc 主要按钮边框颜色,如：#223325 */ /* @depAttrs {"color": ["primary"]} */ /* @depStaticStyles ["border-color"] */ --button-border-color-primary-secondary: var(--button-background-primary); /* @type color */ /* @desc 次要按钮边框颜色,如：#223325 */ /* @depAttrs {"color": ["primary_secondary"]} */ /* @depStaticStyles ["border-color"] */ --button-border-color: var(--border-color-dark); /* @type color */ /* @desc 按钮边框颜色,如：#223325 */ /* @depAttrs {"color": ["default", null]} */ /* @depStaticStyles ["border-color"] */ --button-border-color-danger: var(--button-background-danger); /* @type color */ /* @desc 危险按钮边框颜色,如：#223325 */ /* @depAttrs {"color": ["danger"]} */ /* @depStaticStyles ["border-color"] */ --button-border-color-danger-secondary: var(--button-background-danger); /* @type color */ /* @desc 次要危险按钮边框颜色,如：#223325 */ /* @depAttrs {"color": ["danger_secondary"]} */ /* @depStaticStyles ["border-color"] */ /* 按钮边框颜色-hover */ --button-border-color-primary-hover: var(--button-background-primary-hover); /* @type color */ /* @desc 主要按钮边框颜色(hover状态),如：#223325 */ /* @depAttrs {"color": ["primary"]} */ --button-border-color-primary-secondary-hover: var(--brand-primary-light); /* @type color */ /* @desc 次要按钮边框颜色(hover状态),如：#223325 */ /* @depAttrs {"color": ["primary_secondary"]} */ --button-border-color-hover: var(--brand-primary); /* @type color */ /* @desc 按钮边框颜色(hover状态),如：#223325 */ /* @depAttrs {"color": ["default", null]} */ --button-border-color-danger-hover: var(--button-background-danger-hover); /* @type color */ /* @desc 危险按钮边框颜色(hover状态),如：#223325 */ /* @depAttrs {"color": ["danger"]} */ --button-border-color-danger-secondary-hover: var(--brand-error-light); /* @type color */ /* @desc 次要危险按钮边框颜色(hover状态),如：#223325 */ /* @depAttrs {"color": ["danger_secondary"]} */ /* 按钮边框颜色-active */ --button-border-color-primary-active: var(--button-background-primary-active); /* @type color */ /* @desc 主要按钮边框颜色(active状态),如：#223325 */ /* @depAttrs {"color": ["primary"]} */ --button-border-color-primary-secondary-active: var(--brand-primary); /* @type color */ /* @desc 次要按钮边框颜色(active状态),如：#223325 */ /* @depAttrs {"color": ["primary_secondary"]} */ --button-border-color-active: var(--brand-primary); /* @type color */ /* @desc 按钮边框颜色(active状态),如：#223325 */ /* @depAttrs {"color": ["default", null]} */ --button-border-color-danger-active: var(--button-background-danger-active); /* @type color */ /* @desc 危险按钮边框颜色(active状态),如：#223325 */ /* @depAttrs {"color": ["danger"]} */ --button-border-color-danger-secondary-active: var(--danger-primary); /* @type color */ /* @desc 次要危险按钮边框颜色(active状态),如：#223325 */ /* @depAttrs {"color": ["danger_secondary"]} */ /* 按钮边框颜色-disabled */ --button-border-color-primary-disabled: var(--button-background-primary-disabled); /* @type color */ /* @desc 主要按钮边框颜色（禁用状态）,如：#223325 */ /* @depAttrs {"color": ["primary"]} */ --button-border-color-primary-secondary-disabled: var(--button-border-color-disabled); /* @type color */ /* @desc 次要按钮边框颜色（禁用状态）,如：#223325 */ /* @depAttrs {"color": ["primary_secondary"]} */ --button-border-color-disabled: #e5e5e5; /* @type color */ /* @desc 按钮边框颜色（禁用状态）,如：#223325 */ /* @depAttrs {"color": ["default", null]} */ --button-border-color-danger-disabled: var(--button-background-danger-disabled); /* @type color */ /* @desc 危险按钮边框颜色（禁用状态）,如：#223325 */ /* @depAttrs {"color": ["danger"]} */ --button-border-color-danger-secondary-disabled: var(--button-border-color-disabled); /* @type color */ /* @desc 次要危险按钮边框颜色（禁用状态）,如：#223325 */ /* @depAttrs {"color": ["danger_secondary"]} */ /* 文字大小 */ --button-font-size-mini: var(--font-size-small); /* @desc Mini按钮文本字体大小,如：1px */ /* @depAttrs {"size": ["mini"]} */ /* @depStaticStyles ["font-size"] */ --button-font-size-small: inherit; /* @desc Small按钮文本字体大小,如：1px */ /* @depAttrs {"size": ["small"]} */ /* @depStaticStyles ["font-size"] */ --button-font-size: inherit; /* @desc 按钮文本字体大小,如：1px */ /* @depAttrs {"size": ["normal", null]} */ /* @depStaticStyles ["font-size"] */ --button-font-size-medium: inherit; /* @desc Medium按钮文本字体大小,如：1px */ /* @depAttrs {"size": ["medium"]} */ /* @depStaticStyles ["font-size"] */ --button-font-size-large: var(--font-size-large); /* @desc Large按钮文本字体大小,如：1px */ /* @depAttrs {"size": ["large"]} */ /* @depStaticStyles ["font-size"] */ --button-font-size-huge: var(--font-size-huge); /* @desc Huge按钮文本字体大小,如：1px */ /* @depAttrs {"size": ["huge"]} */ /* @depStaticStyles ["font-size"] */ /* 文字颜色-默认 */ --button-color-primary: white; /* @type color */ /* @desc 主要按钮字体颜色,如：#223325 */ /* @depAttrs {"color": ["primary"]} */ /* @depStaticStyles ["color"] */ --button-color-primary-secondary: var(--brand-primary); /* @type color */ /* @desc 次要按钮字体颜色,如：#223325 */ /* @depAttrs {"color": ["primary_secondary"]} */ /* @depStaticStyles ["color"] */ --button-color: var(--font-second-color); /* @type color */ /* @desc 默认按钮字体颜色,如：#223325 */ /* @depAttrs {"color": ["default", null]} */ /* @depStaticStyles ["color"] */ --button-color-danger: white; /* @type color */ /* @desc 危险按钮字体颜色,如：#223325 */ /* @depAttrs {"color": ["danger"]} */ /* @depStaticStyles ["color"] */ --button-color-danger-secondary: var(--brand-error); /* @type color */ /* @desc 次要危险按钮字体颜色,如：#223325 */ /* @depAttrs {"color": ["danger_secondary"]} */ /* @depStaticStyles ["color"] */ /* 文字颜色-hover */ --button-color-primary-hover: var(--button-color-primary); /* @type color */ /* @desc 主要按钮字体颜色（hover状态）,如：#223325 */ /* @depAttrs {"color": ["primary"]} */ --button-color-primary-secondary-hover: var(--brand-primary-light); /* @type color */ /* @desc 次要按钮字体颜色（hover状态）,如：#223325 */ /* @depAttrs {"color": ["primary_secondary"]} */ --button-color-hover: var(--brand-primary); /* @type color */ /* @desc 默认按钮字体颜色（hover状态）,如：#223325 */ /* @depAttrs {"color": ["default", null]} */ --button-color-danger-hover: var(--button-color-danger); /* @type color */ /* @desc 危险按钮字体颜色（hover状态）,如：#223325 */ /* @depAttrs {"color": ["danger"]} */ --button-color-danger-secondary-hover: var(--brand-error-light); /* @type color */ /* @desc 次要危险按钮字体颜色（hover状态）,如：#223325 */ /* @depAttrs {"color": ["danger_secondary"]} */ /* 文字颜色-active */ --button-color-primary-active: var(--button-color-primary-hover); /* @type color */ /* @desc 主要按钮字体颜色（active状态）,如：#223325 */ /* @depAttrs {"color": ["primary"]} */ --button-color-primary-secondary-active: var(--button-color-primary-secondary-hover); /* @type color */ /* @desc 次要按钮字体颜色（active状态）,如：#223325 */ /* @depAttrs {"color": ["primary_secondary"]} */ --button-color-active: var(--button-color-hover); /* @type color */ /* @desc 默认按钮字体颜色（active状态）,如：#223325 */ /* @depAttrs {"color": ["default", null]} */ --button-color-danger-active: var(--button-color-danger-hover); /* @type color */ /* @desc 危险按钮字体颜色（active状态）,如：#223325 */ /* @depAttrs {"color": ["danger"]} */ --button-color-danger-secondary-active: var(--button-color-danger-secondary-hover); /* @type color */ /* @desc 次要危险按钮字体颜色（active状态）,如：#223325 */ /* @depAttrs {"color": ["danger_secondary"]} */ /* 文字颜色-disabled */ --button-color-primary-disabled: white; /* @type color */ /* @desc 主要按钮字体颜色（禁用状态）,如：#223325 */ /* @depAttrs {"color": ["primary"]} */ --button-color-primary-secondary-disabled: var(--button-color-disabled); /* @type color */ /* @desc 次要按钮字体颜色（禁用状态）,如：#223325 */ /* @depAttrs {"color": ["primary_secondary"]} */ --button-color-disabled: #999; /* @type color */ /* @desc 默认按钮字体颜色（禁用状态）,如：#223325 */ /* @depAttrs {"color": ["default", null]} */ --button-color-danger-disabled: white; /* @type color */ /* @desc 危险按钮字体颜色（禁用状态）,如：#223325 */ /* @depAttrs {"color": ["danger"]} */ --button-color-danger-secondary-disabled: var(--button-color-disabled); /* @type color */ /* @desc 次要危险按钮字体颜色（禁用状态）,如：#223325 */ /* @depAttrs {"color": ["danger_secondary"]} */ --button-border-width: var(--border-width-base); /* @desc 按钮边框宽度,如：1px */ /* @depStaticStyles ["border-top-width", "border-right-width", "border-bottom-width", "border-left-width"] */ --button-border-radius: var(--border-radius-medium); /* @desc 按钮边框圆角,如：1px */ /* @depStaticStyles ["border-top-left-radius", "border-top-right-radius", "border-bottom-left-radius", "border-bottom-right-radius"] */ --button-box-shadow-focus-color: var(--brand-primary-opacity-20); /* @type color */ /* @desc 按钮边框阴影背景颜色（选中状态）,如：#223325; */ /* @depAttrs {"color": ["default", null]} */ --button-box-shadow-focus-primary-color: var(--brand-primary-opacity-20) ; /* @type color */ /* @desc 主要按钮边框阴影背景颜色（选中状态）,如：#223325; */ /* @depAttrs {"color": ["primary"]} */ --button-box-shadow-focus-danger-color: var(--brand-danger-opacity-20); /* @type color */ /* @desc 危险按钮边框阴影背景颜色（选中状态）,如：#223325; */ /* @depAttrs {"color": ["danger"]} */ --button-box-shadow-focus: 0 0 0 2px var(--button-box-shadow-focus-color); /* @desc 按钮边框阴影效果（选中状态）,如：2px 2px 2px 1px rgba(0, 0, 0, 0.2); */ /* @depAttrs {"color": ["default", null]} */ --button-box-shadow-focus-primary: 0 0 0 2px var(--brand-primary-opacity-20); /* @desc 主要按钮边框阴影效果（选中状态）,如：2px 2px 2px 1px rgba(0, 0, 0, 0.2); */ /* @depAttrs {"color": ["primary"]} */ --button-box-shadow-focus-danger: 0 0 0 2px var(--brand-danger-opacity-20); /* @desc 危险按钮边框阴影效果（选中状态）,如：2px 2px 2px 1px rgba(0, 0, 0, 0.2); */ /* @depAttrs {"color": ["danger"]} */ --button-box-shadow-focus-primary-secondary: none; /* @hidden */ --button-box-shadow-focus-danger-secondary: none; /* @hidden */ --button-font-weight: normal; /* @hidden */ --button-box-shadow-active-color: var(--brand-primary-opacity-20); /* @hidden */ --button-box-shadow-active: 0 0 0 2px var(--brand-primary-opacity-20); /* @hidden */ --button-box-shadow-active-primary: var(--button-box-shadow-active); /* @hidden */ --button-box-shadow-active-primary-secondary: var(--button-box-shadow-active-primary); /* @hidden */ --button-box-shadow-active-danger: 0 0 0 2px var(--brand-danger-opacity-20); /* @hidden */ --button-box-shadow-active-danger-secondary: var(--button-box-shadow-active-danger); /* @hidden */ --button-loading-size: 18px; /* @hidden */ --button-loading-width: 1.5px; /* @hidden */ --button-height-loading: 18px; /* @hidden */ --button-loading-animation-duration: 1s; /* @hidden */ /* @component u-label */ --label-padding-x: 8px; /* @desc 标签水平方向内边距,如：1px */ /* @depAttrs { "size": ["normal", null] } */ /* @depStaticStyles ["padding-left", "padding-right"] */ --label-padding-x-small: 8px; /* @desc 小号标签水平方向内边距,如：1px */ /* @depAttrs { "size": ["small"] } */ /* @depStaticStyles ["padding-left", "padding-right"] */ --label-padding-x-large: 8px; /* @desc 大号标签水平方向内边距,如：1px */ /* @depAttrs { "size": ["large"] } */ /* @depStaticStyles ["padding-left", "padding-right"] */ --label-padding-y: 4px; /* @desc 标签垂直方向内边距,如：1px */ /* @depAttrs { "size": ["normal", null] } */ /* @depStaticStyles ["padding-left", "padding-right"] */ --label-padding-y-small: 3px; /* @desc 小号标签垂直方向内边距,如：1px */ /* @depAttrs { "size": ["small"] } */ /* @depStaticStyles ["padding-left", "padding-right"] */ --label-padding-y-large: 6px; /* @desc 大号标签垂直方向内边距,如：1px */ /* @depAttrs { "size": ["large"] } */ /* @depStaticStyles ["padding-left", "padding-right"] */ --label-font-size: 12px; /* @desc 标签的字号大小,如：1px */ /* @depAttrs { "size": ["normal", null] } */ /* @depStaticStyles ["font-size"] */ --label-font-size-small: var(--label-font-size); /* @desc 小号标签的字号大小,如：1px */ /* @depAttrs { "size": ["small"] } */ /* @depStaticStyles ["font-size"] */ --label-font-size-large: var(--label-font-size); /* @desc 大号标签的字号大小,如：1px */ /* @depAttrs { "size": ["large"] } */ /* @depStaticStyles ["font-size"] */ --label-remove-padding-x: 6px; /* @desc 可删除标签的删除图标与文本之间的内边距,如：1px */ /* @depAttrs { "size": ["normal", null] } */ --label-remove-padding-x-small: 6px; /* @desc 可删除小号标签的删除图标与文本之间的内边距,如：1px */ /* @depAttrs { "size": ["small"] } */ --label-remove-padding-x-large: 8px; /* @desc 可删除大号标签的删除图标与文本之间的内边距,如：1px */ /* @depAttrs { "size": ["large"] } */ /* 背景颜色 */ --label-background: #f5f5f5; /* @type color */ /* @desc 默认标签的背景色,如：#223325 */ /* @depAttrs { "color": ["default", null] } */ /* @depStaticStyles ["background-color"] */ --label-background-primary: var(--brand-primary); /* @type color */ /* @desc 主要标签的背景色,如：#223325 */ /* @depAttrs { "color": ["primary"] } */ /* @depStaticStyles ["background-color"] */ --label-background-success: var(--brand-success); /* @type color */ /* @desc 成功标签的背景色,如：#223325 */ /* @depAttrs { "color": ["success"] } */ /* @depStaticStyles ["background-color"] */ --label-background-warning: var(--brand-warning); /* @type color */ /* @desc 警告标签的背景色,如：#223325 */ /* @depAttrs { "color": ["warning"] } */ /* @depStaticStyles ["background-color"] */ --label-background-error: var(--brand-error); /* @type color */ /* @desc 错误标签的背景色,如：#223325 */ /* @depAttrs { "color": ["error"] } */ /* @depStaticStyles ["background-color"] */ /* 背景颜色-hover */ --label-background-hover: #E5E5E5; /* @type color */ /* @desc 默认标签的背景色（hover状态）,如：#223325 */ /* @depAttrs { "color": ["default", null] } */ /* @depStaticStyles ["background-color"] */ --label-background-primary-hover: var(--brand-primary-light); /* @type color */ /* @desc 主要标签的背景色（hover状态）,如：#223325 */ /* @depAttrs { "color": ["primary"] } */ /* @depStaticStyles ["background-color"] */ --label-background-success-hover: var(--brand-success-light); /* @type color */ /* @desc 成功标签的背景色（hover状态）,如：#223325 */ /* @depAttrs { "color": ["success"] } */ /* @depStaticStyles ["background-color"] */ --label-background-warning-hover: var(--brand-warning-light); /* @type color */ /* @desc 警告标签的背景色（hover状态）,如：#223325 */ /* @depAttrs { "color": ["warning"] } */ /* @depStaticStyles ["background-color"] */ --label-background-error-hover: var(--brand-error-light); /* @type color */ /* @desc 错误标签的背景色（hover状态）,如：#223325 */ /* @depAttrs { "color": ["error"] } */ /* @depStaticStyles ["background-color"] */ /* 背景颜色-selected */ --label-background-selected: #7F7F7F; /* @type color */ /* @desc 默认标签的背景色（选中状态）,如：#223325 */ /* @depAttrs { "color": ["default", null] } */ /* @depStaticStyles ["background-color"] */ --label-background-primary-selected: var(--brand-primary); /* @type color */ /* @desc 主要标签的背景色（选中状态）,如：#223325 */ /* @depAttrs { "color": ["primary"] } */ /* @depStaticStyles ["background-color"] */ --label-background-success-selected: var(--brand-success); /* @type color */ /* @desc 成功标签的背景色（选中状态）,如：#223325 */ /* @depAttrs { "color": ["success"] } */ /* @depStaticStyles ["background-color"] */ --label-background-warning-selected: var(--brand-warning); /* @type color */ /* @desc 警告标签的背景色（选中状态）,如：#223325 */ /* @depAttrs { "color": ["warning"] } */ /* @depStaticStyles ["background-color"] */ --label-background-error-selected: var(--brand-error); /* @type color */ /* @desc 错误标签的背景色（选中状态）,如：#223325 */ /* @depAttrs { "color": ["error"] } */ /* @depStaticStyles ["background-color"] */ /* 文字颜色 */ --label-color: var(--font-second-color); /* @type color */ /* @desc 默认标签的字体颜色,如：#223325 */ /* @depAttrs { "color": ["default", null] } */ /* @depStaticStyles ["color"] */ --label-color-primary: white; /* @type color */ /* @desc 主要标签的字体颜色,如：#223325 */ /* @depAttrs { "color": ["primary"] } */ /* @depStaticStyles ["color"] */ --label-color-success: white; /* @type color */ /* @desc 成功标签的字体颜色,如：#223325 */ /* @depAttrs { "color": ["success"] } */ /* @depStaticStyles ["color"] */ --label-color-warning: white; /* @type color */ /* @desc 警告标签的字体颜色,如：#223325 */ /* @depAttrs { "color": ["warning"] } */ /* @depStaticStyles ["color"] */ --label-color-error: white; /* @type color */ /* @desc 错误标签的字体颜色,如：#223325 */ /* @depAttrs { "color": ["error"] } */ /* @depStaticStyles ["color"] */ /* 文字颜色-hover */ --label-color-hover: var(--font-second-color); /* @type color */ /* @desc 默认标签的字体颜色（hover状态）,如：#223325 */ /* @depAttrs { "color": ["default", null] } */ /* @depStaticStyles ["color"] */ --label-color-primary-hover: white; /* @type color */ /* @desc 主要标签的字体颜色（hover状态）,如：#223325 */ /* @depAttrs { "color": ["primary"] } */ /* @depStaticStyles ["color"] */ --label-color-success-hover: white; /* @type color */ /* @desc 成功标签的字体颜色（hover状态）,如：#223325 */ /* @depAttrs { "color": ["success"] } */ /* @depStaticStyles ["color"] */ --label-color-warning-hover: white; /* @type color */ /* @desc 警告标签的字体颜色（hover状态）,如：#223325 */ /* @depAttrs { "color": ["warning"] } */ /* @depStaticStyles ["color"] */ --label-color-error-hover: white; /* @type color */ /* @desc 错误标签的字体颜色（hover状态）,如：#223325 */ /* @depAttrs { "color": ["error"] } */ /* @depStaticStyles ["color"] */ /* 文字颜色-selected */ --label-color-selected: white; /* @type color */ /* @desc 默认标签的字体颜色（选中状态）,如：#223325 */ /* @depAttrs { "color": ["default", null] } */ /* @depStaticStyles ["color"] */ --label-color-primary-selected: white; /* @type color */ /* @desc 主要标签的字体颜色（选中状态）,如：#223325 */ /* @depAttrs { "color": ["primary"] } */ /* @depStaticStyles ["color"] */ --label-color-success-selected: white; /* @type color */ /* @desc 成功标签的字体颜色（选中状态）,如：#223325 */ /* @depAttrs { "color": ["success"] } */ /* @depStaticStyles ["color"] */ --label-color-warning-selected: white; /* @type color */ /* @desc 警告标签的字体颜色（选中状态）,如：#223325 */ /* @depAttrs { "color": ["warning"] } */ /* @depStaticStyles ["color"] */ --label-color-error-selected: white; /* @type color */ /* @desc 错误标签的字体颜色（选中状态）,如：#223325 */ /* @depAttrs { "color": ["error"] } */ /* @depStaticStyles ["color"] */ /* line背景颜色 */ --label-line-background: transparent; /* @type color */ /* @desc 线性标签的背景颜色,如：#223325 */ /* @excludeTags u-label */ /* line背景颜色-hover */ --label-line-background-hover: #F5F5F5; /* @type color */ /* @desc 线性标签的背景颜色（hover状态）,如：#223325 */ /* @excludeTags u-label */ --label-line-background-primary-hover: var(--brand-primary-lightest); /* @type color */ /* @desc 主要线性标签的背景颜色（hover状态）,如：#223325 */ /* @excludeTags u-label */ --label-line-background-success-hover: var(--brand-success-lightest); /* @type color */ /* @desc 成功线性标签的背景颜色（hover状态）,如：#223325 */ /* @excludeTags u-label */ --label-line-background-warning-hover: var(--brand-warning-lightest); /* @type color */ /* @desc 警告线性标签的背景颜色（hover状态）,如：#223325 */ /* @excludeTags u-label */ --label-line-background-error-hover: var(--brand-error-lightest); /* @type color */ /* @desc 错误线性标签的背景颜色（hover状态）,如：#223325 */ /* @excludeTags u-label */ /* line背景颜色-selected */ --label-line-background-selected: #7F7F7F; /* @type color */ /* @desc 线性标签的背景颜色（选中状态）,如：#223325 */ /* @excludeTags u-label */ --label-line-background-primary-selected: var(--brand-primary); /* @type color */ /* @desc 主要线性标签的背景颜色（选中状态）,如：#223325 */ /* @excludeTags u-label */ --label-line-background-success-selected: var(--brand-success); /* @type color */ /* @desc 成功线性标签的背景颜色（选中状态）,如：#223325 */ /* @excludeTags u-label */ --label-line-background-warning-selected: var(--brand-warning); /* @type color */ /* @desc 警告线性标签的背景颜色（选中状态）,如：#223325 */ /* @excludeTags u-label */ --label-line-background-error-selected: var(--brand-error); /* @type color */ /* @desc 错误线性标签的背景颜色（选中状态）,如：#223325 */ /* @excludeTags u-label */ /* line字体颜色 */ --label-line-border-color: #e5e5e5; /* @type color */ /* @desc 线性标签的边框颜色,如：#223325 */ /* @excludeTags u-label */ --label-line-color-primary: var(--brand-primary); /* @type color */ /* @desc 主要线性标签的字体颜色,如：#223325 */ /* @excludeTags u-label */ --label-line-color-success: var(--brand-success); /* @type color */ /* @desc 成功线性标签的字体颜色,如：#223325 */ /* @excludeTags u-label */ --label-line-color-warning: var(--brand-warning); /* @type color */ /* @desc 警告线性标签的字体颜色,如：#223325 */ /* @excludeTags u-label */ --label-line-color-error: var(--brand-error); /* @type color */ /* @desc 错误线性标签的字体颜色,如：#223325 */ /* @excludeTags u-label */ --label-line-color-normal: var(--brand-normal); /* @type color */ /* @desc 普通线性标签的字体颜色,如：#223325 */ /* @excludeTags u-label */ /* line字体颜色-hover */ --label-line-color-primary-hover: white; /* @type color */ /* @desc 主要线性标签的字体颜色（hover状态）,如：#223325 */ /* @excludeTags u-label */ --label-line-color-success-hover: white; /* @type color */ /* @desc 成功线性标签的字体颜色（hover状态）,如：#223325 */ /* @excludeTags u-label */ --label-line-color-warning-hover: white; /* @type color */ /* @desc 警告线性标签的字体颜色（hover状态）,如：#223325 */ /* @excludeTags u-label */ --label-line-color-error-hover: white; /* @type color */ /* @desc 错误线性标签的字体颜色（hover状态）,如：#223325 */ /* @excludeTags u-label */ /* line字体颜色-selected */ --label-line-color-selected: white; /* @type color */ /* @desc 线性标签的字体颜色（选中状态）,如：#223325 */ /* @excludeTags u-label */ --label-line-color-primary-selected: white; /* @type color */ /* @desc 主要线性标签的字体颜色（选中状态）,如：#223325 */ /* @excludeTags u-label */ --label-line-color-success-selected: white; /* @type color */ /* @desc 成功线性标签的字体颜色（选中状态）,如：#223325 */ /* @excludeTags u-label */ --label-line-color-warning-selected: white; /* @type color */ /* @desc 警告线性标签的字体颜色（选中状态）,如：#223325 */ /* @excludeTags u-label */ --label-line-color-error-selected: white; /* @type color */ /* @desc 错误线性标签的字体颜色（选中状态）,如：#223325 */ /* @excludeTags u-label */ --label-line-height-small: var(--label-line-height); /* @desc 小号标签的行高,如：1px */ /* @excludeTags u-label */ --label-line-height: 1; /* @hidden */ --label-font-size-huge: var(--font-size-base); /* @hidden */ --label-background-normal: var(--brand-normal); /* @hidden */ --label-color-normal: white; /* @hidden */ --label-remove-padding-x-huge: 10px; /* @hidden */ --label-border-radius: 2px; /* @hidden */ --label-padding-x-huge: 12px; /* @hidden */ --label-padding-y-huge: 8px; /* @hidden */ /* @component u-badge */ --badge-background: var(--brand-error); /* @type color */ /* @desc 徽章背景色,如：#223325 */ /* @depStaticStyles ["background-color"] */ --badge-color: white; /* @type color */ /* @desc 徽章字体颜色,如：#223325 */ /* @depStaticStyles ["color"] */ --badge-value-size: 20px; /* @desc 徽章圆点大小（数值模式）,如：1px */ /* @depStaticStyles ["font-size"] */ --badge-dot-size: 6px; /* @desc 徽章圆点大小（圆点模式）,如：1px */ --badge-box-shadow: 0 0 0 1px #fff; /* @hidden */ /* @component u-carousel */ --carousel-width: 700px; /* @desc 幻灯片图片宽度,如：1px */ --carousel-height: 420px; /* @desc 幻灯片图片高度,如：1px */ --carousel-nav-bottom: 12px; /* @desc 幻灯片底部按钮下边距,如：1px */ --carousel-nav-item-width: 8px; /* @desc 幻灯片底部按钮宽度（未高亮状态）,如：1px */ --carousel-nav-item-height: 2px; /* @desc 幻灯片底部按钮高度,如：1px */ --carousel-nav-item-padding: 0; /* @desc 幻灯片底部按钮内边距（高亮状态）,如：1px */ --carousel-nav-item-background: rgba(255, 255, 255, 0.5); /* @type color */ /* @desc 幻灯片底部按钮背景色（未高亮状态）,如：#223325 */ --carousel-nav-item-background-hover: white; /* @type color */ /* @desc 幻灯片底部按钮背景色（高亮状态）,如：#223325 */ --carousel-button-space: 20px; /* @desc 幻灯片左右换页按钮的外边距,如：1px */ --carousel-button-font-size: 16px; /* @desc 幻灯片左右换页按钮大小,如：1px */ --carousel-button-color: rgba(255, 255, 255, 0.6); /* @type color */ /* @desc 幻灯片左右换页按钮颜色,如：#223325 */ --carousel-button-color-hover: white; /* @type color */ /* @desc 幻灯片左右换页按钮颜色（高亮状态）,如：#223325 */ --carousel-button-transition: all 0.3s; /* @desc 幻灯片左右换页按钮鼠标悬停颜色变化动画快慢参数,如：all 0.2s */ --carousel-transition-duration: var(--transition-duration-slow); /* @desc 幻灯片切换动画快慢参数,如：0.3s */ --carousel-button-background: rgba(0, 0, 0, 0.2); /* @hidden */ --carousel-button-background-hover: rgba(0, 0, 0, 0.2); /* @hidden */ /* @component u-time-picker */ --timepicker-input-border-color: var(--input-border-color); /* @type color */ /* @desc 时间选择框输入框边框颜色,如 #223325 */ /* @prefix timepicker-input */ --timepicker-input-border-width: var(--input-border-width); /* @desc 时间选择框输入框边框宽度,如 1px */ /* @prefix timepicker-input */ --timepicker-input-color: var(--input-color); /* @type color */ /* @desc 时间选择框输入框字体颜色,如 #223325 */ /* @prefix timepicker-input */ --timepicker-input-background: var(--input-background); /* @type color */ /* @desc 时间选择框输入框背景颜色,如 #223325 */ /* @prefix timepicker-input */ --timepicker-input-border-radius: var(--input-border-radius); /* @desc 时间选择框输入框圆角,如 1px */ /* @prefix timepicker-input */ --timepicker-input-background-disabled: var(--input-background-disabled); /* @type color */ /* @desc 时间选择框输入框背景颜色（禁用状态）,如 #223325 */ /* @prefix timepicker-input */ --timepicker-input-border-color-error: var(--input-border-color-error); /* @hidden */ --timepicker-input-border-color-focus: var(--input-border-color-focus); /* @hidden */ --timepicker-input-box-shadow-focus: var(--input-box-shadow-focus); /* @hidden */ --timepicker-input-placeholder-color: var(--input-placeholder-color); /* @type color */ /* @desc 时间选择框输入框提示字体颜色,如 #223325 */ /* @prefix timepicker-input */ --timepicker-input-width-mini: var(--input-width-mini); /* @desc Mini时间选择框输入框宽度,如 1px */ /* @depAttrs { "width": ["mini"] } */ /* @prefix timepicker-input */ /* @depStaticStyles ["width"] */ --timepicker-input-padding-x-mini: var(--input-padding-x-mini); /* @desc Mini时间选择框输入框水平内边距,如 1px */ /* @depAttrs { "width": ["mini"] } */ /* @prefix timepicker-input */ /* @depStaticStyles ["padding-left", "padding-right"] */ --timepicker-input-height-mini: var(-input-height-mini); /* @desc Mini时间选择框输入框高度,如 1px */ /* @depAttrs { "height": ["mini"] } */ /* @prefix timepicker-input */ /* @depStaticStyles ["height"] */ --timepicker-input-width-small: var(--input-width-small); /* @desc Small时间选择框输入框宽度,如 1px */ /* @depAttrs { "width": ["small"] } */ /* @prefix timepicker-input */ /* @depStaticStyles ["width"] */ --timepicker-input-padding-x-small: var(--input-padding-x-small); /* @desc Small时间选择框输入框水平内边距,如 1px */ /* @depAttrs { "width": ["small"] } */ /* @prefix timepicker-input */ /* @depStaticStyles ["padding-left", "padding-right"] */ --timepicker-input-height-small: var(--input-height-small); /* @desc Small时间选择框输入框高度,如 1px */ /* @depAttrs { "height": ["small"] } */ /* @prefix timepicker-input */ /* @depStaticStyles ["height"] */ --timepicker-input-width: var(--input-width); /* @desc 时间选择框输入框宽度,如 1px */ /* @depAttrs { "width": ["normal", null] } */ /* @prefix timepicker-input */ /* @depStaticStyles ["width"] */ --timepicker-input-height: var(--input-height); /* @desc 时间选择框输入框高度,如 1px */ /* @depAttrs { "height": ["normal", null] } */ /* @prefix timepicker-input */ /* @depStaticStyles ["height"] */ --timepicker-input-padding-x: var(--input-padding-x); /* @desc 时间选择框输入框水平内边距,如 1px */ /* @depAttrs { "width": ["normal", null] } */ /* @prefix timepicker-input */ /* @depStaticStyles ["padding-left", "padding-right"] */ --timepicker-input-width-medium: var(--input-width-medium); /* @desc Medium时间选择框输入框宽度,如 1px */ /* @depAttrs { "width": ["medium"] } */ /* @prefix timepicker-input */ /* @depStaticStyles ["width"] */ --timepicker-input-padding-x-medium: var(--input-padding-x-medium); /* @desc Medium时间选择框输入框水平内边距,如 1px */ /* @depAttrs { "width": ["medium"] } */ /* @prefix timepicker-input */ /* @depStaticStyles ["padding-left", "padding-right"] */ --timepicker-input-height-medium: var(--input-height-medium); /* @desc Medium时间选择框输入框高度,如 1px */ /* @depAttrs { "height": ["medium"] } */ /* @prefix timepicker-input */ /* @depStaticStyles ["height"] */ --timepicker-input-width-large: var(--input-width-large); /* @desc Large时间选择框输入框宽度,如 1px */ /* @depAttrs { "width": ["large"] } */ /* @prefix timepicker-input */ /* @depStaticStyles ["width"] */ --timepicker-input-padding-x-large: var(--input-padding-x-large); /* @desc Large时间选择框输入框水平内边距,如 1px */ /* @depAttrs { "width": ["large"] } */ /* @prefix timepicker-input */ /* @depStaticStyles ["padding-left", "padding-right"] */ --timepicker-input-height-large: var(--input-height-large); /* @desc Large时间选择框输入框高度,如 1px */ /* @depAttrs { "height": ["large"] } */ /* @prefix timepicker-input */ /* @depStaticStyles ["height"] */ --timepicker-input-width-huge: var(--input-width-huge); /* @desc Huge时间选择框输入框宽度,如 1px */ /* @depAttrs { "width": ["huge"] } */ /* @prefix timepicker-input */ /* @depStaticStyles ["width"] */ --timepicker-input-padding-x-huge: var(--input-padding-x-huge); /* @desc Huge时间选择框输入框水平内边距,如 1px */ /* @depAttrs { "width": ["huge"] } */ /* @prefix timepicker-input */ /* @depStaticStyles ["padding-left", "padding-right"] */ --timepicker-input-height-huge: var(--input-height-huge); /* @desc Huge时间选择框输入框高度,如 1px */ /* @depAttrs { "height": ["huge"] } */ /* @prefix timepicker-input */ /* @depStaticStyles ["height"] */ --timepicker-input-padding-x-full: var(--input-padding-x-full); /* @desc Full时间选择框输入框水平内边距,如 1px */ /* @depAttrs { "width": ["full"] } */ /* @prefix timepicker-input */ /* @depStaticStyles ["padding-left", "padding-right"] */ --timepicker-range-input-width: var(--input-width-medium); /* @desc 时间选择框输入框宽度,如 1px */ /* @depAttrs { "width": ["normal", null] } */ /* @prefix timepicker-input */ /* @depStaticStyles ["width"] */ --timepicker-bacground-selected: var(--brand-primary-light); /* @hidden */ --timepicker-color-selected: white; /* @hidden */ --timepicker-panel-background: white; /* @hidden */ --timepicker-foot-background: white; /* @hidden */ --timepicker-foot-border-color: var(--border-color-base); /* @hidden */ --timepicker-item-background-selected: transparent; /* @hidden */ --timepicker-item-background-hover:#f5f5f5; /* @hidden */ --timepicker-item-background-disabled: transparent; /* @hidden */ --timepicker-item-color-disabled: #ccc; /* @hidden */ --timepicker-item-color-disabled-selected: rgba(255, 255, 255, 0.4); /* @hidden */ --timepicker-item-color: var(--font-first-color); /* @hidden */ --timepicker-popper-max-width: 300px; /* @hidden */ --timepicker-popper-background: white; /* @hidden */ --timepicker-popper-border-color: var(--border-color-base); /* @hidden */ --timepicker-popper-border-radius: var(--border-radius-base); /* @hidden */ --timepicker-input-pre-icon-color: var(--gray-light); /* @hidden */ --timepicker-input-after-icon-color: var(--gray-light); /* @hidden */ --timepicker-textbrn-color: #333; /* @hidden */ /* @component u-avatar @hidden */ --avatar-size: 44px; --avatar-size-mini: 18px; --avatar-size-small: 32px; --avatar-size-large: 64px; --avatar-size-huge: 88px; /* @component u-block @hidden */ --block-background: var(--background-color-base); /* @component u-logo @hidden */ --logo-width: var(--sidebar-width); --logo-height: var(--navbar-height); /* @component u-list @hidden */ --list-style: none; --list-item-padding: 6px 8px; --list-item-border-bottom: 1px solid var(--border-color-base); --list-item-background-striped: var(--background-color-lighter); --list-item-background-hover: var(--background-color-lighter); /* @component u-loading */ --loading-icon-color: var(--gray-base); --loading-text-color: var(--font-second-color); /* @component u-desc-list @hidden */ --desc-list-item-label-padding-right: 20px; --desc-list-item-label-padding-right-mini: 10px; --desc-list-item-label-padding-right-small: 10px; --desc-list-item-label-padding-right-large: 20px; --desc-list-item-label-width: 85px; --desc-list-item-label-width-mini: 40px; --desc-list-item-label-width-small: 60px; --desc-list-item-label-width-large: 120px; /* @component u-table @hidden */ --table-view-head-background-light: var(--background-color-default); /* @hidden */ --table-head-font-weight: bold; --table-head-color: var(--gray-dark); --table-row-background: var(--background-color-base); --table-row-background-hover: var(--background-color-lighter); /* @hidden */ --table-row-background-primary: rgba(103, 170, 245, 0.2); /* @hidden */ --table-row-background-error: rgb(255, 138, 122, 0.2); /* @hidden */ --table-row-background-dark: var(--background-color-dark); /* @hidden */ --table-row-background-light: var(--background-color-lighter); /* @hidden */ --table-caption-color: #090e14; --table-border-width: 1px; --table-hover-border-shadow-display: none; /* @component u-form-table @hidden */ --form-table-head-background: #f7f8fa; --form-table-head-color: #666; --form-table-head-padding: 0 5px; --form-table-remove-button-color: #ff867f; /* @component u-article @hidden */ --article-table-font-size: calc(var(--font-size-base) * (13 / 14)); --article-h1-font-size: calc(var(--font-size-base) * (24 / 14)); --article-h2-font-size: calc(var(--font-size-base) * (20 / 14)); --article-h3-font-size: calc(var(--font-size-base) * (18 / 14)); --article-h4-font-size: calc(var(--font-size-base) * (16 / 14)); --article-h5-font-size: calc(var(--font-size-base) * (14 / 14)); --article-h6-font-size: calc(var(--font-size-base) * (12 / 14)); --article-h2-color: #999fac; --article-h2-border-color: #ebf0f4; /* @component u-timeline @hidden */ --timeline-item-padding-bottom: 20px; /* @desc 底部边距 */ --timeline-tail-color: var(--border-color-base); /* @type color */ /* @desc 轨道颜色 */ --timeline-tail-width: 2px; /* @desc 轨道宽度 */ --timeline-dot-background-color: #fff; /* @type color */ /* @desc dot背景颜色 */ /* @component u-dropdown */ --dropdown-color-text: var(--brand-primary); /* @type color */ /* @desc 下拉菜单字体颜色,如 #223325 */ /* @depStaticStyles ["color"] */ --dropdown-color-text-hover: var(--brand-primary-light); /* @type color */ /* @desc 下拉菜单字体颜色（hover状态）,如 #223325 */ --dropdown-color-text-active: var(--dropdown-color-text); /* @type color */ /* @desc 下拉菜单字体颜色（激活状态）,如 #223325 */ --dropdown-color-text-disabled: var(--font-disabled-color); /* @type color */ /* @desc 下拉菜单字体颜色（禁用状态）,如 #223325 */ --dropdown-popper-width: 100%; /* @desc 下拉弹层宽度,如 1px */ /* * ======================== * 数据 * ======================== */ /* @component u-table-view */ --table-view-row-hover-background: #f9f9f9; /* @type color */ /* @group 行 */ /* @prefix table-view-row */ /* @desc 表格行背景色（hover状态）,如 #223325 */ /* @excludeElTags th */ --table-head-font-weight: normal; /* @group 表头 */ /* @prefix table */ /* @desc 表格表头字体加粗,如 normal */ /* @excludeElTags td,th */ /* @depAttrs {"boldHeader": [false]} */ --table-view-head-item-size: var(--font-size-base); /* @group 表头 */ /* @prefix table-view */ /* @desc 表格表头字体大小,如 1px */ /* @excludeElTags td */ --table-row-background-striped: var(--background-color-lighter); /* @type color */ /* @group 行 */ /* @prefix table */ /* @desc 表格条纹展示行背景色,如 #223325 */ /* @excludeElTags th */ --table-view-head-item-color: var(--gray-dark); /* @type color */ /* @group 表头 */ /* @prefix table-view */ /* @desc 表格表头文字颜色,如 #223325 */ /* @excludeElTags td */ --table-view-border-color: var(--border-color-base); /* @type color */ /* @group 内容区 */ /* @prefix table-view */ /* @desc 表格内容区边框颜色,如 #223325 */ /* @excludeElTags td,th */ --table-view-td-color: var(--color-base); /* @type color */ /* @group 内容区 */ /* @prefix table-view */ /* @desc 表格内容区文字颜色,如 #223325 */ /* @excludeElTags th */ --table-view-th-text-align: left; /* @group 表头 */ /* @prefix table-view */ /* @desc 表格表头字体对齐方式,如 left */ /* @excludeElTags td */ --table-view-th-line-height: 20px; /* @group 表头 */ /* @prefix table-view */ /* @desc 表格表头行高,如 1px */ /* @excludeElTags td */ --table-view-th-padding: 10px 6px 10px 10px; /* @group 表头 */ /* @prefix table-view */ /* @desc 表格表头内间距,如 1px */ /* @excludeElTags td */ --table-view-th-background-color: var(--table-view-head-background); /* @type color */ /* @group 表头 */ /* @prefix table-view */ /* @desc 表格表头内背景色,如 #223325 */ /* @excludeElTags td */ --table-view-td-line-height: 20px; /* @group 内容区 */ /* @prefix table-view */ /* @desc 表格内容区行高,如 1px */ /* @excludeElTags th */ --table-view-td-padding: 10px 6px 10px 10px; /* @group 内容区 */ /* @prefix table-view */ /* @desc 表格内容区内边距,如 1px */ /* @excludeElTags th */ --table-view-td-background-color: var(--table-view-background);/* @type color */ /* @group 内容区 */ /* @prefix table-view */ /* @desc 表格列内容区背景色,如 #223325 */ /* @excludeElTags th */ --table-view-drop-ghost-border-color: var(--brand-primary); /* @type color */ /* @desc 表格拖拽放置示意线颜色,如 #223325 */ /* @excludeElTags td,th */ --table-view-drop-ghost-mask-background: rgba(77, 136, 255, 0.1); /* @type color */ /* @desc 表格拖拽放置示意框背景颜色,如 #223325 */ /* @excludeElTags td,th */ --table-view-subrow-background-dragging: rgba(237, 237, 237, 0.5);/* @type color */ /* @desc 表格被拖拽行子树背景颜色,如 #223325 */ /* @excludeElTags td,th */ --table-view-row-background-dragging: #e5e5e5;/* @type color */ /* @desc 表格被拖拽行背景颜色,如 #223325 */ /* @excludeElTags td,th */ --table-view-drag-cursor: move;/* @desc 拖拽鼠标样式 */ /* @excludeElTags td,th */ --table-view-drag-cursor-disabled: not-allowed; /* @desc 拖拽鼠标样式（禁用状态） */ /* @excludeElTags td,th */ --table-view-drag-color-disabled: #ccc; /* @desc 拖拽图标颜色（禁用状态） */ /* @excludeElTags td,th */ --table-view-head-background: #f7f8fa; /* @hidden */ --table-view-head-title-sortable-hover: #eef2f8; /* @hidden */ --table-view-sort-color-hover: #aaa; /* @hidden */ --table-view-table-shadow: 2px 0 6px -2px rgba(0, 0, 0, 0.2); /* @hidden */ --table-view-table-right-shadow: -2px 0 6px -2px rgba(0, 0, 0, 0.2); /* @hidden */ --table-view-table-top-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.2); /* @hidden */ --table-view-filter-color-hover: #aaa; /* @hidden */ --table-view-filter-color-active: var(--brand-primary); /* @hidden */ --table-view-filter-item-hover: var(--table-view-row-hover-background); /* @hidden */ --table-view-filter-item-focus: var(--background-color-light); /* @hidden */ --table-view-filter-item-background-selected: var(--brand-primary); /* @hidden */ --table-view-filter-item-checkbox-background-selected: white; /* @hidden */ --table-view-filter-item-checkbox-color-selected: var(--table-view-filter-item-background-selected); /* @hidden */ --table-view-filter-item-color-disabled: #ccc; /* @hidden */ --table-view-filter-background: white; /* @hidden */ --table-view-filter-max-height: 180px; /* @hidden */ --table-view-filter-line-height: 1.6; /* @hidden */ --table-view-filter-border-color: var(--border-color-base); /* @hidden */ --table-view-title-space: 10px; /* @hidden */ --table-view-background: var(--background-color-default); /* @hidden */ --table-view-table-background: white; /* @hidden */ --table-view-th-background-image: none; /* @hidden */ --table-view-td-background-image: none; /* @hidden */ --table-view-sort-color: #ccc; /* @hidden */ --table-view-sort-color-active: var(--brand-primary); /* @hidden */ --table-view-sort-size: 1em; /* @hidden */ --table-view-row-selected-background: #f5f5f5; /* @hidden */ --table-view-pagination-space: var(--space-base); /* @hidden */ --table-view-tree-expander-loading-size: 10px; /* @hidden */ --table-view-tree-expander-loading-border-width: 1px; /* @hidden */ --table-view-tree-expander-margin: 6px; /* @hidden */ --table-view-expand-td-background: #F7F8FA; /* @hidden */ --table-view-editable-td-min-height: 34px; /* @hidden */ --table-view-overflow-x: auto; /* @hidden */ --table-view-drop-ghost-disabled-border-color: var(--brand-error);/* @hidden */ /* @component u-table-view-expander */ --table-view-expander-size: 16px; /* @hidden */ --table-view-expander-background: #f5f5f5; /* @hidden */ --table-view-expander-border-color: var(--table-view-expander-background); /* @hidden */ --table-view-expander-border-radius: 4px; /* @hidden */ --table-view-expander-background-hover: #e5e5e5; /* @hidden */ --table-view-expander-border-color-hover: var(--table-view-expander-background-hover); /* @hidden */ --table-view-expander-color: #999; /* @hidden */ --table-view-expander-color-hover: #333; /* @hidden */ --table-view-expander-color-disabled: #ccc; /* @hidden */ --table-view-expander-border-color-disabled: #e5e5e5; /* @hidden */ --table-view-expander-background-disabled: #f5f5f5; /* @hidden */ /* @component u-list-view @hidden */ --list-view-width: var(--width-medium); --list-view-width-large: var(--width-large); --list-view-width-huge: var(--width-huge); --list-view-height: calc(30px * 10 + var(--border-width-base) * 2); --list-view-height-large: calc(30px * 18 + var(--border-width-base) * 2); --list-view-height-huge: 80vh; --list-view-head-background: var(--background-color-disabled-light); --list-view-body-background: var(--background-color-default); --list-view-body-background-disabled: var(--background-color-default); --list-view-foot-background: var(--background-color-default); --list-view-border-color: var(--border-color-base); --list-view-border-color-focus: var(--border-color-base); --list-view-border-color-disabled: var(--brand-disabled); --list-view-status-color: var(--color-light); --list-view-head-padding: 8px 12px; --list-view-foot-padding: 8px 8px; --list-view-item-padding: 5px 12px; --list-view-item-background-hover: #ededed; --list-view-item-background-hover-inverse: var(--background-color-lighter-inverse); --list-view-item-background-readonly-initial: none; --list-view-item-background-focused: var(--background-color-hover); --list-view-item-background-focused-inverse: var(--background-color-lighter-inverse); --list-view-item-background-selected: var(--brand-primary-light); --list-view-item-background-selected-inverse: var(--brand-primary-light); --list-view-item-color-selected: white; --list-view-item-color-selected-inverse: white; --list-view-item-color-disabled: var(--brand-disabled-dark); --list-view-item-color-disabled-inverse: var(--brand-disabled-dark-inverse); --list-view-item-background-disabled: none; --list-view-item-background-disabled-inverse: none; --list-view-item-background-selected-disabled: var(--brand-disabled-light); --list-view-item-background-selected-disabled-inverse: var(--brand-disabled-light-inverse); --list-view-divider-margin: 9px 0; --list-view-divider-background: var(--border-color-base); --list-view-group-head-padding: 2px 4px; --list-view-group-head-background: #ebedf5; --list-view-group-expander-size: 26px; --list-view-filter-margin: 12px; /* @component u-grid-view @hidden */ --grid-view-item-space: var(--space-base); --grid-view-foot-padding: calc(var(--grid-view-item-space) / 2); /* @component u-tree-view */ --tree-view-background: white; /* @type color */ /* @desc 树形列表节点的背景色,如 #223325 */ /* @prefix tree-view */ /* @depStaticStyles ["background-color"] */ --tree-view-node-background-dragging: #e5e5e5; /* @type color */ /* @desc 树形列表可拖拽节点的背景色,如 #223325 */ /* @prefix tree-view-node */ --tree-view-node-color-dragging: #999; /* @type color */ /* @desc 树形列表可拖拽节点的字体颜色,如 #223325 */ /* @prefix tree-view-node */ --tree-view-subnode-background-selected: rgba(237, 243, 255, 1); /* @type color */ /* @desc 树形列表子节点的背景色（选中状态）,如 #223325 */ /* @prefix tree-view-subnode */ --tree-view-subnode-background-dragging: rgba(237, 237, 237, 0.5); /* @type color */ /* @desc 树形列表可拖拽子节点的背景色,如 #223325 */ /* @prefix tree-view-subnode */ --tree-view-subnode-color-dragging: #999; /* @type color */ /* @desc 树形列表可拖拽子节点的字体颜色,如 #223325 */ /* @prefix tree-view-subnode */ --tree-view-subnode-background-selected-hover: #DBE7FF; /* @desc 树形列表子节点的背景色（选中状态）,如 #223325 */ /* @prefix tree-view-subnode */ --tree-view-node-expander-color-dragging: #aaa; /* @type color */ /* @desc 树形列表可拖拽节点的前缀箭头颜色,如 #223325 */ /* @prefix tree-view-node */ --tree-view-node-margin-left: 30px; /* @desc 树形列表节点的左侧缩进距离,如 1px */ /* @prefix tree-view-node */ /* @hidden */ --tree-view-node-expander-size: 30px; /* @desc 树形列表节点的展开箭头的容器大小,如 1px */ /* @prefix tree-view-node */ --tree-view-node-text-padding: 4px 0; /* @desc 树形列表节点的文本内边距,如 1px */ /* @prefix tree-view-node */ --tree-view-node-background-active: var(--background-color-base); /* @type color */ /* @desc 树形列表节点的背景色（hover状态）,如 #223325 */ /* @prefix tree-view-node */ --tree-view-node-background-selected: var(--brand-primary-light); /* @type color */ /* @desc 树形列表节点的背景色（选中状态）,如 #223325 */ /* @prefix tree-view-node */ --tree-view-node-color-selected: white; /* @type color */ /* @desc 树形列表节点的文本颜色（选中状态）,如 #223325 */ /* @prefix tree-view-node */ --tree-view-node-expander-color-selected: white; /* @type color */ /* @desc 树形列表节点的展开箭头颜色（选中状态）,如 #223325 */ /* @prefix tree-view-node */ --tree-view-node-background-selected-disabled: var(--brand-disabled-light); /* @type color */ /* @desc 树形列表节点的背景色（选中且禁用）,如 #223325 */ /* @prefix tree-view-node */ --tree-view-node-text-padding–mini: 4px 0; /* @hidden */ --tree-view-node-expander-size-mini: 26px; /* @hidden */ --tree-view-node-background-active-inverse: var(--background-color-base-inverse); /* @hidden */ --tree-view-node-background-selected-inverse: var(--brand-primary-light); /* @hidden */ --tree-view-node-background-border-radius: none; /* @hidden */ --tree-view-node-color-selected-inverse: white; /* @hidden */ --tree-view-node-color-disabled: var(--brand-disabled); /* @type color */ /* @desc 树形列表节点字体颜色（禁用状态）,如 #223325 */ /* @prefix tree-view-node */ --tree-view-node-color-disabled-inverse: var(--brand-disabled); /* @hidden */ --tree-view-node-expander-color: #999; /* @hidden */ --tree-view-node-expander-color-hover: #333; /* @hidden */ --tree-view-node-expander-color-disabled: #ccc; /* @hidden */ --tree-view-node-expander-color-selected-inverse:white; /* @hidden */ --tree-view-node-expander-font-size: 14px; /* @hidden */ --tree-view-node-background-readonly-initial: none; /* @hidden */ --tree-view-node-background-disabled: none; /* @type color */ /* @desc 树形列表节点背景色（禁用状态）,如 #223325 */ /* @prefix tree-view-node */ --tree-view-node-background-disabled-inverse: none; /* @hidden */ --tree-view-node-background-selected-disabled-inverse: var(--brand-disabled-light-inverse); /* @hidden */ --table-view-tree-expander-size: 16px; /* @component u-transfer @hidden */ --transfer-height: var(--list-view-height); /* @desc 穿梭框高度,如 1px */ --transfer-height-large: var(--list-view-height-large); /* @hidden */ --transfer-height-huge: var(--list-view-height-huge); /* @hidden */ --transfer-width: var(--width-medium); /* @desc 穿梭框宽度,如 1px */ --transfer-width-large: var(--width-large); /* @hidden */ --transfer-width-huge: var(--width-huge); /* @hidden */ --transfer-button-space: 8px; /* @desc 穿梭框按钮之间的间隔,如 1px */ /** * ======================== * 表单 * ======================== */ /* @component u-form */ --form-item-label-color: var(--font-second-color); /* @type color */ /* @group label */ /* @prefix form-item */ /* @desc 表单项 label字体颜色,如 #223325 */ --form-item-label-padding-right: 20px; /* @group label */ /* @prefix form-item */ /* @desc 表单项 label文本右边距,如 1px */ --form-item-label-width: 76px; /* @group label */ /* @prefix form-item */ /* @desc 表单项 label宽度,如 1px */ --form-group-head-padding: 6px 20px; /* @hidden */ --form-group-head-padding-small: 5px 20px; /* @hidden */ --form-group-head-line-height: 30px; /* @hidden */ --form-group-head-line-height-small: 24px; /* @hidden */ --form-group-head-background: var(--background-color-light); /* @hidden */ --form-group-head-color: var(--color-base); /* @hidden */ --form-group-head-border-color: var(--border-color-base); /* @hidden */ --form-group-head-border-width: 1px; /* @hidden */ --form-group-body-padding-y: var(--space-base); /* @hidden */ --form-group-body-padding-y-small: var(--space-small); /* @hidden */ --form-group-space: var(--space-base); /* @hidden */ --form-group-space-small: var(--space-small); /* @hidden */ --form-item-label-padding-right-mini: 10px; /* @hidden */ --form-item-label-padding-right-small: 10px; /* @hidden */ --form-item-label-padding-right-large: 20px; /* @hidden */ --form-item-label-width-mini: 50px; /* @hidden */ --form-item-label-width-small: 80px; /* @hidden */ --form-item-label-width-large: 160px; /* @hidden */ --form-item-margin-bottom: 20px; /* @hidden */ --form-item-margin-bottom-large: var(--space-large); /* @hidden */ --form-item-margin-bottom-small: var(--space-small); /* @hidden */ --form-item-margin-bottom-none: 0; /* @hidden */ --form-item-label-align-items: center; /* @hidden */ --form-item-label-justify-content: flex-end; /* @hidden */ --form-required-color: var(--brand-error); /* @hidden */ --form-required-right: 8px; /* @hidden */ --form-required-right-mini: 2px; /* @hidden */ --form-required-right-small: 4px; /* @hidden */ --form-required-right-large: 12px; /* @hidden */ --form-required-top: 7px; /* @hidden */ --form-item-text-color: var(--color-light); /* @hidden */ /* @component u-field @hidden */ --field-background: white; --field-color: var(--color-light); --field-color-selected: var(--brand-primary); --field-color-disabled: #bbb; --field-border-color: #cbd5dd; /* @component u-validator @hidden */ --validator-message-margin-left: 10px; --validator-message-margin-left-bottom: 0; --validator-message-margin-top-bottom: 2px; --validator-message-margin-top: 4px; --validator-message-padding: 6px 17px 6px 40px;; --validator-message-min-width: auto; --validator-message-background: var(--background-color-base); --validator-message-background-error: var(--brand-error-light); --validator-message-color-error: white; --validator-message-line-height: 26px; --validator-message-z-index: 1; --validator-message-border-radius: 4px; --validator-message-box-shadow: none; --validator-message-white-space: nowrap; --validator-message-popper-margin-top: 13px; /* @component u-input */ --input-border-color: var(--border-color-base); /* @type color */ /* @group 边框颜色 */ /* @desc 输入框边框颜色,如 #223325 */ /* @depStaticStyles ["border-color"] */ --input-border-color-hover: var(--brand-primary); /* @type color */ /* @group 边框颜色 */ /* @desc 输入框边框颜色（hover状态）,如 #223325 */ --input-border-color-focus: var(--brand-primary); /* @type color */ /* @group 边框颜色 */ /* @desc 输入框边框颜色（选中状态）,如 #223325 */ --input-border-color-disabled: var(--input-border-color); /* @type color */ /* @group 边框颜色 */ /* @desc 输入框边框颜色（禁用状态）,如 #223325 */ --input-border-width: var(--border-width-base); /* @group 边框宽度 */ /* @desc 输入框边框宽度,如 1px */ /* @depStaticStyles ["border-top-width", "border-right-width", "border-bottom-width", "border-left-width"] */ --input-border-radius: var(--border-radius-base); /* @group 圆角 */ /* @desc 输入框圆角,如 1px */ /* @depStaticStyles ["border-top-left-radius", "border-top-right-radius", "border-bottom-left-radius", "border-bottom-right-radius"] */ --input-border-color-error: var(--brand-error); /* @hidden */ --input-box-shadow-focus-color: var(--brand-primary-opacity-20); /* @type color */ /* @group 边框阴影 */ /* @desc 输入框边框阴影颜色（选中状态）,如 #223325 */ --input-box-shadow-focus: 0 0 0 2px var(--input-box-shadow-focus-color); /* @group 边框宽度 */ /* @desc 输入框边框阴影（选中状态）,如 2px 2px 2px 1px rgba(0, 0, 0, 0.2) */ --input-placeholder-color: var(--color-lighter); /* @type color */ /* @group 占位符文本 */ /* @desc 输入框占位符文本颜色,如 #223325 */ --input-width-mini: var(--width-mini); /* @group 宽度 */ /* @desc Mini输入框宽度,如 1px */ /* @depAttrs {"width": ["mini"]} */ /* @depStaticStyles ["width"] */ --input-width-small: var(--width-small); /* @group 宽度 */ /* @desc Small输入框宽度,如 1px */ /* @depAttrs {"width": ["small"]} */ /* @depStaticStyles ["width"] */ --input-width: var(--width-base); /* @group 宽度 */ /* @desc 输入框宽度,如 1px */ /* @depAttrs {"width": ["normal", null]} */ /* @depStaticStyles ["width"] */ --input-width-medium: var(--width-medium); /* @group 宽度 */ /* @desc Medium输入框宽度,如 1px */ /* @depAttrs {"width": ["medium"]} */ /* @depStaticStyles ["width"] */ --input-width-large: var(--width-large); /* @group 宽度 */ /* @desc Large输入框宽度,如 1px */ /* @depAttrs {"width": ["large"]} */ /* @depStaticStyles ["width"] */ --input-width-huge: var(--width-huge); /* @group 宽度 */ /* @desc Huge输入框宽度,如 1px */ /* @depAttrs {"width": ["huge"]} */ /* @depStaticStyles ["width"] */ --input-height-mini: var(--height-mini); /* @group 高度 */ /* @desc Mini输入框高度,如 1px */ /* @depAttrs {"height": ["mini"]} */ /* @depStaticStyles ["height"] */ --input-height-small: var(--height-small); /* @group 高度 */ /* @desc Small输入框高度,如 1px */ /* @depAttrs {"height": ["small"]} */ /* @depStaticStyles ["height"] */ --input-height: var(--height-base); /* @group 高度 */ /* @desc 输入框高度,如 1px */ /* @depAttrs {"height": ["normal", null]} */ /* @depStaticStyles ["height"] */ --input-height-medium: var(--height-medium); /* @group 高度 */ /* @desc Medium输入框高度,如 1px */ /* @depAttrs {"height": ["medium"]} */ /* @depStaticStyles ["height"] */ --input-height-large: var(--height-large); /* @group 高度 */ /* @desc Large输入框高度,如 1px */ /* @depAttrs {"height": ["large"]} */ /* @depStaticStyles ["height"] */ --input-height-huge: var(--height-huge); /* @group 高度 */ /* @desc Huge输入框高度,如 1px */ /* @depAttrs {"height": ["huge"]} */ /* @depStaticStyles ["height"] */ --input-padding-x-mini: 6px; /* @group 内边距 */ /* @desc Mini输入框水平方向内边距,如 1px */ /* @depAttrs {"width": ["mini"]} */ /* @depStaticStyles ["padding-left", "padding-right"] */ --input-padding-x-small: 8px; /* @group 内边距 */ /* @desc Small输入框水平方向内边距,如 1px */ /* @depAttrs {"width": ["small"]} */ /* @depStaticStyles ["padding-left", "padding-right"] */ --input-padding-x: 10px; /* @group 内边距 */ /* @desc 输入框水平方向内边距,如 1px */ /* @depAttrs {"width": ["normal", null]} */ /* @depStaticStyles ["padding-left", "padding-right"] */ --input-padding-x-medium: 10px; /* @group 内边距 */ /* @desc Medium输入框水平方向内边距,如 1px */ /* @depAttrs {"width": ["medium"]} */ /* @depStaticStyles ["padding-left", "padding-right"] */ --input-padding-x-large: 10px; /* @group 内边距 */ /* @desc Large输入框水平方向内边距,如 1px */ /* @depAttrs {"width": ["large"]} */ /* @depStaticStyles ["padding-left", "padding-right"] */ --input-padding-x-huge: 10px; /* @group 内边距 */ /* @desc Huge输入框水平方向内边距,如 1px */ /* @depAttrs {"width": ["huge"]} */ /* @depStaticStyles ["padding-left", "padding-right"] */ --input-padding-x-full: 10px; /* @group 内边距 */ /* @desc Full输入框水平方向内边距,如 1px */ /* @depAttrs {"width": ["full"]} */ /* @depStaticStyles ["padding-left", "padding-right"] */ --input-prefix-padding-left: 36px; /* @group 前缀/后缀 */ /* @desc 输入框前缀左边距,如 1px */ --input-prefix-placeholder-left: 27px; /* @group 前缀/后缀 *//* @desc 输入框前缀提示信息左边距,如 1px */ --input-suffix-padding-right: 30px; /* @group 前缀/后缀 *//* @desc 输入框后缀右边距,如 1px */ --input-background: var(--background-color-default); /* @type color */ /* @group 背景色 */ /* @desc 输入框背景色,如 #223325 */ /* @depStaticStyles ["background-color"] */ --input-background-disabled: var(--background-color-disabled-light); /* @type color */ /* @group 背景色 */ /* @desc 禁用输入框背景色,如 #223325 */ --input-color: var(--color-base); /* @type color */ /* @group 文字颜色 */ /* @desc 输入框文字颜色,如 #223325 */ /* @depStaticStyles ["color"] */ --input-color-disabled: var(--color-light); /* @type color */ /* @group 文字颜色 */ /* @desc 禁用输入框文字颜色,如 #223325 */ --input-icon-color: var(--color-lighter); /* @hidden */ --input-icon-color-hover: var(--font-third-color); /* @hidden */ --input-icon-color-disabled: var(--color-lighter); /* @hidden */ /* @component u-textarea */ --textarea-width: var(--width-base); /* @group 宽度 */ /* @desc 文本框宽度, 如 1px */ /* @depAttrs {"size": ["normal", null]} */ /* @depStaticStyles ["width"] */ --textarea-width-medium: var(--width-medium); /* @group 宽度 */ /* @desc Medium文本框宽度, 如 1px */ /* @depAttrs {"size": ["medium"]} */ /* @depStaticStyles ["width"] */ --textarea-width-large: var(--width-large); /* @group 宽度 */ /* @desc Large文本框宽度, 如 1px */ /* @depAttrs {"size": ["large"]} */ /* @depStaticStyles ["width"] */ --textarea-width-huge: var(--width-huge); /* @group 宽度 */ /* @desc Huge文本框宽度, 如 1px */ /* @depAttrs {"size": ["huge"]} */ /* @depStaticStyles ["width"] */ --textarea-min-width: var(--width-base); /* @group 宽度 */ /* @desc 文本框最小宽度, 如 1px */ /* @depStaticStyles ["width"] */ --textarea-height: 100px; /* @group 高度 */ /* @desc 文本框高度, 如 1px */ /* @depAttrs {"size": ["normal", null]} */ /* @depStaticStyles ["height"] */ --textarea-height-medium: 120px; /* @group 高度 */ /* @desc Medium文本框高度, 如 1px */ /* @depAttrs {"size": ["medium"]} */ /* @depStaticStyles ["height"] */ --textarea-height-large: 120px; /* @group 高度 */ /* @desc Large文本框高度, 如 1px */ /* @depAttrs {"size": ["large"]} */ /* @depStaticStyles ["height"] */ --textarea-height-huge: 200px; /* @group 高度 */ /* @desc Huge文本框高度, 如 1px */ /* @depAttrs {"size": ["huge"]} */ /* @depStaticStyles ["height"] */ --textarea-min-height: var(--height-base); /* @group 高度 */ /* @desc 文本框最小高度, 如 1px */ --textarea-padding: 5px 10px; /* @group 内边距 */ /* @desc 文本框内边距, 如 1px */ /* @depStaticStyles ["padding-top", "padding-right", "padding-bottom", "padding-left"] */ --textarea-border-radius: var(--border-radius-base); /* @group 圆角 */ /* @desc 文本框圆角, 如 1px */ /* @depStaticStyles ["border-top-left-radius", "border-top-right-radius", "border-bottom-left-radius", "border-bottom-right-radius"] */ --textarea-border-color: var(--border-color-base); /* @type color */ /* @group 边框颜色 */ /* @desc 文本框边框颜色, 如 #223325 */ /* @depStaticStyles ["border-color"] */ --textarea-border-color-focus: var(--input-border-color-focus); /* @type color */ /* @group 边框颜色 */ /* @desc 文本框边框颜色（选中状态）, 如 #223325 */ --textarea-border-color-disabled: var(--textarea-border-color); /* @type color */ /* @group 边框颜色 */ /* @desc 文本框边框颜色（禁用状态）, 如 #223325 */ --textarea-background: var(--background-color-disabled-light); /* @type color */ /* @group 背景颜色 */ /* @desc 文本框背景颜色, 如 #223325 */ /* @depStaticStyles ["background-color"] */ --textarea-background-disabled: var(--input-background-disabled); /* @type color */ /* @group 背景颜色 */ /* @desc 文本框背景颜色（禁用状态）, 如 #223325 */ --textarea-color: var(--color-base); /* @type color */ /* @group 文字颜色 */ /* @desc 文本框内容区文字颜色, 如 #223325 */ /* @depStaticStyles ["color"] */ --textarea-color-disabled: var(--input-color-disabled); /* @type color */ /* @group 文字颜色 */ /* @desc 文本框内容区文字颜色（禁用状态）, 如 #223325 */ --textarea-placeholder-color: var(--color-lighter); /* @type color */ /* @group 文字颜色 */ /* @desc 文本框提示内容文字颜色, 如 #223325 */ --textarea-box-shadow-focus-color: var(--brand-primary-opacity-20); /* @type color */ /* @group 边框阴影 */ /* @desc 选中状态文本框边框阴影色,如 rgba(0, 0, 0, 0.2); */ --textarea-box-shadow-focus: 0 0 0 2px var(--textarea-box-shadow-focus-color); /* @group 边框阴影 */ /* @desc 选中状态文本框边框阴影,如 2px 2px 2px 1px rgba(0, 0, 0, 0.2); */ --textarea-border-color-error: var(--brand-error); /* @hidden */ /* @component u-number-input */ --number-input-background: var(--input-background); /* @type color */ /* @desc 输入框背景色,如 #223325 */ /* @depStaticStyles ["background-color"] */ --number-input-background-disabled: var(--input-background-disabled); /* @type color */ /* @desc 禁用状态输入框背景色,如 #223325 */ --number-input-color: var(--input-color); /* @type color */ /* @desc 输入框字体颜色,如 #223325 */ /* @depStaticStyles ["color"] */ --number-input-color-disabled: #999999; /* @type color */ /* @desc 禁用输入框字体颜色,如 #223325 */ --number-input-button-background: none; /* @type color */ /* @desc 输入框上下按钮背景色,如 #223325 */ /* @depAttrs { "button-display": [null] } */ --number-input-button-both-ends-background:#F7F8FA; /* @type color */ /* @desc 输入框左右按钮背景色,如 #223325 */ /* @depAttrs { "button-display": ["bothEnds"] } */ --number-input-button-background-hover: var(--number-input-button-background); /* @type color */ /* @desc 输入框上下按钮背景色（hover状态）,如 #223325 */ /* @depAttrs { "button-display": [null] } */ --number-input-button-both-ends-background-hover: var(--number-input-button-both-ends-background); /* @type color */ /* @desc 输入框左右按钮背景色（hover状态）,如 #223325 */ /* @depAttrs { "button-display": ["bothEnds"] } */ --number-input-button-background-active: var(--number-input-button-background); /* @type color */ /* @desc 输入框上下按钮背景色（激活状态）,如 #223325 */ /* @depAttrs { "button-display": [null] } */ --number-input-button-both-ends-background-active: var(--number-input-button-both-ends-background); /* @type color */ /* @desc 输入框左右按钮背景色（激活状态）,如 #223325 */ /* @depAttrs { "button-display": ["bothEnds"] } */ --number-input-button-background-focus: var(--number-input-button-background); /* @type color */ /* @desc 输入框上下按钮背景色（选中状态）,如 #223325 */ /* @depAttrs { "button-display": [null] } */ --number-input-button-both-ends-background-focus: var(--number-input-button-both-ends-background); /* @type color */ /* @desc 输入框左右按钮背景色（选中状态）,如 #223325 */ /* @depAttrs { "button-display": ["bothEnds"] } */ --number-input-button-background-disabled: var(--number-input-button-background); /* @type color */ /* @desc 输入框上下按钮背景色（禁用状态）,如 #223325 */ /* @depAttrs { "button-display": [null] } */ --number-input-button-both-ends-background-disabled: var(--number-input-button-both-ends-background); /* @type color */ /* @desc 输入框左右按钮背景色（禁用状态）,如 #223325 */ /* @depAttrs { "button-display": ["bothEnds"] } */ --number-input-border-color: var(--input-border-color); /* @type color */ /* @desc 输入框边框背景色,如 #223325 */ /* @depStaticStyles ["border-color"] */ --number-input-border-color-hover: var(--input-border-color-hover); /* @type color */ /* @desc 输入框边框背景色（hover状态）,如 #223325 */ --number-input-border-color-focus: var(--input-border-color-focus); /* @type color */ /* @desc 输入框边框背景色（选中状态）,如 #223325 */ --number-input-border-color-disabled: var(--input-border-color-disabled); /* @type color */ /* @desc 输入框边框背景色（禁用状态）,如 #223325 */ --number-input-button-color: #989898; /* @type color */ /* @desc 输入框按钮字体色,如 #223325 */ --number-input-button-color-hover: var(--brand-primary); /* @type color */ /* @desc 输入框按钮字体色（hover状态）,如 #223325 */ --number-input-button-color-disabled: #CCCCCC; /* @type color */ /* @desc 输入框按钮字体色（禁用状态）,如 #223325 */ --number-input-height: var(--input-height); /* @desc 输入框按钮高度,如 1px */ /* @depStaticStyles ["height"] */ --number-input-border-width: var(--input-border-width); /* @desc 输入框边框宽度,如 1px */ /* @depStaticStyles ["border-top-width", "border-right-width", "border-bottom-width", "border-left-width"] */ --number-input-box-shadow-focus-color: var(--input-box-shadow-focus-color); /* @type color */ /* @desc 输入框边框阴影色,如 #223325 */ --number-input-box-shadow-focus: 0 0 0 2px var(--number-input-box-shadow-focus-color); /* @desc 输入框边框阴影,如 2px 2px 2px 1px rgba(0, 0, 0, 0.2); */ --number-input-button-padding: 0 4px; /* @desc 输入框按钮边距,如 1px 1px */ --number-input-button-outline: var(--focus-outline); /* @desc 输入框轮廓,如 1px ridge rgba(0, 0, 0, 0.2); */ --number-input-button-height: calc(var(--number-input-height) / 2); /* @hidden */ --number-input-both-ends-button-width: 32px; /* @hidden */ --number-input-both-ends-button-height: calc(var(--number-input-height) - 2 * var(--number-input-border-width)); /* @hidden */ --number-input-button-both-ends-outline: var(--number-input-button-outline); /* @hidden */ --number-input-button-border-radius: var(--input-border-radius); /* @hidden */ --number-input-width: var(--width-base); /* @hidden */ --number-input-border-radius: var(--input-border-radius); /* @hidden */ /* @component u-radios */ --radio-space-x: 32px; /* @group 间距 */ /* @prefix radio */ /* @desc 单选项之间的间距,如 1px */ /* @excludeTags u-radio */ --radio-size: 16px; /* @group 大小 */ /* @prefix radio */ /* @desc 单选项按钮大小,如 1px */ --radio-background: var(--background-color-default); /* @type color */ /* @group 背景色 */ /* @prefix radio */ /* @desc 单选项按钮背景色,如 #223325 */ --radio-box-shadow-focus: var(--box-shadow-form-item-base); /* @group 边框阴影 */ /* @prefix radio */ /* @desc 单选项边框阴影（选中状态）,如 2px 2px 2px 1px rgba(0, 0, 0, 0.2); */ --radio-inner-space-x: 8px; /* @hidden */ --radio-solid-circle-size: 8px; /* @hidden */ --radio-solid-circle-background: var(--brand-primary); /* @hidden */ --radio-solid-circle-background-disabled: #ccc; /* @hidden */ --radio-circle-background-disabled: var(--background-color-disabled); /* @hidden */ --radio-border-color: var(--border-color-base); /* @hidden */ --radio-border-color-hover: var(--brand-primary); /* @hidden */ --radio-border-color-disabled: var(--border-color-base); /* @hidden */ --radio-border-color-focus: var(--brand-primary); /* @hidden */ --radio-color-disabled: var(--gray-dark); /* @hidden */ --radio-box-shadow-focus-disabled: none; /* @hidden */ --radio-cursor-readonly: default; /* @hidden */ --radio-box-shadow-active: var(--button-box-shadow-active); /* @hidden */ --radio-box-shadow-active-disabled: none; /* @hidden */ /* @component u-switch */ --switch-width: 40px; /* @desc 开关宽度,如 1px */ /* @depStaticStyles ["width"] */ --switch-height: 20px; /* @desc 开关高度,如 1px */ /* @depStaticStyles ["height"] */ --switch-button-space: 2px; /* @desc 开关按钮内边距,如 1px */ --switch-button-size: 16px; /* @desc 开关按钮大小,如 1px */ --switch-button-background: white; /* @type color */ /* @desc 开关按钮背景色,如 #223325 */ --switch-button-radius: 100px; /* @desc 开关按钮圆角,如 1px */ --switch-background: #ccc; /* @type color */ /* @desc 开关背景色（关状态）,如 #223325 */ --switch-background-checked: var(--brand-primary); /* @type color */ /* @desc 开关背景色（开状态）,如 #223325 */ --switch-background-disabled: #e5e5e5; /* @type color */ /* @desc 开关背景色（禁用状态）,如 #223325 */ --switch-color: white; /* @type color */ /* @desc 开关按钮文字颜色,如 #223325 */ --switch-text-margin: 0 5px; /* @desc 开关按钮文字外边距,如 1px */ --switch-transition: background-color var(--transition-duration-base); /* @desc 开关背景色渐变动画快慢参数,如 background-color 0.2s */ --switch-button-transition: all var(--transition-duration-base); /* @desc 开关按钮移动动画快慢参数,如 all 2s */ --switch-width-small: 40px; /* @hidden */ --switch-width-wide: 54px; /* @hidden */ --switch-height-small: 18px; /* @hidden */ --switch-button-size-small: 14px; /* @hidden */ --switch-button-background-checked: white; /* @hidden */ --switch-background-disabled-checked: #ADCBFF; /* @hidden */ --switch-font-size: 12px; /* @hidden */ /* @component u-checkbox */ --checkbox-space-x: 80px; /* @group 间距 */ /* @prefix checkbox */ /* @desc 多选项之间的间距,如 1px */ /* @excludeTags u-checkbox */ --checkbox-size: 16px; /* @group 大小 */ /* @prefix checkbox */ /* @desc 多选项按钮的大小,如 1px */ --checkbox-border-radius: var(--border-radius-base); /* @group 圆角 */ /* @prefix checkbox */ /* @desc 多选项按钮圆角,如 1px */ --checkbox-background: var(--brand-primary); /* @type color */ /* @group 背景色 */ /* @prefix checkbox */ /* @desc 多选项按钮的背景色,如 #223325 */ --checkbox-color: var(--background-color-default); /* @type color */ /* @group 内容颜色 */ /* @prefix checkbox */ /* @desc 多选项按钮的内容颜色,如 #223325 */ --checkbox-box-shadow-focus: var(--box-shadow-form-item-base); /* @group 阴影效果 */ /* @prefix checkbox */ /* @desc 多选项按钮的阴影效果,如 2px 2px 2px 1px rgba(0, 0, 0, 0.2); */ --checkbox-border-color: var(--border-color-base); /* @hidden */ --checkbox-border-color-disabled: var(--border-color-base); /* @hidden */ --checkbox-border-color-focus: var(--brand-primary); /* @hidden */ --checkbox-border-color-hover: var(--brand-primary); /* @hidden */ --checkbox-background-default: var(--background-color-default); /* @hidden */ --checkbox-background-disabled: var(--background-color-disabled); /* @hidden */ --checkbox-color-disabled: #ccc; /* @hidden */ --checkbox-font-color-disabled: #999; /* @hidden */ --checkbox-font-color: #333; /* @hidden */ --checkbox-box-shadow-active: var(--button-box-shadow-active); /* @hidden */ --checkbox-icon: '\ff01'; /* @hidden */ --checkbox-icon-size: var(--font-size-small); /* @hidden */ --checkbox-icon-left: 0; /* @hidden */ --checkbox-icon-top: 0; /* @hidden */ --checkbox-inner-space-x: 5px; /* @hidden */ /* @component u-select */ --select-popper-item-background: inherit; /* @type color */ /* @group 下拉框背景色 */ /* @desc 选择框下拉项背景色,如 #223325 */ --select-popper-item-background-hover: var(--list-view-item-background-hover); /* @type color */ /* @group 下拉框背景色 */ /* @desc 选择框下拉项背景色（hover状态）,如 #223325 */ --select-popper-item-background-selected: var(--list-view-item-background-selected); /* @type color */ /* @group 下拉框背景色 */ /* @desc 选择框下拉项背景色（禁用状态）,如 #223325 */ /* normal */ --select-popper-item-color: inherit; /* @type color */ /* @group 下拉框字体颜色 */ /* @desc 选择框下拉项字体颜色,如 #223325 */ /* hover */ --select-popper-item-color-hover: inherit; /* @type color */ /* @group 下拉框字体颜色 */ /* @desc 选择框下拉项字体颜色（hover状态）,如 #223325 */ /* selected */ --select-popper-item-color-selected: var(--list-view-item-color-selected); /* @type color */ /* @group 下拉框字体颜色 */ /* @desc 选择框下拉项字体颜色（选中状态）,如 #223325 */ --select-width: var(--width-base); /* @group 宽度 */ /* @desc 选择框的宽度,如 1px */ /* @depStaticStyles ["width"] */ --select-height: var(--height-base); /* @group 高度 */ /* @desc 选择框的高度,如 1px */ /* @depStaticStyles ["height"] */ --select-padding-x: 10px; /* @group 水平方向内边距 */ /* @desc 选择框水平方向内边距,如 1px */ /* @depStaticStyles ["padding-left", "padding-right"] */ --select-background: var(--background-color-default); /* @type color */ /* @group 背景色 */ /* @desc 选择框的背景色,如 #223325 */ /* @depStaticStyles ["background-color"] */ --select-border-width: var(--border-width-base); /* @group 边框 */ /* @desc 选择框的边框宽度,如 1px */ /* @depStaticStyles ["border-top-width", "border-right-width", "border-bottom-width", "border-left-width"] */ --select-border-color: var(--border-color-base); /* @type color */ /* @group 边框 */ /* @desc 选择框的边框颜色,如 #223325 */ /* @depStaticStyles ["border-color"] */ --select-color: var(--color-base); /* @type color */ /* @group 字体 */ /* @desc 选择框的字体颜色,如 #223325 */ /* @depStaticStyles ["color"] */ --select-popper-max-height: 194px; /* @group 弹出层 */ /* @desc 选择框的弹出层最大高度,如 1px */ --select-popper-box-shadow: var(--box-shadow-base); /* @group 弹出层 */ /* @desc 选择框的弹出层阴影效果,如 1px */ --select-placeholder-color: var(--color-lighter); /* @type color */ /* @group 占位符 */ /* @desc 选择框的占位符文字颜色,如 #223325 */ --select-arrow-color: var(--color-light); /* @type color */ /* @group 下拉箭头 */ /* @desc 选择框的下拉箭头颜色,如 #223325 */ --select-arrow-size: 18px; /* @group 下拉箭头 */ /* @desc 选择框的下拉箭头大小,如 1px */ --select-arrow-right-ratio: 0.6; /* @group 下拉箭头 */ /* @desc 选择框的下拉箭头右边距计算倍数,如 1px */ --select-popper-background: var(--background-color-default); /* @type color */ /* @group 弹出层 */ /* @desc 选择框的弹出层背景色,如 #223325 */ --select-popper-border-color: var(--border-color-base); /* @type color */ /* @group 弹出层 */ /* @desc 选择框的弹出层边框颜色,如 #223325 */ --select-popper-border-color-inverse: var(--border-color-base-inverse); /* @type color */ /* @group 弹出层 */ /* @desc Inverse选择框的弹出层边框颜色,如 #223325 */ --select-status-color: var(--color-light); /* @type color */ /* @group 状态颜色 */ /* @desc 选择框状态颜色,如 #223325 */ --select-box-shadow-focus: 0 0 0 2px var(--brand-primary-opacity-20); /* @group 弹出层 */ /* @desc 选择框的弹出层边框阴影效果,如 2px 2px 2px 1px rgba(0, 0, 0, 0.2); */ /* readonly */ --select-popper-item-color-readonly: inherit; /* @type color */ /* @group 只读状态 */ /* @desc 选择框下拉项的字体颜色（只读状态下）,如 #223325 */ --select-popper-item-background-readonly: var(--list-view-item-background-readonly-initial); /* @type color */ /* @group 只读状态 */ /* @desc 选择框下拉项的背景颜色（只读状态下）,如 #223325 */ /* focused */ /* selected disabled */ --select-popper-item-color-selected-disabled: inherit; /* @type color */ /* @group 禁用状态 */ /* @desc 选择框下拉项的字体颜色（禁用状态下）,如 #223325 */ --select-popper-item-background-selected-disabled: var(--list-view-item-background-selected-disabled); /* @type color */ /* @group 禁用状态 */ /* @desc 选择框下拉项的背景颜色（禁用状态下）,如 #223325 */ --select-popper-item-color-duplicated: inherit; /* @type color */ /* @group 多选状态 */ /* @desc 选择框下拉项的字体颜色（多选状态下）,如 #223325 */ --select-popper-item-background-duplicated: none; /* @type color */ /* @group 多选状态 */ /* @desc 选择框下拉项的背景颜色（多选状态下）,如 #223325 */ --select-popper-item-color-duplicated-hover: var(--select-popper-item-color-hover); /* @type color */ /* @group 多选状态 */ /* @desc 选择框下拉项的字体颜色（多选hover状态下）,如 #223325 */ --select-popper-item-background-duplicated-hover: var(--select-popper-item-background-hover); /* @type color */ /* @group 多选状态 */ /* @desc 选择框下拉项的背景颜色（多选hover状态下）,如 #223325 */ --select-popper-item-background-focused: var(--select-popper-item-background-hover); /* @hidden */ --select-popper-item-color-focused: var(--select-popper-item-color-hover); /* @hidden */ --select-popper-item-description-color: var(--gray-dark); /* @hidden */ --select-popper-item-description-font-size: 12px; /* @hidden */ --select-popper-item-description-line-height: 18px; /* @hidden */ --select-popper-item-description-selected-color: rgba(255, 255, 255, 0.5); /* @hidden */ --select-box-shadow-active: 0 0 0 2px var(--brand-primary-opacity-20); /* @hidden */ --select-background-inverse: var(--background-color-default-inverse); /* @hidden */ --select-background-disabled: var(--background-color-disabled-light); /* @hidden */ --select-width-mini: var(--width-mini); /* @hidden */ --select-width-small: var(--width-small); /* @hidden */ --select-width-medium: var(--width-medium); /* @hidden */ --select-width-large: var(--width-large); /* @hidden */ --select-width-huge: var(--width-huge); /* @hidden */ --select-height-mini: var(--height-mini); /* @hidden */ --select-height-small: var(--height-small); /* @hidden */ --select-height-medium: var(--height-medium); /* @hidden */ --select-height-large: var(--height-large); /* @hidden */ --select-height-huge: var(--height-huge); /* @hidden */ --select-padding-x-mini: 6px; /* @hidden */ --select-padding-x-small: 8px; /* @hidden */ --select-padding-x-medium: 10px; /* @hidden */ --select-padding-x-large: 10px; /* @hidden */ --select-padding-x-huge: 10px; /* @hidden */ --select-padding-x-full: 10px; /* @hidden */ --select-multiple-background-color: white; /* @type color */ /* @group 多选状态 */ /* @desc 选择项checkbox的背景颜色 */ --select-multiple-icon-color: #517cff; /* @type color */ /* @group 多选状态 */ /* @desc 选择项checkbox的选中图标颜色 */ --select-multiple-partial-icon-color: #517cff; /* @type color */ /* @group 多选状态 */ /* @desc 选择项checkbox的半选择图标颜色 */ --select-border-color-hover: var(--brand-primary); /* @hidden */ --select-border-color-inverse: var(--border-color-base-inverse); /* @hidden */ --select-border-color-disabled: var(--brand-disabled); /* @hidden */ --select-multiple-border-color: var(--border-width-base) solid var(--border-color-darker); /* @group 弹出层 */ /* @desc 选择项checkbox的边框 */ --select-color-inverse: var(--color-base-inverse); /* @hidden */ --select-color-disabled: var(--brand-disabled-dark); /* @hidden */ --select-popper-min-width: 300px; /* @hidden */ --select-popper-width: auto; /* @hidden */ --select-popper-line-height: 1.6; /* @hidden */ --select-popper-line-height-small: 1.6; /* @hidden */ /* duplicated hover */ --select-tags-padding-y: 2px; /* @hidden */ --select-tags-line-height: 26px; /* @hidden */ --select-tags-filterable-width: 40px; /* @hidden */ --select-tag-line-height: calc(var(--select-tags-line-height) - var(--select-tags-padding-y) * 2); /* @hidden */ --select-tag-background: #ededed; /* @hidden */ --select-tag-padding: 0 6px; /* @hidden */ --select-tag-margin-x: 4px; /* @hidden */ --select-tag-remove-color: var(--color-lighter); /* @hidden */ --select-tag-remove-color-hover: var(--color-base); /* @hidden */ --select-tag-border-radius: 2px; /* @hidden */ --select-popper-background-inverse: var(--background-color-default-inverse); /* @hidden */ --select-popper-color-inverse: var(--color-base-inverse); /* @hidden */ --select-icon-color: var(--font-second-color); /* @hidden */ --select-clear-icon-color: var(--font-third-color); /* @hidden */ --select-icon-color-hover: var(--font-fourth-color); /* @hidden */ --select-popper-padding: 8px 0; /* @hidden */ --select-arrow-color-hover: var(--font-second-color); /* @hidden */ --select-search-icon-color: #ccc; /* @hidden */ --select-popper-footer-padding: 10px 12px; /* @hidden */ --select-popper-footer-border-color: var(--select-border-color); /* @hidden */ --select-icon-width: 14px; /* @hidden */ --select-icon-height: 14px; /* @hidden */ --select-icon-border-radius: 14px; /* @hidden */ --select-input-border-color-error: var(--input-border-color-error); /* hidden */ /* @component u-rate */ --rate-space: 6px; /* @desc 五角星之间的间距,如 1px */ --rate-size: 20px; /* @desc 五角星的大小,如 1px */ --rate-color: #e5e5e5; /* @type color */ /* @desc 五角星未选中的颜色,如 #223325 */ --rate-color-full: var(--brand-warning); /* @type color */ /* @desc 五角星填充的颜色,如 #223325 */ --rate-text-color: #333; /* @type color */ /* @desc 字体颜色,如 #223325 */ --rate-popup-background: var(--color-white); /* @hidden */ /* @component u-combo-slider */ --slider-body-margin: 0 10px; /* @desc 滑道两侧的缩进距离,如 1px */ /* @prefix slider */ --slider-body-padding: 9px 0; /* @desc 组件垂直方向的内边距（滑道上下的外边距）,如 1px */ /* @prefix slider */ --slider-track-height: 6px; /* @desc 滑道高度,如 1px */ /* @prefix slider */ --slider-track-background: var(--background-color-base); /* @type color */ /* @desc 滑道背景色（已覆盖部分）,如 #223325 */ /* @prefix slider */ --slider-trail-background: var(--brand-primary); /* @type color */ /* @desc 滑道背景色（未覆盖部分）,如 #223325 */ /* @prefix slider */ --slider-trail-background-disabled: #bfbfbf; /* @type color */ /* @desc 滑道背景色（未覆盖部分禁用状态下）,如 #223325 */ /* @prefix slider */ --slider-track-border-radius: 3px; /* @desc 滑道圆角大小（未覆盖部分）,如 1px */ /* @prefix slider */ --slider-handle-width: 16px; /* @desc 滑块按钮宽度,如 1px */ /* @prefix slider */ --slider-handle-height: 16px; /* @desc 滑块按钮高度,如 1px */ /* @prefix slider */ --slider-handle-background: var(--brand-primary); /* @type color */ /* @desc 滑块按钮背景色（未覆盖部分）,如 #223325 */ /* @prefix slider */ --slider-handle-border: 2px solid white; /* @desc 滑块按钮边框,如 1px solid white */ /* @prefix slider */ --slider-bound-background: url("../assets/images/stripe.png") repeat-x; /* @hidden */ --slider-box-shadow-hover: var(--brand-primary-opacity-20) ; /* @type color */ /* @desc 滑块阴影色（hover状态）,如 #223325 */ /* @prefix slider */ --slider-handle-background-disabled: var(--slider-trail-background-disabled); /* @type color */ /* @desc 滑块按钮背景色（禁用状态）,如 #223325 */ /* @prefix slider */ --slider-popup-background: var(--color-white); /* @hidden */ --combo-slider-slider-width: 100%; /* @desc 滑块宽度,如 1px */ /* @depStaticStyles ["width"] */ --combo-slider-input-width: 56px; /* @desc 输入框宽度,如 1px */ --combo-slider-input-margin-left: 10px; /* @desc 输入框左侧距离,如 1px */ --combo-slider-input-background: var(--number-input-background); /* @type color */ /* @desc 输入框背景色,如 #223325 */ --combo-slider-input-border-color: var(--number-input-border-color); /* @type color */ /* @desc 输入框边框颜色,如 #223325 */ --combo-slider-input-border-radius: var(--number-input-border-radius); /* @desc 输入框圆角大小,如 #223325 */ --combo-slider-input-color: var(--number-input-color); /* @type color */ /* @desc 输入框字体颜色,如 #223325 */ --combo-slider-tip-color: var(--color-light); /* @type color */ /* @desc 提示字体颜色,如 #223325 */ --combo-slider-tip-align-items: center; /* @desc 提示的垂直对齐方式,如 centers */ /* @desc 提示垂直对齐方式,如 center */ --combo-slider-scales-color: var(--color-light); /* @type color */ /* @desc 百分比值字体颜色,如 #223325 */ /* @component u-cascader @hidden */ --cascader-width: 240px; --cascader-scroll-width: 120px; --cascader-width-mini: var(--width-mini); /* @hidden */ --cascader-width-small: var(--width-small); /* @hidden */ --cascader-width-medium: var(--width-medium); /* @hidden */ --cascader-width-large: var(--width-large); /* @hidden */ --cascader-width-huge: var(--width-huge); /* @hidden */ --cascader-height-mini: var(--height-mini); /* @hidden */ --cascader-height-small: var(--height-small); /* @hidden */ --cascader-height-medium: var(--height-medium); /* @hidden */ --cascader-height-large: var(--height-large); /* @hidden */ --cascader-height-huge: var(--height-huge); /* @hidden */ /* @component u-uploader */ --uploader-list-margin-top: 6px; /* @desc 文件上传列表项顶部外间距,如 1px */ --uploader-item-space: 2px; /* @desc 文件上传列表项之间的间距,如 1px */ --uploader-item-padding: 4px; /* @desc 文件上传列表项的内间距,如 1px */ --uploader-item-line-height: 1.8; /* @desc 文件上传列表项的行高,如 1px */ --uploader-item-border-radius: var(--border-radius-base); /* @desc 文件上传列表项的圆角,如 1px */ --uploader-item-background: transparent; /* @type color */ /* @desc 文件上传列表项背景色,如 #223325 */ --uploader-item-background-hover: var(--background-color-disabled); /* @type color */ /* @desc 文件上传列表项背景色(hover状态) ,如 #223325 */ --uploader-item-icon-color: var(--color-light); /* @type color */ /* @desc 文件上传列表项图标颜色 ,如 #223325 */ --uploader-link-color: inherit; /* @type color */ /* @desc 文件上传列表项链接文本颜色,如 #223325 */ --uploader-link-color-hover: var(--link-color); /* @type color */ /* @desc 文件上传列表项链接文本颜色(hover状态),如 #223325 */ --uploader-card-border-radius: var(--border-radius-large); /* @desc 卡片式文件上传按钮的圆角,如 1px */ --uploader-card-space: 8px; /* @desc 卡片式文件上传文件项之间的间距,如 1px */ --uploader-mask-background: rgba(0, 0, 0, 0.6); /* @type color */ /* @desc 卡片式文件上传遮罩层颜色,如 #223325 */ --uploader-draggable-background: #fcfcfc; /* @type color */ /* @desc 拖拽上传文件窗口背景色,如 #223325 */ /* @depAttrs { "draggable": [true] } */ --uploader-draggable-border-width: 1px; /* @desc 拖拽上传文件窗口边框宽度,如 1px */ /* @depAttrs { "draggable": [true] } */ --uploader-draggable-border-color: var(--border-color-base); /* @type color */ /* @desc 拖拽上传文件窗口边框颜色,如 #223325 */ /* @depAttrs { "draggable": [true] } */ --uploader-draggable-border-color-hover: var(--brand-primary); /* @type color */ /* @desc 拖拽上传文件窗口边框颜色（hover状态）,如 #223325 */ /* @depAttrs { "draggable": [true] } */ --uploader-draggable-border-radius: var(--border-radius-large); /* @desc 拖拽上传文件窗口圆角大小,如 1px */ /* @depAttrs { "draggable": [true] } */ --uploader-draggable-padding: 12px 0 20px; /* @desc 拖拽上传文件窗口内边距大小,如 1px */ /* @depAttrs { "draggable": [true] } */ --uploader-list-image-margin-top: 6px; /* @hidden */ --uploader-draggable-color: #666; /* @hidden */ --uploader-draggable-icon-color: #ccc; /* @hidden */ --uploader-draggable-color-hover: var(--brand-primary); /* @hidden */ --uploader-card-width: 80px; /* @hidden */ --uploader-card-height: 80px; /* @hidden */ --uploader-card-button-font-size: 16px; /* @hidden */ --uploader-card-background: #fcfcfc; /* @hidden */ --uploader-color: #999; /* @hidden */ --uploader-border-color: var(--border-color-base); /* @hidden */ --uploader-card-icon-font-size: 24px; /* @hidden */ --uploader-error-box-height: 205px; /* @hidden */ --uploader-error-box-max-width: 400px; /* @hidden */ --uploader-root-inline-max-width: 100%; /* @hidden */ /** * ======================== * 选择器 * ======================== */ /* @component u-tabs */ --tabs-border-width: 1px; /* @desc tab项边框宽度,如 1px */ /* @prefix tabs */ --tabs-border-color: var(--border-color-light); /* @type color */ /* @desc tab项边框颜色,如 #223325 */ /* @prefix tabs */ --tabs-head-background: none; /* @type color */ /* @desc tab组件背景色（未选中部分）,如 #223325 */ /* @prefix tabs */ /* @excludeTags u-tab */ --tabs-item-height: 48px; /* @desc tab项高度,如 1px */ /* @prefix tabs */ --tabs-item-padding-x: 30px; /* @desc tab项水平方向内间距,如 1px */ /* @prefix tabs */ --tabs-item-line-width: 2px; /* @desc tab项高亮指示线高度,如 1px */ /* @prefix tabs */ --tabs-font-size: var(--font-size-base); /* @desc tab项字体大小,如 1px */ /* @prefix tabs */ --tabs-item-line-background: var(--brand-primary); /* @type color */ /* @desc tab选中项线条背景色（线条导航方式）,如 #223325 */ /* @prefix tabs */ /* @depAttrs { "appear": ["line"] } */ /* @depParentAttrs { "appear": ["line"] } */ --tabs-item-background-text: none; /* @type color */ /* @desc tab项背景色（文本模式, 未选中部分）,如 #223325 */ /* @prefix tabs */ /* @depAttrs { "appear": ["text"] } */ /* @depParentAttrs { "appear": ["text"] } */ --tabs-item-background-split: none; /* @type color */ /* @desc tab项背景色（竖线分隔模式, 未选中部分）,如 #223325 */ /* @prefix tabs */ /* @depAttrs { "appear": ["split"] } */ /* @depParentAttrs { "appear": ["split"] } */ --tabs-item-background-capsule: none; /* @type color */ /* @desc tab项背景色（胶囊模式, 未选中部分）,如 #223325 */ /* @prefix tabs */ /* @depAttrs { "appear": ["capsule"] } */ /* @depParentAttrs { "appear": ["capsule"] } */ --tabs-item-background-hover: transparent; /* @type color */ /* @desc tab项背景色（hover状态, 胶囊模式和底线模式不生效）,如 #223325 */ /* @prefix tabs */ /* @depAttrs { "appear": [null] } */ /* @depParentAttrs { "appear": [null] } */ --tabs-item-background-selected: var(--background-color-default); /* @type color */ /* @desc tab项背景色（选中部分, 胶囊模式和底线模式不生效）,如 #223325 */ /* @prefix tabs */ /* @depAttrs { "appear": [null] } */ /* @depParentAttrs { "appear": [null] } */ --tabs-item-background-selected-capsule: none; /* @type color */ /* @desc tab项背景色（选中部分, 胶囊模式生效）,如 #223325 */ /* @prefix tabs */ /* @depAttrs { "appear": ["capsule"] } */ /* @depParentAttrs { "appear": ["capsule"] } */ --tabs-item-color: inherit; /* @type color */ /* @desc tab项文字颜色（未选中部分, 仅文本模式生效）,如 #223325 */ /* @prefix tabs */ --tabs-item-color-hover: var(--brand-primary); /* @type color */ /* @desc tab项文字颜色（未选中部分, hover状态, 文本模式和胶囊模式生效）,如 #223325 */ /* @prefix tabs */ --tabs-item-color-selected: var(--brand-primary); /* @type color */ /* @desc tab项文字颜色（未选中部分, hover状态, 文本模式和文本模式生效）,如 #223325 */ /* @prefix tabs */ /* @depAttrs { "appear": [null] } */ /* @depParentAttrs { "appear": [null] } */ --tabs-item-color-selected-capsule: var(--brand-primary); /* @type color */ /* @desc tab项文字颜色（胶囊模式, 选中部分）,如 #223325 */ /* @prefix tabs */ /* @depAttrs { "appear": ["capsule"] } */ /* @depParentAttrs { "appear": ["capsule"] } */ --tabs-item-color-disabled: #999; /* @type color */ /* @desc tab禁用项文字颜色,如 #223325 */ /* @prefix tabs */ --tabs-item-split-line-color: #CDCFD7; /* @type color */ /* @desc tab项分隔线颜色（竖线分隔模式, 未选中部分）,如 #223325 */ /* @prefix tabs */ /* @depAttrs { "appear": ["split"] } */ /* @depParentAttrs { "appear": ["split"] } */ --tabs-item-split-line-height: 12px; /* @desc tab项分隔线高度（竖线分隔模式, 未选中部分）,如 1px */ /* @prefix tabs */ /* @depAttrs { "appear": ["split"] } */ /* @depParentAttrs { "appear": ["split"] } */ --tabs-item-border-color-selected: var(--border-color-light); /* @type color */ /* @desc tab项边框颜色（选中部分, 默认模式和圆角模式生效）,如 #223325 */ /* @prefix tabs */ /* @depAttrs { "appear": [null] } */ /* @depParentAttrs { "appear": [null] } */ --tabs-item-border-color-selected-capsule: var(--brand-primary); /* @type color */ /* @desc tab项边框颜色（选中部分, 胶囊模式）,如 #223325 */ /* @prefix tabs */ /* @depAttrs { "appear": ["capsule"] } */ /* @depParentAttrs { "appear": ["capsule"] } */ --tabs-item-border-radius-round: 5px; /* @desc tab项边框圆角（选中部分, 圆角模式）,如 1px */ /* @prefix tabs */ --tabs-body-space: var(--space-base); /* @desc 组件的tab项和内容区之间的间距,如 1px */ /* @prefix tabs */ --tabs-item-close-margin-left: var(--space-small); /* @desc tab项关闭按钮左侧间距,如 1px */ /* @prefix tabs */ --tabs-item-close-color: var(--color-light); /* @type color */ /* @desc tab项关闭按钮颜色,如 #223325 */ /* @prefix tabs */ --tabs-item-close-hover-color: var(--color-base); /* @type color */ /* @desc tab项关闭按钮悬停颜色,如 #223325 */ /* @prefix tabs */ --tabs-item-background-disabled: transparent; /* @hidden */ --tabs-item-height-small: 30px; /* @hidden */ --tabs-item-height-mini: 24px; /* @hidden */ --tabs-item-padding-x-small: 22px; /* @hidden */ --tabs-item-padding-x-mini: 16px; /* @hidden */ --tabs-item-background-selected-disabled: var(--background-color-default); /* @hidden */ --tabs-item-background-disabled-capsule: #f5f5f5; /* @hidden */ --tabs-item-border-radius: var(--border-radius-base); /* @hidden */ --tabs-body-space-small: var(--space-small); /* @hidden */ --tabs-body-space-mini: var(--space-mini); /* @hidden */ --tabs-item-title-font-weight: inherit; /* @hidden */ --tabs-item-title-margin-right: 5px; /* @hidden */ /* @component u-selectable-steps */ --steps-item-color-disabled: var(--brand-disabled-dark); /* @type color */ /* @desc 步骤条禁用项文字颜色,如 #223325 */ /* @prefix steps */ --steps-item-radio-size: 24px; /* @desc 步骤条按钮大小,如 1px */ /* @prefix steps */ --steps-item-radio-background: var(--border-color-base); /* @type color */ /* @desc 步骤条按钮之间的进度条颜色（未完成部分）,如 #223325 */ /* @prefix steps */ --steps-item-radio-background-passed: var(--brand-primary); /* @type color */ /* @desc 步骤条按钮和进度条颜色（已完成部分）,如 #223325 */ /* @prefix steps */ --steps-item-radio-color: var(--color-light); /* @type color */ /* @desc 步骤条按钮图标颜色,如 #223325 */ /* @prefix steps */ --steps-item-radio-color-passed: white; /* @type color */ /* @desc 步骤条按钮图标颜色（已完成部分）,如 #223325 */ /* @prefix steps */ --steps-item-radio-color-selectd: var(--brand-primary); /* @type color */ /* @desc 步骤条按钮图标颜色（已选中部分）,如 #223325 */ /* @prefix steps */ --steps-item-radio-color-failed: white; /* @type color */ /* @desc 步骤条按钮图标颜色（错误部分）,如 #223325 */ /* @prefix steps */ --steps-item-radio-background-disabled: var(--background-color-disabled); /* @type color */ /* @desc 步骤条按钮背景色（禁用状态）,如 #223325 */ /* @prefix steps */ --steps-item-radio-size-large: 24px; /* @hidden */ --steps-item-width: 200px; /* @hidden */ --steps-item-radio-border-color-hover: var(--brand-primary); /* @hidden */ --steps-seleatable-item-width: 140px; /* @hidden */ --steps-seleatable-item-width-auto: 60%; /* @hidden */ --steps-seleatable-border-color-passed: var(--brand-primary); /* @type color */ /* @desc 步骤条按钮边框颜色（完成状态）,如 #223325 */ /* @prefix steps-seleatable */ --steps-seleatable-border-color-failed: var(--brand-error); /* @type color */ /* @desc 步骤条按钮边框颜色（错误状态）,如 #223325 */ /* @prefix steps-seleatable */ --steps-seleatable-background-selected: var(--brand-primary);/* @type color */ /* @desc 步骤条按钮圆心背景色（选中状态）,如 #223325 */ /* @prefix steps-seleatable */ --steps-seleatable-background-failed: var(--brand-error);/* @type color */ /* @desc 步骤条按钮圆心背景色（错误状态）,如 #223325 */ /* @prefix steps-seleatable */ --steps-seleatable-item-body-background: white; /* @hidden */ --steps-seleatable-radio-background: white; /* @type color */ /* @desc 步骤条按钮背景色,如 #223325 */ /* @prefix steps-seleatable */ --steps-seleatable-radio-border-color: var(--color-lighter);/* @type color */ /* @desc 步骤条按钮边框颜色,如 #223325 */ /* @prefix steps-seleatable */ --steps-seleatable-radio-border-color-disabled: var(--steps-seleatable-radio-border-color); /* @desc 步骤条按钮边框颜色（禁用状态）,如 #223325 */ /* @prefix steps-seleatable */ --steps-seleatable-radio-background-selected: white; /* @type color */ /* @desc 步骤条按钮背景色（选中状态）,如 #223325 */ /* @prefix steps-seleatable */ --steps-seleatable-radio-dot-width-selected: 10px; /* @hidden */ --steps-seleatable-radio-dot-height-selected: 10px; /* @hidden */ --steps-seleatable-item-radio-border-color-hover: var(--brand-primary); /* @type color */ /* @desc 步骤条按钮边框颜色（hover状态）,如 #223325 */ /* @prefix steps-seleatable */ --steps-seleatable-item-title-padding-left: 8px; /* @desc 步骤项标题左边距 */ /* @prefix steps-seleatable */ --steps-seleatable-item-line-margin-left: 24px; /* @desc 步骤项连接线左边距 */ /* @prefix steps-seleatable */ --steps-seleatable-item-line-margin-right: 24px; /* @desc 步骤项连接线右边距 */ /* @prefix steps-seleatable */ --steps-seleatable-item-title-color-failed: var(--brand-error); /* @type color */ /* @desc 步骤条标题颜色（错误状态）,如 #223325 */ /* @prefix steps-seleatable */ /* @component u-pagination */ --pagination-item-border-radius: var(--border-radius-base); /* @desc 翻页器的按钮圆角大小,如 1px */ --pagination-item-border-color: var(--border-color-base); /* @type color */ /* @desc 翻页器的按钮边框颜色,如 #223325 */ --pagination-item-border-color-hover: var(--brand-primary); /* @type color */ /* @desc 翻页器的按钮边框颜色（hover状态）,如 #223325 */ --pagination-item-border-color-disabled: var(--border-color-darker); /* @type color */ /* @desc 翻页器的按钮边框颜色（hover状态）,如 #223325 */ --pagination-item-height-small: 24px; /* @desc Small翻页器的按钮高度,如 1px */ /* @depAttrs { "size": ["small"] } */ --pagination-item-height: 32px; /* @desc 翻页器的按钮高度,如 1px */ /* @depAttrs { "size": ["normal", null] } */ --pagination-item-width-small: 24px; /* @desc Small翻页器的按钮宽度,如 1px */ /* @depAttrs { "size": ["small"] } */ --pagination-item-width: 32px; /* @desc 翻页器的按钮宽度,如 1px */ /* @depAttrs { "size": ["normal", null] } */ --pagination-item-font-size: var(--font-size-small); /* @desc 翻页器的字体大小,如 1px */ --pagination-item-color: var(--color-base); /* @type color */ /* @desc 翻页器的页数文本颜色,如 #223325 */ --pagination-item-color-hover: var(--brand-primary); /* @type color */ /* @desc 翻页器的页数文本颜色(hover状态),如 #223325 */ --pagination-item-color-selected: var(--color-white); /* @type color */ /* @desc 翻页器的页数文本颜色(选中状态),如 #223325 */ --pagination-item-color-disabled: var(--gray-light); /* @type color */ /* @desc 翻页器的按钮文本颜色(禁用状态),如 #223325 */ --pagination-item-color-blank: var(--color-base); /* @type color */ /* @desc 翻页器的省略方块文本颜色,如 #223325 */ --pagination-item-color-blank-disabled: var(--brand-disabled); /* @type color */ /* @desc 翻页器的省略方块文本颜色（禁用状态）,如 #223325 */ --pagination-item-background: transparent; /* @type color */ /* @desc 翻页器的按钮背景色（未选中状态）,如 #223325 */ --pagination-item-background-hover: var(--pagination-item-background); /* @type color */ /* @desc 翻页器的按钮背景色（hover状态，未选中状态）,如 #223325 */ --pagination-item-background-selected: var(--brand-primary); /* @type color */ /* @desc 翻页器的按钮背景色（选中状态）,如 #223325 */ --pagination-item-background-blank: none; /* @type color */ /* @desc 翻页器的省略方块背景色,如 #223325 */ --pagination-item-padding: 0; /* @desc 翻页器的内边距,如 1px */ --pagination-item-background-disabled-selected: var(--pagination-item-background); /* @hidden */ --pagination-line-height: calc(var(--pagination-item-height) - var(--border-width-base) * 2); /* @hidden */ --pagination-item-border-radius-left: var(--pagination-item-border-radius); /* @hidden */ --pagination-item-border-radius-right: var(--pagination-item-border-radius); /* @hidden */ --pagination-item-border-color-selected: var(--brand-primary); /* @hidden */ --pagination-item-prenext-font-size: 18px; /* @hidden */ --pagination-sizer-width: 104px; /* @hidden */ --pagination-jumper-width: 50px; /* @hidden */ --pagination-item-height-small-line-height: var(--pagination-item-height-small); /* @hidden */ /* @component u-tree-select-new */ /* @dependency-components u-tree-view */ --tree-select-new-width: var(--select-width); /* @group 宽度 */ /* @desc 树选择器宽度,如 1px */ /* @depAttrs {"width": ["normal", null]} */ /* @depStaticStyles ["width"] */ --tree-select-new-height: var(--select-height); /* @group 高度 */ /* @desc 树选择器高度,如 1px */ /* @depAttrs {"height": ["normal", null]} */ /* @depStaticStyles ["height"] */ --tree-select-new-padding-x: var(--select-padding-x); /* @group 内边距 */ /* @desc Mini树选择器水平方向内边距,如 1px */ /* @depAttrs {"width": ["normal", null]} */ /* @depStaticStyles ["padding-left", "padding-right"] */ --tree-select-new-width-mini: var(--select-width-mini); /* @group 宽度 */ /* @desc Mini树选择器宽度,如 1px */ /* @depAttrs {"width": ["mini"]} */ /* @depStaticStyles ["width"] */ --tree-select-new-padding-x-mini: var(--select-padding-x-mini); /* @group 内边距 */ /* @desc Mini树选择器内边距,如 1px */ /* @depAttrs {"width": ["mini"]} */ /* @depStaticStyles ["padding-left", "padding-right"] */ --tree-select-new-height-mini: var(--select-height-mini); /* @group 高度 */ /* @desc Mini树选择器高度,如 1px */ /* @depAttrs {"height": ["mini"]} */ /* @depStaticStyles ["height"] */ --tree-select-new-width-small: var(--select-width-small); /* @group 宽度 */ /* @desc Small树选择器宽度,如 1px */ /* @depAttrs {"width": ["small"]} */ /* @depStaticStyles ["width"] */ --tree-select-new-padding-x-small: var(--select-padding-x-small); /* @group 内边距 */ /* @desc Small树选择器内边距,如 1px */ /* @depAttrs {"width": ["small"]} */ /* @depStaticStyles ["padding-left", "padding-right"] */ --tree-select-new-height-small: var(--select-height-small); /* @group 高度 */ /* @desc Mini树选择器高度,如 1px */ /* @depAttrs {"height": ["small"]} */ /* @depStaticStyles ["height"] */ --tree-select-new-width-medium: var(--select-width-medium); /* @group 宽度 */ /* @desc Medium树选择器宽度,如 1px */ /* @depAttrs {"width": ["medium"]} */ /* @depStaticStyles ["width"] */ --tree-select-new-padding-x-medium: var(--select-padding-x-medium); /* @group 内边距 */ /* @desc Medium树选择器内边距,如 1px */ /* @depAttrs {"width": ["medium"]} */ /* @depStaticStyles ["padding-left", "padding-right"] */ --tree-select-new-height-medium: var(--select-height-medium); /* @group 高度 */ /* @desc Medium树选择器高度,如 1px */ /* @depAttrs {"height": ["medium"]} */ /* @depStaticStyles ["height"] */ --tree-select-new-width-large: var(--select-width-large); /* @group 宽度 */ /* @desc Large树选择器宽度,如 1px */ /* @depAttrs {"width": ["large"]} */ /* @depStaticStyles ["width"] */ --tree-select-new-padding-x-large: var(--select-padding-x-large); /* @group 内边距 */ /* @desc Large树选择器内边距,如 1px */ /* @depAttrs {"width": ["large"]} */ /* @depStaticStyles ["padding-left", "padding-right"] */ --tree-select-new-height-large: var(--select-height-large); /* @group 高度 */ /* @desc Large树选择器高度,如 1px */ /* @depAttrs {"height": ["large"]} */ /* @depStaticStyles ["height"] */ --tree-select-new-width-huge: var(--select-width-huge); /* @group 宽度 */ /* @desc Huge树选择器宽度,如 1px */ /* @depAttrs {"width": ["huge"]} */ /* @depStaticStyles ["width"] */ --tree-select-new-padding-x-huge: var(--select-padding-x-huge); /* @group 内边距 */ /* @desc Huge树选择器内边距,如 1px */ /* @depAttrs {"width": ["huge"]} */ /* @depStaticStyles ["padding-left", "padding-right"] */ --tree-select-new-height-huge: var(--select-height-huge); /* @group 高度 */ /* @desc Huge树选择器高度,如 1px */ /* @depAttrs {"height": ["huge"]} */ /* @depStaticStyles ["height"] */ --tree-select-new-padding-x-full: var(--select-padding-x-full); /* @group 内边距 */ /* @desc Full树选择器内边距,如 1px */ /* @depAttrs {"width": ["full"]} */ /* @depStaticStyles ["padding-left", "padding-right"] */ --tree-select-new-color: var(--select-color); /* @type color */ /* @desc 树选择器输入框字体颜色,如 #223325 */ --tree-select-new-color-disabled: var(--select-color-disabled); /* @type color */ /* @desc 树选择器输入框字体颜色（禁用状态）,如 #223325 */ --tree-select-new-border-width: var(--select-border-width); /* @group 边框 */ /* @desc 树选择器输入框边框宽度,如 1px */ --tree-select-new-border-color: var(--select-border-color); /* @group 边框 */ /* @type color */ /* @desc 树选择器输入框边框颜色,如 #223325 */ --tree-select-new-border-radius-base: var(--border-radius-base); /* @group 边框 */ /* @desc 树选择器输入框圆角,如 1px */ --tree-select-new-border-color-hover: var(--select-border-color-hover); /* @group 边框 */ /* @type color */ /* @desc 树选择器输入框边框颜色（hover状态）,如 #223325 */ --tree-select-new-border-color-disabled: var(--brand-disabled); /* @group 边框 */ /* @type color */ /* @desc 树选择器输入框边框颜色（禁用状态）,如 #223325 */ --tree-select-new-input-border-color-error: var(--brand-error); /* @group 边框 */ /* @type color */ /* @desc 树选择器输入框边框颜色（错误状态）,如 #223325 */ --tree-select-new-arrow-size: var(--select-arrow-size); /* @group 下拉箭头 */ /* @desc 树选择器输入框下拉箭头大小,如 1px */ --tree-select-new-arrow-right-ratio: var(--select-arrow-right-ratio); /* @hidden */ --tree-select-new-arrow-color: var(--select-arrow-color); /* @group 下拉箭头 */ /* @type color */ /* @desc 树选择器输入框下拉箭头颜色,如 #223325 */ --tree-select-new-background: var(--select-background); /* @type color */ /* @desc 树选择器输入框背景颜色,如 #223325 */ --tree-select-new-background-disabled: var(--select-background-disabled); /* @type color */ /* @desc 树选择器输入框背景颜色（禁用状态）,如 #223325 */ --tree-select-new-focus-outline: var(--focus-outline); /* @desc 树选择器输入框轮廓,如 1px ridge rgba(0, 0, 0, 0.2); */ --tree-select-new-box-shadow-focus: var(--select-box-shadow-focus); /* @group 边框阴影 */ /* @desc 树选择器输入框边框阴影（选中状态）,如 2px 2px 2px 1px rgba(0, 0, 0, 0.2); */ --tree-select-new-placeholder-color: var(--select-placeholder-color); /* @type color */ /* @group 占位符 */ /* @desc 树选择器的占位符文字颜色,如 #223325 */ --tree-select-new-transition-duration-base: var(--transition-duration-base); /* @hidden */ --tree-select-new-tag-padding: var(--select-tag-padding); /* @hidden */ --tree-select-new-tag-font-size-small: var(--font-size-small); /* @hidden */ --tree-select-new-tag-line-height: var(--select-tag-line-height); /* @hidden */ --tree-select-new-tag-background: var(--select-tag-background); /* @hidden */ --tree-select-new-tag-vertical-align: 1px; /* @hidden */ --tree-select-new-tag-border-radius: 2px; /* @hidden */ --tree-select-new-tag-margin-x: var(--select-tag-margin-x); /* @hidden */ --tree-select-new-tag-remove-color: var(--select-tag-remove-color); /* @hidden */ --tree-select-new-tag-remove-color-hover: var(--select-tag-remove-color-hover); /* @hidden */ --tree-select-new-popper-line-height: var(--select-popper-line-height); /* @group 弹出层 */ /* @desc 树选择器弹出层下拉项行高 */ --tree-select-new-popper-max-height: var(--select-popper-max-height); /* @group 弹出层 */ /* @desc 树选择器弹出层最大高度 */ --tree-select-new-popper-background: var(--select-popper-background); /* @type color */ /* @group 弹出层 */ /* @desc 选择框弹出层背景色,如 #223325 */ --tree-select-new-popper-border-color: var(--select-popper-border-color); /* @type color */ /* @group 弹出层 */ /* @desc 选择框弹出层边框颜色,如 #223325 */ --tree-select-new-z-index-popper: var(--z-index-popper); /* @hidden */ --tree-select-new-popper-box-shadow: var(--select-popper-box-shadow); /* @group 弹出层 */ /* @desc 树选择器弹出层边框阴影,如 2px 2px 2px 1px rgba(0, 0, 0, 0.2); */ --tree-select-new-popper-min-width: var(--select-popper-min-width); /* @group 弹出层 */ /* @desc 树选择器弹出层最小宽度 */ --tree-select-new-popper-width: var(--select-popper-width); /* @group 弹出层 */ /* @desc 树选择器弹出层宽度 */ --tree-select-new-background-inverse: var(--select-background-inverse); /* @hidden */ --tree-select-new-border-color-inverse: var(--select-border-color-inverse); /* @hidden */ --tree-select-new-color-inverse: var(--select-color-inverse); /* @hidden */ --tree-select-new-popper-background-inverse: var(--select-popper-background-inverse); /* @hidden */ --tree-select-new-popper-color-inverse: var(--select-popper-color-inverse); /* @hidden */ --tree-select-new-popper-border-color-inverse: var(--select-popper-border-color-inverse); /* @hidden */ --tree-select-new-tree-view-node-background-active-inverse: var(--tree-view-node-background-active-inverse); /* @hidden */ --tree-select-new-tree-view-node-background-selected-inverse: var(--tree-view-node-background-selected-inverse); /* @hidden */ --tree-select-new-tree-view-node-color-selected-inverse: var(--tree-view-node-color-selected-inverse); /* @hidden */ --tree-select-new-tree-view-node-expander-color-selected-inverse: var(--tree-view-node-expander-color-selected-inverse); /* @hidden */ --tree-select-new-tree-view-node-color-disabled-inverse: var(--tree-view-node-color-disabled-inverse); /* @hidden */ --tree-select-new-tree-view-node-background-disabled-inverse: var(--tree-view-node-background-disabled-inverse); /* @hidden */ --tree-select-new-tree-view-node-background-selected-disabled-inverse: var(--tree-view-node-background-selected-disabled-inverse); /* @hidden */ /** * ======================== * 图表 * ======================== */ /* @component u-linear-progress */ --linear-progress-size: 4px; /* @desc 进度条大小,如 1px */ /* @depAttrs { "size": ["normal", null] } */ --linear-progress-size-small: 2px; /* @desc Small进度条大小,如 1px */ /* @depAttrs { "size": ["small"] } */ --linear-progress-size-large: 8px; /* @desc Large进度条大小,如 1px */ /* @depAttrs { "size": ["large"] } */ --linear-progress-size-huge: 12px; /* @desc Huge进度条大小,如 1px */ /* @depAttrs { "size": ["huge"] } */ --linear-progress-vertical-height: 512px; /* @desc 垂直进度条高度,如 1px */ /* @depAttrs { "direction": ["vertical"] } */ --linear-progress-track-background: var(--background-color-base); /* @type color */ /* @desc 进度条轨道背景色 (未完成部分),如 #223325 */ --linear-progress-trail-font-size: var(--font-size-small); /* @desc 进度条轨道字体大小 (完成部分),如 #223325 */ --linear-progress-trail-background-primary: var(--brand-primary); /* @type color */ /* @desc 主要进度条轨道背景颜色 (完成部分),如 #223325 */ --linear-progress-trail-background-success: var(--brand-success); /* @type color */ /* @desc 成功进度条轨道背景颜色 (完成部分),如 #223325 */ --linear-progress-trail-background-error: var(--brand-error); /* @type color */ /* @desc 错误进度条轨道背景颜色 (完成部分),如 #223325 */ --linear-progress-trail-color: white; /* @type color */ /* @desc 进度条轨道背景色 (已完成部分),如 #223325 */ --linear-progress-trail-transition: width 0.6s ease; /* @desc 进度条轨道的动画快慢参数,如 width 0.6s ease */ --linear-progress-height-small: 2px; /* @hidden */ --linear-progress-height-large: 8px; /* @hidden */ --linear-progress-height-huge: 12px; /* @hidden */ /* @component u-circular-progress */ --circular-progress-size: 90px; /* @desc 圆型进度条圆形大小,如 1px */ /* @depAttrs { "size": ["normal", null] } */ --circular-progress-size-small: 74px; /* @desc Small圆型进度条圆形大小,如 1px */ /* @depAttrs { "size": ["small"] } */ --circular-progress-size-large: 112px; /* @desc Large圆型进度条圆形大小,如 1px */ /* @depAttrs { "size": ["large"] } */ --circular-progress-size-huge: 142px; /* @desc Huge圆型进度条圆形大小,如 1px */ /* @depAttrs { "size": ["huge"] } */ --circular-progress-stroke-width: 6px; /* @desc 进度条轨道宽度,如 1px */ /* @depAttrs { "size": ["normal", null] } */ --circular-progress-stroke-width-small: 5px; /* @desc Small进度条轨道宽度,如 1px */ /* @depAttrs { "size": ["small"] } */ --circular-progress-stroke-width-large: 8px; /* @desc Large进度条轨道宽度,如 1px */ /* @depAttrs { "size": ["large"] } */ --circular-progress-stroke-width-huge: 10px; /* @desc Huge进度条轨道宽度,如 1px */ /* @depAttrs { "size": ["huge"] } */ --circular-progress-track-stroke: var(--background-color-base); /* @type color */ /* @desc 进度条轨道背景色 (未完成部分),如 #223325 */ --circular-progress-trail-stroke: var(--brand-primary); /* @type color */ /* @desc 进度条轨道背景色 (已完成部分),如 #223325 */ --circular-progress-trail-transition: stroke 0.6s ease, stroke-dasharray 0.6s ease; /* @desc 进度条轨道动画 (已完成部分),如 stroke 0.6s ease, stroke-dasharray 0.6s ease; */ --circular-progress-percent-font-size: 18px; /* @desc 进度条文本内容字号,如 1px */ /* @depAttrs { "size": ["normal", null] } */ --circular-progress-percent-font-size-small: 14px; /* @desc Small进度条文本内容字号,如 1px */ /* @depAttrs { "size": ["small"] } */ --circular-progress-percent-font-size-large: 24px; /* @desc Large进度条文本内容字号,如 1px */ /* @depAttrs { "size": ["large"] } */ --circular-progress-percent-font-size-huge: 32px; /* @desc Huge进度条文本内容字号,如 1px */ /* @depAttrs { "size": ["huge"] } */ --circular-progress-percent-color: #666; /* @type color */ /* @desc 进度条文本内容字体颜色,如 #223325 */ --circular-progress-text-color: #999; /* @hidden */ --circular-progress-font-size: var(--font-size-base); /* @hidden */ --circular-progress-percent-font-weight: 600; /* @hidden */ --circular-progress-text-line-height: normal; /* @hidden */ /** * ======================== * 反馈 * ======================== */ /* @component u-alert */ --alert-title-color: var(--font-fourth-color); /* @desc 公告标题文字颜色 */ /* @type color */ --alert-desc-color: var(--font-second-color); /* @desc 公告描述文字颜色 */ /* @type color */ --alert-color-info: var(--brand-primary); /* @desc 公告信息类型颜色 */ /* @type color */ /* @depAttrs { "type": ["info", null] } */ --alert-color-success: var(--brand-success); /* @desc 公告成功类型颜色 */ /* @type color */ /* @depAttrs { "type": ["success"] } */ --alert-color-warning: var(--brand-warning); /* @desc 公告警告类型颜色 */ /* @type color */ /* @depAttrs { "type": ["warning"] } */ --alert-color-error: var(--brand-error); /* @desc 公告错误类型颜色 */ /* @type color */ /* @depAttrs { "type": ["error"] } */ --alert-background-color-info: var(--brand-primary-lightest); /* @desc 公告信息类型背景色 */ /* @type color */ /* @depAttrs { "type": ["info", null] } */ /* @depStaticStyles ["background-color"] */ --alert-background-color-success: var(--brand-success-lightest); /* @desc 公告成功类型背景色 */ /* @type color */ /* @depAttrs { "type": ["success"] } */ /* @depStaticStyles ["background-color"] */ --alert-background-color-warning: var(--brand-warning-lightest); /* @desc 公告警告类型背景色 */ /* @type color */ /* @depAttrs { "type": ["warning"] } */ /* @depStaticStyles ["background-color"] */ --alert-background-color-error: var(--brand-error-lightest); /* @desc 公告错误类 型背景色 */ /* @type color */ /* @depAttrs { "type": ["error"] } */ /* @depStaticStyles ["background-color"] */ --alert-close-color: var(--font-third-color); /* @desc 公告关闭按钮颜色 */ /* @type color */ --alert-close-hover-color: var(--font-second-color); /* @desc 公告关闭按钮颜色（hover状态） */ /* @type color */ /* @component u-popup */ --popup-padding: 5px 12px; /* @desc 弹出层的内边距,如 1px */ --popup-arrow-size: 4px; /* @desc 弹出层的内层三角箭头大小,如 1px */ --popup-arrow-offset: 17px; /* @desc 弹出层的三角箭头平移位置,如 1px */ --popup-outer-arrow-size: calc(var(--popup-arrow-size) + 1px); /* @desc 弹出层的外层三角箭头大小,如 1px */ --popup-background: white; /* @type color */ /* @desc 弹出层的背景色,如 #223325 */ --popup-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); /* @desc 弹出层的阴影效果,如 2px 2px 2px 1px rgba(0, 0, 0, 0.2); */ --popup-border-color: var(--border-color-base); /* @type color */ /* @desc 弹出层的边框颜色,如 #223325 */ --popup-head-background: white; /* @hidden */ /* @component u-tooltip @hidden */ --tooltip-padding: 8px 12px; --tooltip-padding-small: 2px 6px; --tooltip-arrow-size: 6px; --tooltip-arrow-size-small: 3px; --tooltip-arrow-offset: 16px; --tooltip-background: #242424; --tooltip-color: white; --tooltip-border-radius: var(--border-radius-base); --tooltip-box-shadow: 0px 2px 6px rgba(23, 23, 26, 0.1); /* @component icon-tooltip @hidden */ --icon-tooltip-color: #666; /* @component u-spinner @hidden */ --spinner-animation-duration: 1s; --spinner-animation-delay: 0.15s; /* @component u-loading @hidden */ --loading-font-size: calc(var(--font-size-base) * (24 / 14)); --loading-font-size-small: var(--font-size-base); --loading-font-size-large: calc(var(--font-size-base) * (40 / 14)); --loading-color: var(--brand-disabled); --loading-full-background: rgba(255, 255, 255, 0.8); --loading-fullWindow-background: rgba(255, 255, 255, 0.6); /* @component u-toast-single */ --toast-margin: 30px; /* @hidden */ --toast-width: 300px; /* @hidden */ --toast-max-width: 326px; /* @hidden */ --toast-top: 90px; /* @hidden */ --toast-close-font-size: 18px; /* @hidden */ --toast-close-color: white; /* @hidden */ --toast-item-color: white; /* @type color */ /* @desc 弹出消息的字体颜色 */ /* @prefix toast */ --toast-item-padding: 8px 16px; /* @hidden */ --toast-item-space: 10px; /* @hidden */ --toast-item-border-radius: var(--border-radius-large); /* @hidden */ --toast-item-icon-top: 8px; /* @hidden */ --toast-item-icon-margin-right: 8px; /* @hidden */ --toast-item-icon-vertical-align: -1px; /* @hidden */ --toast-item-icon-font-size: 16px; /* @hidden */ --toast-item-icon-text-align: left; /* @hidden */ --toast-item-icon-color-info: var(--brand-primary); /* @hidden */ --toast-item-icon-color-success: var(--brand-success); /* @hidden */ --toast-item-icon-color-warning: var(--brand-warning); /* @hidden */ --toast-item-icon-color-error: var(--brand-error); /* @hidden */ --toast-background-color: rgba(48, 48, 48, 0.8); /* @type color */ /* @desc 弹出消息的背景色 */ /* @prefix toast */ --toast-item-custom-icon-color: white; /* @type color */ /* @desc 弹出消息的自定义图标颜色 */ /* @prefix toast */ /* @component u-modal */ --modal-dialog-width: 400px; /* @desc 弹窗的宽度,如 1px */ --modal-dialog-border-radius: var(--border-radius-base); /* @desc 弹窗圆角,如 1px */ --modal-dialog-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); /* @desc 弹窗阴影效果,如 1px */ --modal-title-font-size: var(--font-size-large); /* @desc 弹窗标题的字号,如 1px */ --modal-close-right: 24px; /* @desc 弹窗关闭按钮的右边距,如 1px */ --modal-close-color: var(--gray-dark); /* @type color */ /* @desc 弹窗关闭按钮的颜色,如 #223325 */ --modal-close-color-hover: var(--gray-darker); /* @type color */ /* @desc 弹窗关闭按钮的颜色（hover状态）,如 #223325 */ --modal-body-margin: 25px 24px; /* @desc 弹窗内容区的外间距,如 1px */ --modal-foot-margin: 0; /* @desc 弹窗底部区域的外间距,如 1px */ --modal-foot-padding: 10px 20px; /* @desc 弹窗底部区域的内间距,如 1px */ --modal-border-color: var(--border-color-base); /* @type color */ /* @desc 弹窗边框颜色,如 #223325 */ --modal-head-padding: 13px 24px; /* @hidden */ --modal-static-padding: var(--space-base); /* @hidden */ --modal-title-font-weight: normal; /* @hidden */ --modal-dialog-width-small: 300px; /* @hidden */ --modal-dialog-width-large: 600px; /* @hidden */ --modal-dialog-width-huge: 800px; /* @hidden */ --modal-dialog-background: white; /* @hidden */ --modal-dialog-background-image: none; /* @hidden */ --modal-dialog-background-color: var(--modal-dialog-background); /* @hidden */ /* @component u-drawer */ --drawer-width-small: 240px; /* @desc small抽屉宽度,如 1px */ /* @depAttrs {"size": ["small"], "placement": ["left", "right", null]} */ --drawer-width: 400px; /* @desc normal抽屉宽度,如 1px */ /* @depAttrs {"size": ["normal", null], "placement": ["left", "right", null]} */ --drawer-width-large: 600px; /* @desc large抽屉宽度,如 1px */ /* @depAttrs {"size": ["large"], "placement": ["left", "right", null]} */ --drawer-height-small: 240px; /* @desc small抽屉高度,如 1px */ /* @depAttrs {"size": ["small"], "placement": ["top", "bottom"]} */ --drawer-height: 400px; /* @desc normal抽屉高度,如 1px */ /* @depAttrs {"size": ["normal", null], "placement": ["top", "bottom"]} */ --drawer-height-large: 600px; /* @desc large抽屉高度,如 1px */ /* @depAttrs {"size": ["large"], "placement": ["top", "bottom"]} */ --drawer-max-height: auto; /* @hidden */ --drawer-background: white; /* @type color */ /* @desc 抽屉背景色 */ --drawer-wrap-background: rgba(0, 0, 0, 0.6); /* @type color */ /* @desc 遮罩背景色 */ --drawer-close-size: 15px; /* @desc 关闭图标大小 */ --drawer-close-color: var(--gray-dark); /* @type color */ /* @desc 关闭图标颜色 */ --drawer-close-color-hover: var(--gray-darker); /* @type color */ /* @desc 关闭图标hover颜色 */ --drawer-head-padding: 15px; /* @desc 抽屉头部内边距 */ --drawer-body-padding: 15px; /* @desc 抽屉内容区内边距 */ --drawer-foot-padding: 20px 24px; /* @desc 抽屉底部内边距 */ --drawer-border-color: var(--gray-lightest); /* @type color */ /* @desc 抽屉边框颜色 */ --drawer-border-radius: none; /* @desc 抽屉边框圆角 */ --drawer-body-overflow-y: auto; /* @hidden */ --drawer-static-padding: var(--space-base); /* @hidden */ /* @component u-image */ --image-width: 100%; /* @desc 图片宽度,如：1px */ /* @hidden */ --image-height: 100%; /* @desc 图片高度,如：1px */ /* @hidden */ /* @component u-lightbox @hidden */ --lightbox-head-height: 64px; --lightbox-icon-background: #252525; --lightbox-icon-background-hover: #121212; --lightbox-icon-background-disabled: #666; --lightbox-icon-color: white; /* @component u-linear-layout */ --linear-layout-background: rgba(255,255,255,0.5); /* @type color */ /* @desc 加载时遮罩背景颜色,如：#223325 */ /* @component u-skeleton @hidden */ --skeleton-background: var(--background-color-base); --skeleton-title-width: 36%; --skeleton-paragraph-width: 72%; /* @component u-calendar-view */ --calendar-date-height: 96px; /* @desc 日历日期高度,如：1px */ /* @prefix calendar-date */ --calendar-date-padding: 4px 8px 0; /* @desc 日历日期内边距,如：1px */ /* @prefix calendar-date */ --calendar-date-text-align: right; /* @desc 日历日期文字水平对齐，如：right|center|left */ /* @prefix calendar-date */ --calendar-date-background: var(--brand-primary-lightest); /* @desc 日历日期选中项背景色,如：#223325 */ /* @type color */ /* @prefix calendar-date */ --calendar-date-disabled: var(--brand-disabled-dark); /* @hidden */ /* @component u-calendar @hidden */ --calendar-border-color: var(--border-color-base); /* @type color */ /* @desc 日历面板边框颜色,如：#223325 */ --calendar-background: var(--field-background); /* @type color */ /* @desc 日历面板背景颜色,如：#223325 */ --calendar-border-radius: var(--border-radius-base); /* @desc 日历面板边框圆角,如：1px */ --calendar-item-color: #333; /* @type color */ /* @desc 日历面板本月日期字体颜色,如：#223325 */ --calendar-item-border-radius: 4px; /* @desc 日历面板日期圆角大小,如：1px */ --calendar-item-border-color: transparent; /* @type color */ /* @desc 日历面板日期边框颜色,如：#223325 */ --calendar-item-background: var(--calendar-background); /* @type color */ /* @desc 日历面板日期背景颜色,如：#223325 */ --calendar-item-background-inrange: rgba(51, 126, 255, 0.1); /* @type color */ /* @desc 日历选中范围背景色,如：#223325 */ --calendar-range-inner-border-color: var(--border-color-base); /* @type color */ /* @desc 日历范围选择内部分割线颜色,如：#223325 */ --calendar-item-color-hover: #333; /* @type color */ /* @desc 日历面板日期字体颜色（hover状态）,如：#223325 */ --calendar-item-border-color-hover: var(--calendar-item-border-color); /* @type color */ /* @desc 日历面板日期边框颜色（选中状态）,如：#223325 */ --calendar-item-background-hover: var(--background-color-hover); /* @type color */ /* @desc 日历面板日期背景颜色（选中状态）,如：#223325 */ --calendar-item-color-selected: var(--field-background); /* @type color */ /* @desc 日历面板日期字体颜色（选中状态）,如：#223325 */ --calendar-item-border-color-selected: var(--calendar-item-border-color); /* @type color */ /* @desc 日历面板日期边框颜色（选中状态）,如：#223325 */ --calendar-item-background-selected: var(--brand-primary); /* @type color */ /* @desc 日历面板日期背景颜色（选中状态）,如：#223325 */ --calendar-item-color-muted: var(--color-light); /* @type color */ /* @desc 日历面板其他月份日期字体颜色,如：#223325 */ --calendar-item-color-today: var(--brand-primary); /* @type color */ /* @desc 日历面板今日字体颜色,如：#223325 */ --calendar-item-color-disabled: var(--color-light); /* @type color */ /* @desc 日历面板禁用日期字体颜色,如：#223325 */ --calendar-item-background-disabled: var(--background-color-disabled); /* @type color */ /* @desc 日历面板禁用日期背景颜色,如：#223325 */ --calendar-item-color-selected-disabled: var(--color-light); /* @type color */ /* @desc 日历面板日期字体颜色（禁用选择状态）,如：#223325 */ --calendar-item-background-selected-disabled: #eee; /* @type color */ /* @desc 日历面板日期背景颜色（禁用选择状态）,如：#223325 */ --calendar-item-week-color: #F24957; /* @type color */ /* @desc 日历面板week字体颜色,如：#223325 */ --calendar-width: 300px; /* @hidden */ --calendar-range-width: 600px; /* @hidden */ --calendar-padding: 15px; /* @hidden */ --calendar-icon-color: var(--gray-dark); /* @type color */ /* @desc 日历面板icon字体颜色,如：#223325 */ --calendar-icon-color-hover: var(--gray-darker); /* @type color */ /* @desc 日历面板icon字体颜色（hover状态）,如：#223325 */ --calendar-icon-color-disabled: var(--gray-lighter); /* @type color */ /* @desc 日历面板icon字体颜色（禁用状态）,如：#223325 */ --calendar-date-background-disabled: var(--brand-disabled); /* @type color */ /* @desc 时间表格背景颜色（禁用状态）,如：#223325 */ --calendar-showtext-color-hover: var(--brand-primary); /* @type color */ /* @desc 日历面板头部年月字体颜色,如：#223325 */ /* @component u-date-picker */ --datepicker-input-pre-icon-color: var(--gray-light); /* @type color */ /* @desc 日期选择器前缀图标颜色,如：#223325 */ /* @prefix datepicker-input */ --datepicker-input-after-icon-color: var(--gray-light); /* @type color */ /* @desc 日期选择器后缀图标颜色,如：#223325 */ /* @prefix datepicker-input */ --datepicker-input-border-color: var(--input-border-color); /* @type color */ /* @desc 日期选择器输入框边框颜色,如：#223325 */ /* @prefix datepicker-input */ /* @depStaticStyles ["border-color"] */ --datepicker-input-border-width: var(--input-border-width); /* @desc 日期选择器输入框边框宽度,如：1px */ /* @prefix datepicker-input */ /* @depStaticStyles ["border-top-width", "border-right-width", "border-bottom-width", "border-left-width"] */ --datepicker-input-color: var(--input-color); /* @type color */ /* @desc 日期选择器输入框字体颜色,如：#223325 */ /* @prefix datepicker-input */ /* @depStaticStyles ["color"] */ --datepicker-input-background: var(--input-background); /* @type color */ /* @desc 日期选择器输入框背景颜色,如：#223325 */ /* @prefix datepicker-input */ /* @depStaticStyles ["background-color"] */ --datepicker-input-border-radius: var(--input-border-radius); /* @desc 日期选择器输入框圆角,如：1px */ /* @prefix datepicker-input */ /* @depStaticStyles ["border-top-left-radius", "border-top-right-radius", "border-bottom-left-radius", "border-bottom-right-radius"] */ --datepicker-input-background-disabled: var(--input-background-disabled); /* @type color */ /* @desc 日期选择器输入框背景颜色（禁用状态）,如：1px */ /* @prefix datepicker-input */ --datepicker-input-border-color-error: var(--input-border-color-error); /* hidden */ /* @desc 日期选择器输入框边框颜色（错误状态）,如：1px */ /* @prefix datepicker-input */ --datepicker-input-border-color-focus: var(--input-border-color-focus); /* hidden */ /* @desc 日期选择器输入框边框颜色（选中状态）,如：1px */ /* @prefix datepicker-input */ --datepicker-input-box-shadow-focus: var(--input-box-shadow-focus); /* hidden */ --datepicker-input-placeholder-color: var(--input-placeholder-color); /* @type color */ /* @desc 日期选择器输入框提示字体颜色,如：#223325 */ /* @prefix datepicker-input */ --datepicker-popper-box-shadow: var(--select-popper-box-shadow); /* hidden */ --datepicker-popper-border-radius: var(--border-radius-base); /* hidden */ --datepicker-input-width: var(--input-width); /* @desc 日期选择器输入框宽度,如：1px */ /* @depAttrs { "width": ["normal", null] } */ /* @prefix datepicker-input */ /* @depStaticStyles ["width"] */ --datepicker-range-input-width: var(--input-width-medium); /* @desc 日期选择器范围输入框宽度,如：1px */ /* @depAttrs { "width": ["normal", null] } */ /* @prefix datepicker-input */ /* @depStaticStyles ["width"] */ --datepicker-input-height: var(--input-height); /* @desc 日期选择器输入框高度,如：1px */ /* @depAttrs { "height": ["normal", null] } */ /* @prefix datepicker-input */ /* @depStaticStyles ["height"] */ --datepicker-input-padding-x: var(--input-padding-x); /* @desc 日期选择器输入框水平内边距,如：1px */ /* @depAttrs { "width": ["normal", null] } */ /* @prefix datepicker-input */ /* @depStaticStyles ["padding-left", "padding-right"] */ --datepicker-input-width-mini: var(--input-width-mini); /* @desc Mini日期选择器输入框宽度,如：1px */ /* @depAttrs { "width": ["mini"] } */ /* @prefix datepicker-input */ /* @depStaticStyles ["width"] */ --datepicker-input-padding-x-mini: var(--input-padding-x-mini); /* @desc Mini日期选择器输入框水平内边距,如：1px */ /* @depAttrs { "width": ["mini"] } */ /* @prefix datepicker-input */ /* @depStaticStyles ["padding-left", "padding-right"] */ --datepicker-input-height-mini: var(-input-height-mini); /* @desc Mini日期选择器输入框高度,如：1px */ /* @depAttrs { "height": ["mini"] } */ /* @prefix datepicker-input */ /* @depStaticStyles ["height"] */ --datepicker-input-width-small: var(--input-width-small); /* @desc Small日期选择器输入框宽度,如：1px */ /* @depAttrs { "width": ["small"] } */ /* @prefix datepicker-input */ /* @depStaticStyles ["width"] */ --datepicker-input-padding-x-small: var(--input-padding-x-small); /* @desc Small日期选择器输入框水平内边距,如：1px */ /* @depAttrs { "width": ["small"] } */ /* @prefix datepicker-input */ /* @depStaticStyles ["padding-left", "padding-right"] */ --datepicker-input-height-small: var(--input-height-small); /* @desc Small日期选择器输入框高度,如：1px */ /* @depAttrs { "height": ["small"] } */ /* @prefix datepicker-input */ /* @depStaticStyles ["height"] */ --datepicker-input-width-medium: var(--input-width-medium); /* @desc Medium日期选择器输入框宽度,如：1px */ /* @depAttrs { "width": ["medium"] } */ /* @prefix datepicker-input */ /* @depStaticStyles ["width"] */ --datepicker-input-padding-x-medium: var(--input-padding-x-medium); /* @desc Medium日期选择器输入框水平内边距,如：1px */ /* @depAttrs { "width": ["medium"] } */ /* @prefix datepicker-input */ /* @depStaticStyles ["padding-left", "padding-right"] */ --datepicker-input-height-medium: var(--input-height-medium); /* @desc Medium日期选择器输入框高度,如：1px */ /* @depAttrs { "height": ["medium"] } */ /* @prefix datepicker-input */ /* @depStaticStyles ["height"] */ --datepicker-input-width-large: var(--input-width-large); /* @desc Large日期选择器输入框宽度,如：1px */ /* @depAttrs { "width": ["large"] } */ /* @prefix datepicker-input */ /* @depStaticStyles ["width"] */ --datepicker-input-padding-x-large: var(--input-padding-x-large); /* @desc Large日期选择器输入框水平内边距,如：1px */ /* @depAttrs { "width": ["large"] } */ /* @prefix datepicker-input */ /* @depStaticStyles ["padding-left", "padding-right"] */ --datepicker-input-height-large: var(--input-height-large); /* @desc Large日期选择器输入框高度,如：1px */ /* @depAttrs { "height": ["large"] } */ /* @prefix datepicker-input */ /* @depStaticStyles ["height"] */ --datepicker-input-width-huge: var(--input-width-huge); /* @desc Huge日期选择器输入框宽度,如：1px */ /* @depAttrs { "width": ["huge"] } */ /* @prefix datepicker-input */ /* @depStaticStyles ["width"] */ --datepicker-input-padding-x-huge: var(--input-padding-x-huge); /* @desc Huge日期选择器输入框水平内边距,如：1px */ /* @depAttrs { "width": ["huge"] } */ /* @prefix datepicker-input */ /* @depStaticStyles ["padding-left", "padding-right"] */ --datepicker-input-height-huge: var(--input-height-huge); /* @desc Huge日期选择器输入框高度,如：1px */ /* @depAttrs { "height": ["huge"] } */ /* @prefix datepicker-input */ /* @depStaticStyles ["height"] */ --datepicker-input-padding-x-full: var(--input-padding-x-full); /* @desc Full日期选择器输入框水平内边距,如：1px */ /* @depAttrs { "width": ["full"] } */ /* @prefix datepicker-input */ /* @depStaticStyles ["padding-left", "padding-right"] */ /* @component u-date-time-picker */ --datetime-input-pre-icon-color: var(--gray-light); /* @type color */ /* @desc 日期时间选择器输入框前缀图标颜色,如：#223325 */ /* @prefix datetime-input */ --datetime-input-after-icon-color: var(--gray-light); /* @type color */ /* @desc 日期时间选择器输入框后缀图标颜色,如：#223325 */ /* @prefix datetime-input */ --datetime-input-border-color-focus: var(--input-border-color-focus); /* @hidden */ --datetime-input-box-shadow-focus: var(--input-box-shadow-focus); /* @hidden */ --datetime-input-border-color: var(--input-border-color); /* @type color */ /* @desc 日期时间选择器输入框边框颜色,如：#223325 */ /* @prefix datetime-input */ --datetime-input-border-width: var(--input-border-width); /* @desc 日期时间选择器输入框边框宽度,如：1px */ /* @prefix datetime-input */ --datetime-input-placeholder-color: var(--input-placeholder-color); /* @type color */ /* @desc 日期时间选择器输入框提示字体颜色,如：#223325 */ /* @prefix datetime-input */ --datetime-input-border-radius: var(--input-border-radius); /* @desc 日期时间选择器输入框圆角大小,如：1px */ /* @prefix datetime-input */ --datetime-input-icon-color-hover: var(--input-icon-color-hover); /* @hidden */ --datetime-input-clear-icon-color: var(--input-icon-color); /* @hidden */ --datetime-input-color: var(--input-color); /* @type color */ /* @desc 日期时间选择器输入框字体颜色,如：#223325 */ /* @prefix datetime-input */ --datetime-input-background: var(--input-background); /* @type color */ /* @desc 日期时间选择器输入框背景颜色,如：#223325 */ /* @prefix datetime-input */ --datetime-input-width: var(--input-width); /* @desc 日期时间选择器输入框宽度,如：1px */ /* @depAttrs { "width": ["normal", null] } */ /* @prefix datetime-input */ /* @depStaticStyles ["width"] */ --datetime-range-input-width: var(--input-width-large); /* @desc 日期时间范围选择器输入框宽度,如：1px */ /* @depAttrs { "width": ["normal", null] } */ /* @prefix datetime-input */ /* @depStaticStyles ["width"] */ --datetime-input-height: var(--input-height); /* @desc 日期时间选择器输入框高度,如：1px */ /* @depAttrs { "height": ["normal", null] } */ /* @prefix datetime-input */ /* @depStaticStyles ["height"] */ --datetime-input-padding-x: var(--input-padding-x); /* @desc 日期时间选择器输入框水平内边距,如：1px */ /* @depAttrs { "width": ["normal", null] } */ /* @prefix datetime-input */ /* @depStaticStyles ["padding-left", "padding-right"] */ --datetime-input-width-mini: var(--input-width-mini); /* @desc Mini日期时间选择器输入框宽度,如：1px */ /* @depAttrs { "width": ["mini"] } */ /* @prefix datetime-input */ /* @depStaticStyles ["width"] */ --datetime-input-padding-x-mini: var(--input-padding-x-mini); /* @desc Mini日期时间选择器输入框水平内边距,如：1px */ /* @depAttrs { "width": ["mini"] } */ /* @prefix datetime-input */ /* @depStaticStyles ["padding-left", "padding-right"] */ --datetime-input-height-mini: var(-input-height-mini); /* @desc Mini日期时间选择器输入框高度,如：1px */ /* @depAttrs { "height": ["mini"] } */ /* @prefix datetime-input */ /* @depStaticStyles ["height"] */ --datetime-input-width-small: var(--input-width-small); /* @desc Small日期时间选择器输入框宽度,如：1px */ /* @depAttrs { "width": ["small"] } */ /* @prefix datetime-input */ /* @depStaticStyles ["width"] */ --datetime-input-padding-x-small: var(--input-padding-x-small); /* @desc Small日期时间选择器输入框水平内边距,如：1px */ /* @depAttrs { "width": ["small"] } */ /* @prefix datetime-input */ /* @depStaticStyles ["padding-left", "padding-right"] */ --datetime-input-height-small: var(--input-height-small); /* @desc Small日期时间选择器输入框高度,如：1px */ /* @depAttrs { "height": ["small"] } */ /* @prefix datetime-input */ /* @depStaticStyles ["height"] */ --datetime-input-width-medium: var(--input-width-medium); /* @desc Medium日期时间选择器输入框宽度,如：1px */ /* @depAttrs { "width": ["medium"] } */ /* @prefix datetime-input */ /* @depStaticStyles ["width"] */ --datetime-input-padding-x-medium: var(--input-padding-x-medium); /* @desc Medium日期时间选择器输入框水平内边距,如：1px */ /* @depAttrs { "width": ["medium"] } */ /* @prefix datetime-input */ /* @depStaticStyles ["padding-left", "padding-right"] */ --datetime-input-height-medium: var(--input-height-medium); /* @desc Medium日期时间选择器输入框高度,如：1px */ /* @depAttrs { "height": ["medium"] } */ /* @prefix datetime-input */ /* @depStaticStyles ["height"] */ --datetime-input-width-large: var(--input-width-large); /* @desc Large日期时间选择器输入框宽度,如：1px */ /* @depAttrs { "width": ["large"] } */ /* @prefix datetime-input */ /* @depStaticStyles ["width"] */ --datetime-input-padding-x-large: var(--input-padding-x-large); /* @desc Large日期时间选择器输入框水平内边距,如：1px */ /* @depAttrs { "width": ["large"] } */ /* @prefix datetime-input */ /* @depStaticStyles ["padding-left", "padding-right"] */ --datetime-input-height-large: var(--input-height-large); /* @desc Large日期时间选择器输入框高度,如：1px */ /* @depAttrs { "height": ["large"] } */ /* @prefix datetime-input */ /* @depStaticStyles ["height"] */ --datetime-input-width-huge: var(--input-width-huge); /* @desc Huge日期时间选择器输入框宽度,如：1px */ /* @depAttrs { "width": ["huge"] } */ /* @prefix datetime-input */ /* @depStaticStyles ["width"] */ --datetime-input-padding-x-huge: var(--input-padding-x-huge); /* @desc Huge日期时间选择器输入框水平内边距,如：1px */ /* @depAttrs { "width": ["huge"] } */ /* @prefix datetime-input */ /* @depStaticStyles ["padding-left", "padding-right"] */ --datetime-input-height-huge: var(--input-height-huge); /* @desc Huge日期时间选择器输入框高度,如：1px */ /* @depAttrs { "height": ["huge"] } */ /* @prefix datetime-input */ /* @depStaticStyles ["height"] */ --datetime-input-padding-x-full: var(--input-padding-x-full); /* @desc Full日期时间选择器输入框水平内边距,如：1px */ /* @depAttrs { "width": ["full"] } */ /* @prefix datetime-input */ /* @depStaticStyles ["padding-left", "padding-right"] */ --datetime-popper-border-color: var(--border-color-base); /* @type color */ /* @desc 日期时间选择器选择框边框颜色,如：#223325 */ /* @prefix datetime */ --datetime-popper-border-radius: var(--border-radius-base); /* @desc 日期时间选择器选择框圆角,如：1px */ /* @prefix datetime */ /* @component u-capsules */ --capsules-capsule-font-size: var(--font-size-base); --capsules-capsule-padding-x: 4px; --capsules-capsule-padding-y: 20px; --capsules-capsule-background: var(--color-white); --capsules-capsule-background-selected: var(--brand-primary); --capsules-capsule-background-selected-hover: var(--brand-primary-light); --capsules-capsule-background-selected-disabled: var(--brand-primary-disabled); --capsules-capsule-background-disabled: var(--background-color-disabled); --capsules-capsule-color: var(--color-base); --capsules-capsule-color-hover: var(--brand-primary); --capsules-capsule-color-selected: var(--color-white); --capsules-capsule-color-disabled: var(--gray-base); --capsules-capsule-color-selected-disabled: var(--color-white); --capsules-capsule-cursor: var(--cursor-pointer); --capsules-capsule-cursor-disabled: var(--cursor-not-allowed); --capsules-capsule-border-color: var(--border-color-base); --capsules-capsule-border-color-hover: var(--brand-primary); --capsules-capsule-border-color-selected: var(--brand-primary); --capsules-capsule-border-color-selected-hover: var(--brand-primary-light); --capsules-capsule-border-color-selected-disabled: var(--brand-primary-disabled); --capsules-capsule-flag-border-color: var(--brand-danger); --capsules-capsule-label-background: var(--brand-error); --capsules-capsule-label-color: var(--color-white); /* @component u-taskbox */ --taskbox-icon-font-size: 24px; /* @desc 任务箱图标大小,如：1px */ --taskbox-badge-box-shadow: none; /* @hidden */ /** * ======================== * 特效 * ======================== */ /* @component e-ripple @hidden */ --ripple-transition: transform 1s, background-color 1s; --ripple-background: rgba(0, 0, 0, 0.2); --ripple-background-light: rgba(255, 255, 255, 0.2); --ripple-size: 100px; /* @component m-group @hidden */ --group-head-padding: 2px 4px; --group-head-background: var(--background-color-dark); --group-expander-size: 26px; --group-expander-color-disabled: var(--brand-disabled); /* @component m-popper @hidden */ --popper-box-shadow: var(--box-shadow-base); /* @component u-grid-layout @hidden*/ --grid-layout-column-gap-none: 0; --grid-layout-column-gap-mini: 4px; --grid-layout-column-gap-small: 8px; --grid-layout-column-gap-normal: 16px; --grid-layout-column-gap-large: 24px; --grid-layout-column-gap-huge: 32px; --grid-layout-column-content-gap-shrink: var(--space-shrink); --grid-layout-column-content-gap-none: 0; --grid-layout-column-content-gap-mini: var(--space-mini); --grid-layout-column-content-gap-small: var(--space-small); --grid-layout-column-content-gap-normal: var(--space-base); --grid-layout-column-content-gap-large: var(--space-large); } @custom-media --mini-window (max-width: 479px); @custom-media --small-window (max-width: 767px); @custom-media --medium-window (max-width: 959px); @custom-media --large-window (max-width: 1179px); @custom-media --huge-window (max-width: 1439px);