@jecloud/ui/es/assets/styles/variable.less

JECloud UI库，基于ant-design-vue封装

@root-entry-name: default;
@import 'ant-design-vue/es/style/themes/index.less';

@text-color:#3f3f3f;

/*font*/
@vxe-font-family: @font-family;
@vxe-font-color: @text-color;
@vxe-font-size: 14px;
@vxe-font-size-large: @vxe-font-size;
@vxe-font-size-middle: @vxe-font-size;
@vxe-font-size-small: @vxe-font-size;
@vxe-font-size-mini: @vxe-font-size;

/*size*/
@vxe-border-radius: 6px;

/*icon*/
@vxe-icon-font-family: Verdana,Arial,Tahoma;
@vxe-icon-background-color: #fff;

/*color*/
@vxe-primary-color: @primary-color;
@vxe-success-color: @success-color;
@vxe-info-color: @info-color;
@vxe-warning-color: @warning-color;
@vxe-danger-color: @error-color;
@vxe-disabled-color: #BFBFBF;
@vxe-primary-disabled-color: #c0c4cc;

/*input/radio/checkbox*/
@vxe-input-border-color: #dcdfe6;
@vxe-input-disabled-color: #dcdfe6;
@vxe-input-disabled-background-color: #f3f3f3;
@vxe-input-placeholder-color: #C0C4CC;

/*popup*/
@vxe-table-popup-border-color: #DADCE0;

/*table*/
@vxe-table-font-color: @vxe-font-color;
@vxe-table-header-font-color: @vxe-font-color;
@vxe-table-footer-font-color: @vxe-font-color;
@vxe-table-border-radius: @vxe-border-radius;
@vxe-table-border-width: 1px;
@vxe-table-border-color: #e6e6e6;
@vxe-table-resizable-line-color: #D9DDDF;
@vxe-table-resizable-drag-line-color: @vxe-primary-color;
@vxe-table-header-background-color: @vxe-table-header-bg;
@vxe-table-body-background-color: #ffffff;
@vxe-table-footer-background-color: #ffffff;
@vxe-table-tree-node-line-color:#909399;
@vxe-table-tree-node-line-style: dotted;
@vxe-table-header-font-weight: 500;

@vxe-table-row-height-large: 54px;
@vxe-table-row-height-middle: 48px;
@vxe-table-row-height-small: 40px;
@vxe-table-row-height-mini: 32px;
@vxe-table-row-line-height: 22px;

@vxe-table-row-checkbox-color: #A9A9A9;





@vxe-table-row-striped-bg: #F9F9F9; // 斑马纹
@vxe-table-row-hover-bg: @primary-2;  // 行悬浮
@vxe-table-row-checked-bg: @primary-2;  // 行选中
@vxe-table-row-checked-hover-bg:@vxe-table-row-checked-bg;// 行选中悬浮

@vxe-table-header-bg:#F5F5F5;


@vxe-table-row-hover-background-color: @vxe-table-row-hover-bg;

@vxe-table-row-striped-background-color: @vxe-table-row-striped-bg;
@vxe-table-row-hover-striped-background-color: @vxe-table-row-hover-bg;

@vxe-table-row-radio-checked-background-color: @vxe-table-row-checked-bg;
@vxe-table-row-hover-radio-checked-background-color: @vxe-table-row-checked-hover-bg;

@vxe-table-row-checkbox-checked-background-color: @vxe-table-row-checked-bg;
@vxe-table-row-hover-checkbox-checked-background-color: @vxe-table-row-checked-hover-bg;

@vxe-table-row-current-background-color:  @vxe-table-row-checked-bg;
@vxe-table-row-hover-current-background-color: @vxe-table-row-checked-hover-bg;

@vxe-table-column-hover-background-color: @vxe-table-row-hover-bg;
@vxe-table-column-current-background-color: @vxe-table-row-hover-bg;
@vxe-table-column-icon-border-color: #c0c4cc;
@vxe-table-column-icon-border-hover-color: #515A6E;

