@white: #fff; @primary-color: #00acff; // 全局主色 @button-primary-color: @primary-color; @button-primary-hover-color: lighten(@primary-color, 5%); @button-primary-active-color: darken(@primary-color, 5%); @link-color: #00acff; // 链接色 @success-color: #17BE6B; // 成功色 @warning-color: #FF9901; // 警告色 @error-color: #FF1744; // 错误色 @normal-color: #e6e4e4; // 普通色 @font-size-base: 12px; // 主字号 @font-size-lg:12px; @heading-font-size-lg:16px;//标题字号 @heading-font-weight:600;//标题加粗 @font-line-height:22px;//文字行高 @heading-font-line-height:24px;//标题文字行高 @heading-color: rgba(0, 0, 0, 0.85); // 标题色 @text-color: #323232; // 主文本色 @text-color-secondary: rgba(0, 0, 0, 0.45); // 次文本色 @disabled-color: #BFBFBF; // 失效色 @border-radius-base: 2px; // 组件/浮层圆角 @border-color-base: #dcdfe2; // 边框色 @box-shadow-base: 0 2px 8px rgba(0, 0, 0, 0.15); // 浮层阴影 @layout-body-background: #f0f2f5; //框架背景色 @layout-header-background:#37ABC4; // 头部背景色 @layout-header-color:rgba(0, 0, 0, 0.85); @layout-header-link-color: #00acff; // 顶部链接色 @layout-sider-color:#323232;//侧边导航标题颜色 @layout-sider-background:#f7f9fb;//侧边导航背景色 @layout-nav-background:#f0f3f5;//nav背景色 @layout-nav-color:#52616f;//nav字体颜色 @layout-nav-hover:#fff;//navHover背景色 @layout-nav-check-color:#00acff;//nav选中颜色 @layout-sider-width:208px; //侧边导航宽度 @layout-sider-arrow-color:#808d96;//侧边导航箭头颜色 @border-style-base:solid; @layout-header-height:48px;//头部高度 @line-height-base:22px; //todo 1.5715; //btn @btn-height-base:30px; @btn-height-lg: 30px; @btn-disable-color: #9b9b9b;//禁用按钮color @btn-disable-bg: #dfe3e9;//禁用按钮background @btn-disable-border: 1px solid #ced0da; @btn-border-radius-base: @border-radius-base;//圆角边框 @btn-border-width: 1px; @btn-border-style: @border-style-base; @btn-text-hover-bg: #46ebdb; @btn-font-size-lg: @font-size-lg; //input @input-height-base: 30px; @input-hover-focus-border-color:#a5a5b5; // @input-hover-border-color: rgba(0,0,0,.85);//鼠标滑过input边框 //form @label-color:#52616f;//form-lable颜色 @form-vertical-label-padding: 0;//垂直lable之间内间距 @form-vertical-label-margin: 0,0,16,0px;//垂直lable之间外间距 @form-item-label-height:@input-height-base; @form-item-margin-bottom: 16px; //menu @menu-item-height: 48px; @menu-item-active-bg: none; @menu-item-boundary-margin: 0px; //spin @spin-dot-size-sm: 14px; @spin-dot-size: 20px; @spin-dot-size-lg: 32px; @border-width-base: 1px; @border-style-base: solid; //nav @nav-open-width:200px; @nav-width:48px; //table @table-padding-vertical: 16px; @table-padding-horizontal: 16px; @table-padding-vertical-md: (@table-padding-vertical * 3 / 4); @table-padding-horizontal-md: (@table-padding-vertical * 3 / 4);