@vxe-table-cell-placeholder-color: #C0C4CC;
@vxe-table-cell-padding-left: 10px;
@vxe-table-cell-padding-right: 10px;
@vxe-table-cell-input-height-large: @vxe-table-row-height-large - 6;
@vxe-table-cell-input-height-middle: @vxe-table-row-height-middle - 6;
@vxe-table-cell-input-height-small: @vxe-table-row-height-small - 6;
@vxe-table-cell-input-height-mini: @vxe-table-row-height-mini - 6;
@vxe-table-cell-dirty-width: 5px;
@vxe-table-cell-dirty-update-color: #f56c6c;
@vxe-table-cell-dirty-insert-color: #19A15F;
@vxe-table-cell-area-border-color: @vxe-primary-color;
@vxe-table-cell-area-border-width: 1px;
@vxe-table-cell-main-area-extension-border-color: #fff;
@vxe-table-cell-main-area-extension-background-color: @vxe-primary-color;
@vxe-table-cell-extend-area-border-width: 2px;
@vxe-table-cell-copy-area-border-width: 3px;
@vxe-table-cell-active-area-border-width: 2px;
@vxe-table-cell-copy-area-border-color: @vxe-table-cell-area-border-color;
@vxe-table-cell-extend-area-border-color: @vxe-table-cell-area-border-color;
@vxe-table-cell-active-area-border-color: @vxe-table-cell-area-border-color;
@vxe-table-cell-area-background-color: rgba(64,158,255,0.2);

@vxe-table-checkbox-range-border-width: 1px;
@vxe-table-checkbox-range-border-color: #006af1;
@vxe-table-checkbox-range-background-color: rgba(50,128,252,0.2);

@vxe-table-fixed-left-scrolling-box-shadow: 4px 3px 4px 0px rgba(0, 0, 0, 0.12);
@vxe-table-fixed-right-scrolling-box-shadow: -4px 3px 4px 0px rgba(0, 0, 0, 0.12);

/*filter*/
@vxe-table-filter-panel-background-color: #fff;

/*menu*/
@vxe-table-menu-item-width: 178px;
@vxe-table-menu-background-color: #fff;

/*loading*/
@vxe-loading-background-color: rgba(0, 0, 0, 0.2);
@vxe-loading-z-index: 999;

/*validate*/
@vxe-table-validate-error-color: #f56c6c;
@vxe-table-validate-tooltip-error-color: #fff;
@vxe-table-validate-tooltip-error-background-color: @vxe-table-validate-error-color;

/*grid*/
@vxe-grid-maximize-background-color: #fff;

/*toolbar*/
@vxe-toolbar-background-color: #fff;
@vxe-toolbar-height-large: 52px;
@vxe-toolbar-height-middle: 50px;
@vxe-toolbar-height-small: 48px;
@vxe-toolbar-height-mini: 46px;
@vxe-toolbar-custom-active-background-color: #D9DADB;
@vxe-toolbar-panel-background-color: #fff;

/*tooltip*/
@vxe-tooltip-dark-color: #fff;
@vxe-tooltip-dark-background-color: #303133;
@vxe-tooltip-light-background-color: #fff;
@vxe-tooltip-validate-error-color: #fff;
@vxe-tooltip-validate-error-background-color: #f56c6c;

/*pager*/
@vxe-pager-background-color: #fff;
@vxe-pager-perfect-background-color: #fff;
@vxe-pager-perfect-button-background-color: #f4f4f5;

/*modal*/
@vxe-modal-header-background-color: #F8F8F8;
@vxe-modal-body-background-color: #fff;
@vxe-modal-border-color: #ebeef5;

/*checkbox*/
@vxe-checkbox-font-size-large: 18px;
@vxe-checkbox-font-size-middle: 18px;
@vxe-checkbox-font-size-small: 16px;
@vxe-checkbox-font-size-mini: 14px;
@vxe-checkbox-checked-width: 0.32em;
@vxe-checkbox-checked-height: 0.64em;
@vxe-checkbox-indeterminate-width: 0.6em;
@vxe-checkbox-indeterminate-height: 2px;
@vxe-checkbox-border-width: 2px;
@vxe-checkbox-border-radius: 2px;
@vxe-checkbox-icon-background-color: #fff;
@vxe-checkbox-checked-icon-border-color: #fff;
@vxe-checkbox-indeterminate-icon-background-color: #fff;

/*radio*/
@vxe-radio-font-size-large: @vxe-checkbox-font-size-large;
@vxe-radio-font-size-middle: @vxe-checkbox-font-size-middle;
@vxe-radio-font-size-small: @vxe-checkbox-font-size-small;
@vxe-radio-font-size-mini: @vxe-checkbox-font-size-mini;
@vxe-radio-border-width: @vxe-checkbox-border-width;
@vxe-radio-icon-background-color: #fff;
@vxe-radio-checked-icon-background-color: #fff;
@vxe-radio-indeterminate-icon-background-color: #fff;
@vxe-radio-button-large-background-color: #fff;

/*button*/
@vxe-button-max-width: 500px;
@vxe-button-large-background-color: #fff;
@vxe-button-dropdown-panel-background-color: #fff;
@vxe-button-height-large: 34px;
@vxe-button-height-middle: 32px;
@vxe-button-height-small: 30px;
@vxe-button-height-mini: 28px;

/*input*/
@vxe-input-background-color: #fff;
@vxe-input-panel-background-color: @vxe-input-background-color;
@vxe-input-date-festival-color: #999999;
@vxe-input-date-festival-important-color: @vxe-primary-color;
@vxe-input-date-notice-background-color: #FF0000;
@vxe-input-date-picker-hover-background-color: #f2f6fc;
@vxe-input-date-picker-selected-color: #fff;
@vxe-input-date-time-confirm-button-color: #fff;
@vxe-input-date-picker-festival-selected-color: @vxe-input-date-picker-selected-color;
@vxe-input-date-picker-notice-selected-background-color: @vxe-input-date-picker-selected-color;
@vxe-input-date-extra-color: #67c23a;
@vxe-input-date-extra-important-color: #fd2222;
@vxe-input-date-title-height-large: 30px;
@vxe-input-date-title-height-middle: 29px;
@vxe-input-date-title-height-small: 28px;
@vxe-input-date-title-height-mini: 26px;
@vxe-input-date-time-week-row-height-large: 38px;
@vxe-input-date-time-week-row-height-middle: 36px;
@vxe-input-date-time-week-row-height-small: 34px;
@vxe-input-date-time-week-row-height-mini: 32px;
@vxe-input-date-month-year-row-height-large: 48px;
@vxe-input-date-month-year-row-height-middle: 46px;
@vxe-input-date-month-year-row-height-small: 44px;
@vxe-input-date-month-year-row-height-mini: 42px;
@vxe-input-date-quarter-row-height-large: 60px;
@vxe-input-date-quarter-row-height-middle: 58px;
@vxe-input-date-quarter-row-height-small: 56px;
@vxe-input-date-quarter-row-height-mini: 54px;
@vxe-input-height-large: @vxe-button-height-large;
@vxe-input-height-middle: @vxe-button-height-middle;
@vxe-input-height-small: @vxe-button-height-small;
@vxe-input-height-mini: @vxe-button-height-mini;

/*textarea*/
@vxe-textarea-line-height: 1.5715;
@vxe-textarea-background-color: #fff;
@vxe-textarea-count-color: #999;
@vxe-textarea-count-background-color: #fff;
@vxe-textarea-count-error-color: @vxe-table-validate-error-color;

/*form*/
@vxe-form-item-min-height-large: 36px;
@vxe-form-item-min-height-middle: 34px;
@vxe-form-item-min-height-small: 32px;
@vxe-form-item-min-height-mini: 30px;
@vxe-form-background-color: #fff;
@vxe-form-validate-error-color: @vxe-table-validate-error-color;
@vxe-form-validate-error-background-color: inherit;

/*select*/
@vxe-select-option-height-large: 30px;
@vxe-select-option-height-middle: 28px;
@vxe-select-option-height-small: 26px;
@vxe-select-option-height-mini: 24px;
@vxe-select-option-hover-background-color: #f5f7fa;
@vxe-select-panel-background-color: #fff;
@vxe-select-empty-color: #C0C4CC;
@vxe-optgroup-title-color:#909399;

/*switch*/
@vxe-switch-font-color: #fff;
@vxe-switch-icon-background-color: #fff;
@vxe-switch-open-background-color: @vxe-primary-color;
@vxe-switch-close-background-color: rgba(0,0,0,0.35);
@vxe-switch-disabled-background-color: rgba(0,0,0,0.15);

/*pulldown*/
@vxe-pulldown-panel-background-color: #fff;