mirror of
https://gitee.com/orangeform/orange-admin.git
synced 2026-01-17 18:46:36 +08:00
commit：微服务工程目录
This commit is contained in:
Jerry
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,998 @@
|
||||
/* Element Chalk Variables */
|
||||
|
||||
// Special comment for theme configurator
|
||||
// type|skipAutoTranslation|Category|Order
|
||||
// skipAutoTranslation 1
|
||||
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
$--all-transition: all .3s cubic-bezier(.645,.045,.355,1) !default;
|
||||
$--fade-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) !default;
|
||||
$--fade-linear-transition: opacity 200ms linear !default;
|
||||
$--md-fade-transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) !default;
|
||||
$--border-transition-base: border-color .2s cubic-bezier(.645,.045,.355,1) !default;
|
||||
$--color-transition-base: color .2s cubic-bezier(.645,.045,.355,1) !default;
|
||||
|
||||
/* Color
|
||||
-------------------------- */
|
||||
// color for left sidebar title
|
||||
$--color-sidebar-title-text: #381524;
|
||||
// color for left sidebar background
|
||||
$--color-menu-background: #FFFFFF;
|
||||
/// color|1|Brand Color|0
|
||||
$--color-primary: #409EFF !default;
|
||||
/// color|1|Background Color|4
|
||||
$--color-white: #FFFFFF !default;
|
||||
/// color|1|Background Color|4
|
||||
$--color-black: #000000 !default;
|
||||
$--color-primary-light-1: mix($--color-white, $--color-primary, 10%) !default; /* 53a8ff */
|
||||
$--color-primary-light-2: mix($--color-white, $--color-primary, 20%) !default; /* 66b1ff */
|
||||
$--color-primary-light-3: mix($--color-white, $--color-primary, 30%) !default; /* 79bbff */
|
||||
$--color-primary-light-4: mix($--color-white, $--color-primary, 40%) !default; /* 8cc5ff */
|
||||
$--color-primary-light-5: mix($--color-white, $--color-primary, 50%) !default; /* a0cfff */
|
||||
$--color-primary-light-6: mix($--color-white, $--color-primary, 60%) !default; /* b3d8ff */
|
||||
$--color-primary-light-7: mix($--color-white, $--color-primary, 70%) !default; /* c6e2ff */
|
||||
$--color-primary-light-8: mix($--color-white, $--color-primary, 80%) !default; /* d9ecff */
|
||||
$--color-primary-light-9: mix($--color-white, $--color-primary, 90%) !default; /* ecf5ff */
|
||||
/// color|1|Functional Color|1
|
||||
$--color-success: #67C23A !default;
|
||||
/// color|1|Functional Color|1
|
||||
$--color-warning: #E6A23C !default;
|
||||
/// color|1|Functional Color|1
|
||||
$--color-danger: #F56C6C !default;
|
||||
/// color|1|Functional Color|1
|
||||
$--color-info: #909399 !default;
|
||||
|
||||
$--color-success-light: mix($--color-white, $--color-success, 80%) !default;
|
||||
$--color-warning-light: mix($--color-white, $--color-warning, 80%) !default;
|
||||
$--color-danger-light: mix($--color-white, $--color-danger, 80%) !default;
|
||||
$--color-info-light: mix($--color-white, $--color-info, 80%) !default;
|
||||
|
||||
$--color-success-lighter: mix($--color-white, $--color-success, 90%) !default;
|
||||
$--color-warning-lighter: mix($--color-white, $--color-warning, 90%) !default;
|
||||
$--color-danger-lighter: mix($--color-white, $--color-danger, 90%) !default;
|
||||
$--color-info-lighter: mix($--color-white, $--color-info, 90%) !default;
|
||||
/// color|1|Font Color|2
|
||||
$--color-text-primary: #303133 !default;
|
||||
/// color|1|Font Color|2
|
||||
$--color-text-regular: #606266 !default;
|
||||
/// color|1|Font Color|2
|
||||
$--color-text-secondary: #909399 !default;
|
||||
/// color|1|Font Color|2
|
||||
$--color-text-placeholder: #C0C4CC !default;
|
||||
/// color|1|Border Color|3
|
||||
$--border-color-base: #DCDFE6 !default;
|
||||
/// color|1|Border Color|3
|
||||
$--border-color-light: #E4E7ED !default;
|
||||
/// color|1|Border Color|3
|
||||
$--border-color-lighter: #EBEEF5 !default;
|
||||
/// color|1|Border Color|3
|
||||
$--border-color-extra-light: #F2F6FC !default;
|
||||
|
||||
// Background
|
||||
/// color|1|Background Color|4
|
||||
$--background-color-base: #F5F7FA !default;
|
||||
|
||||
/* Link
|
||||
-------------------------- */
|
||||
$--link-color: $--color-primary-light-2 !default;
|
||||
$--link-hover-color: $--color-primary !default;
|
||||
|
||||
/* Border
|
||||
-------------------------- */
|
||||
$--border-width-base: 1px !default;
|
||||
$--border-style-base: solid !default;
|
||||
$--border-color-hover: $--color-text-placeholder !default;
|
||||
$--border-base: $--border-width-base $--border-style-base $--border-color-base !default;
|
||||
/// borderRadius|1|Radius|0
|
||||
$--border-radius-base: 4px !default;
|
||||
/// borderRadius|1|Radius|0
|
||||
$--border-radius-small: 2px !default;
|
||||
/// borderRadius|1|Radius|0
|
||||
$--border-radius-circle: 100% !default;
|
||||
/// borderRadius|1|Radius|0
|
||||
$--border-radius-zero: 0 !default;
|
||||
|
||||
// Box-shadow
|
||||
/// boxShadow|1|Shadow|1
|
||||
$--box-shadow-base: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04) !default;
|
||||
// boxShadow|1|Shadow|1
|
||||
$--box-shadow-dark: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .12) !default;
|
||||
/// boxShadow|1|Shadow|1
|
||||
$--box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default;
|
||||
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
$--fill-base: $--color-white !default;
|
||||
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
$--font-path: 'fonts' !default;
|
||||
$--font-display: 'auto' !default;
|
||||
/// fontSize|1|Font Size|0
|
||||
$--font-size-extra-large: 20px !default;
|
||||
/// fontSize|1|Font Size|0
|
||||
$--font-size-large: 18px !default;
|
||||
/// fontSize|1|Font Size|0
|
||||
$--font-size-medium: 16px !default;
|
||||
/// fontSize|1|Font Size|0
|
||||
$--font-size-base: 14px !default;
|
||||
/// fontSize|1|Font Size|0
|
||||
$--font-size-small: 13px !default;
|
||||
/// fontSize|1|Font Size|0
|
||||
$--font-size-extra-small: 12px !default;
|
||||
/// fontWeight|1|Font Weight|1
|
||||
$--font-weight-primary: 500 !default;
|
||||
/// fontWeight|1|Font Weight|1
|
||||
$--font-weight-secondary: 100 !default;
|
||||
/// fontLineHeight|1|Line Height|2
|
||||
$--font-line-height-primary: 24px !default;
|
||||
/// fontLineHeight|1|Line Height|2
|
||||
$--font-line-height-secondary: 16px !default;
|
||||
$--font-color-disabled-base: #bbb !default;
|
||||
/* Size
|
||||
-------------------------- */
|
||||
$--size-base: 14px !default;
|
||||
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
$--index-normal: 1 !default;
|
||||
$--index-top: 1000 !default;
|
||||
$--index-popper: 2000 !default;
|
||||
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
$--disabled-fill-base: $--background-color-base !default;
|
||||
$--disabled-color-base: $--color-text-placeholder !default;
|
||||
$--disabled-border-base: $--border-color-light !default;
|
||||
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
$--icon-color: #666 !default;
|
||||
$--icon-color-base: $--color-info !default;
|
||||
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/// fontSize||Font|1
|
||||
$--checkbox-font-size: 14px !default;
|
||||
/// fontWeight||Font|1
|
||||
$--checkbox-font-weight: $--font-weight-primary !default;
|
||||
/// color||Color|0
|
||||
$--checkbox-font-color: $--color-text-regular !default;
|
||||
$--checkbox-input-height: 14px !default;
|
||||
$--checkbox-input-width: 14px !default;
|
||||
/// borderRadius||Border|2
|
||||
$--checkbox-border-radius: $--border-radius-small !default;
|
||||
/// color||Color|0
|
||||
$--checkbox-background-color: $--color-white !default;
|
||||
$--checkbox-input-border: $--border-base !default;
|
||||
|
||||
/// color||Color|0
|
||||
$--checkbox-disabled-border-color: $--border-color-base !default;
|
||||
$--checkbox-disabled-input-fill: #edf2fc !default;
|
||||
$--checkbox-disabled-icon-color: $--color-text-placeholder !default;
|
||||
|
||||
$--checkbox-disabled-checked-input-fill: $--border-color-extra-light !default;
|
||||
$--checkbox-disabled-checked-input-border-color: $--border-color-base !default;
|
||||
$--checkbox-disabled-checked-icon-color: $--color-text-placeholder !default;
|
||||
|
||||
/// color||Color|0
|
||||
$--checkbox-checked-font-color: $--color-primary !default;
|
||||
$--checkbox-checked-input-border-color: $--color-primary !default;
|
||||
/// color||Color|0
|
||||
$--checkbox-checked-background-color: $--color-primary !default;
|
||||
$--checkbox-checked-icon-color: $--fill-base !default;
|
||||
|
||||
$--checkbox-input-border-color-hover: $--color-primary !default;
|
||||
/// height||Other|4
|
||||
$--checkbox-bordered-height: 40px !default;
|
||||
/// padding||Spacing|3
|
||||
$--checkbox-bordered-padding: 9px 20px 9px 10px !default;
|
||||
/// padding||Spacing|3
|
||||
$--checkbox-bordered-medium-padding: 7px 20px 7px 10px !default;
|
||||
/// padding||Spacing|3
|
||||
$--checkbox-bordered-small-padding: 5px 15px 5px 10px !default;
|
||||
/// padding||Spacing|3
|
||||
$--checkbox-bordered-mini-padding: 3px 15px 3px 10px !default;
|
||||
$--checkbox-bordered-medium-input-height: 14px !default;
|
||||
$--checkbox-bordered-medium-input-width: 14px !default;
|
||||
/// height||Other|4
|
||||
$--checkbox-bordered-medium-height: 36px !default;
|
||||
$--checkbox-bordered-small-input-height: 12px !default;
|
||||
$--checkbox-bordered-small-input-width: 12px !default;
|
||||
/// height||Other|4
|
||||
$--checkbox-bordered-small-height: 32px !default;
|
||||
$--checkbox-bordered-mini-input-height: 12px !default;
|
||||
$--checkbox-bordered-mini-input-width: 12px !default;
|
||||
/// height||Other|4
|
||||
$--checkbox-bordered-mini-height: 28px !default;
|
||||
|
||||
/// color||Color|0
|
||||
$--checkbox-button-checked-background-color: $--color-primary !default;
|
||||
/// color||Color|0
|
||||
$--checkbox-button-checked-font-color: $--color-white !default;
|
||||
/// color||Color|0
|
||||
$--checkbox-button-checked-border-color: $--color-primary !default;
|
||||
|
||||
|
||||
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/// fontSize||Font|1
|
||||
$--radio-font-size: $--font-size-base !default;
|
||||
/// fontWeight||Font|1
|
||||
$--radio-font-weight: $--font-weight-primary !default;
|
||||
/// color||Color|0
|
||||
$--radio-font-color: $--color-text-regular !default;
|
||||
$--radio-input-height: 14px !default;
|
||||
$--radio-input-width: 14px !default;
|
||||
/// borderRadius||Border|2
|
||||
$--radio-input-border-radius: $--border-radius-circle !default;
|
||||
/// color||Color|0
|
||||
$--radio-input-background-color: $--color-white !default;
|
||||
$--radio-input-border: $--border-base !default;
|
||||
/// color||Color|0
|
||||
$--radio-input-border-color: $--border-color-base !default;
|
||||
/// color||Color|0
|
||||
$--radio-icon-color: $--color-white !default;
|
||||
|
||||
$--radio-disabled-input-border-color: $--disabled-border-base !default;
|
||||
$--radio-disabled-input-fill: $--disabled-fill-base !default;
|
||||
$--radio-disabled-icon-color: $--disabled-fill-base !default;
|
||||
|
||||
$--radio-disabled-checked-input-border-color: $--disabled-border-base !default;
|
||||
$--radio-disabled-checked-input-fill: $--disabled-fill-base !default;
|
||||
$--radio-disabled-checked-icon-color: $--color-text-placeholder !default;
|
||||
|
||||
/// color||Color|0
|
||||
$--radio-checked-font-color: $--color-primary !default;
|
||||
/// color||Color|0
|
||||
$--radio-checked-input-border-color: $--color-primary !default;
|
||||
/// color||Color|0
|
||||
$--radio-checked-input-background-color: $--color-white !default;
|
||||
/// color||Color|0
|
||||
$--radio-checked-icon-color: $--color-primary !default;
|
||||
|
||||
$--radio-input-border-color-hover: $--color-primary !default;
|
||||
|
||||
$--radio-bordered-height: 40px !default;
|
||||
$--radio-bordered-padding: 12px 20px 0 10px !default;
|
||||
$--radio-bordered-medium-padding: 10px 20px 0 10px !default;
|
||||
$--radio-bordered-small-padding: 8px 15px 0 10px !default;
|
||||
$--radio-bordered-mini-padding: 6px 15px 0 10px !default;
|
||||
$--radio-bordered-medium-input-height: 14px !default;
|
||||
$--radio-bordered-medium-input-width: 14px !default;
|
||||
$--radio-bordered-medium-height: 36px !default;
|
||||
$--radio-bordered-small-input-height: 12px !default;
|
||||
$--radio-bordered-small-input-width: 12px !default;
|
||||
$--radio-bordered-small-height: 32px !default;
|
||||
$--radio-bordered-mini-input-height: 12px !default;
|
||||
$--radio-bordered-mini-input-width: 12px !default;
|
||||
$--radio-bordered-mini-height: 28px !default;
|
||||
|
||||
/// fontSize||Font|1
|
||||
$--radio-button-font-size: $--font-size-base !default;
|
||||
/// color||Color|0
|
||||
$--radio-button-checked-background-color: $--color-primary !default;
|
||||
/// color||Color|0
|
||||
$--radio-button-checked-font-color: $--color-white !default;
|
||||
/// color||Color|0
|
||||
$--radio-button-checked-border-color: $--color-primary !default;
|
||||
$--radio-button-disabled-checked-fill: $--border-color-extra-light !default;
|
||||
|
||||
/* Select
|
||||
-------------------------- */
|
||||
$--select-border-color-hover: $--border-color-hover !default;
|
||||
$--select-disabled-border: $--disabled-border-base !default;
|
||||
/// fontSize||Font|1
|
||||
$--select-font-size: $--font-size-base !default;
|
||||
$--select-close-hover-color: $--color-text-secondary !default;
|
||||
|
||||
$--select-input-color: $--color-text-placeholder !default;
|
||||
$--select-multiple-input-color: #666 !default;
|
||||
/// color||Color|0
|
||||
$--select-input-focus-border-color: $--color-primary !default;
|
||||
/// fontSize||Font|1
|
||||
$--select-input-font-size: 14px !default;
|
||||
|
||||
$--select-option-color: $--color-text-regular !default;
|
||||
$--select-option-disabled-color: $--color-text-placeholder !default;
|
||||
$--select-option-disabled-background: $--color-white !default;
|
||||
/// height||Other|4
|
||||
$--select-option-height: 34px !default;
|
||||
$--select-option-hover-background: $--background-color-base !default;
|
||||
/// color||Color|0
|
||||
$--select-option-selected-font-color: $--color-primary !default;
|
||||
$--select-option-selected-hover: $--background-color-base !default;
|
||||
|
||||
$--select-group-color: $--color-info !default;
|
||||
$--select-group-height: 30px !default;
|
||||
$--select-group-font-size: 12px !default;
|
||||
|
||||
$--select-dropdown-background: $--color-white !default;
|
||||
$--select-dropdown-shadow: $--box-shadow-light !default;
|
||||
$--select-dropdown-empty-color: #999 !default;
|
||||
/// height||Other|4
|
||||
$--select-dropdown-max-height: 274px !default;
|
||||
$--select-dropdown-padding: 6px 0 !default;
|
||||
$--select-dropdown-empty-padding: 10px 0 !default;
|
||||
$--select-dropdown-border: solid 1px $--border-color-light !default;
|
||||
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
$--alert-padding: 8px 16px !default;
|
||||
/// borderRadius||Border|2
|
||||
$--alert-border-radius: $--border-radius-base !default;
|
||||
/// fontSize||Font|1
|
||||
$--alert-title-font-size: 13px !default;
|
||||
/// fontSize||Font|1
|
||||
$--alert-description-font-size: 12px !default;
|
||||
/// fontSize||Font|1
|
||||
$--alert-close-font-size: 12px !default;
|
||||
/// fontSize||Font|1
|
||||
$--alert-close-customed-font-size: 13px !default;
|
||||
|
||||
$--alert-success-color: $--color-success-lighter !default;
|
||||
$--alert-info-color: $--color-info-lighter !default;
|
||||
$--alert-warning-color: $--color-warning-lighter !default;
|
||||
$--alert-danger-color: $--color-danger-lighter !default;
|
||||
|
||||
/// height||Other|4
|
||||
$--alert-icon-size: 16px !default;
|
||||
/// height||Other|4
|
||||
$--alert-icon-large-size: 28px !default;
|
||||
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/// color||Color|0
|
||||
$--messagebox-title-color: $--color-text-primary !default;
|
||||
$--msgbox-width: 420px !default;
|
||||
$--msgbox-border-radius: 4px !default;
|
||||
/// fontSize||Font|1
|
||||
$--messagebox-font-size: $--font-size-large !default;
|
||||
/// fontSize||Font|1
|
||||
$--messagebox-content-font-size: $--font-size-base !default;
|
||||
/// color||Color|0
|
||||
$--messagebox-content-color: $--color-text-regular !default;
|
||||
/// fontSize||Font|1
|
||||
$--messagebox-error-font-size: 12px !default;
|
||||
$--msgbox-padding-primary: 15px !default;
|
||||
/// color||Color|0
|
||||
$--messagebox-success-color: $--color-success !default;
|
||||
/// color||Color|0
|
||||
$--messagebox-info-color: $--color-info !default;
|
||||
/// color||Color|0
|
||||
$--messagebox-warning-color: $--color-warning !default;
|
||||
/// color||Color|0
|
||||
$--messagebox-danger-color: $--color-danger !default;
|
||||
|
||||
/* Message
|
||||
-------------------------- */
|
||||
$--message-shadow: $--box-shadow-base !default;
|
||||
$--message-min-width: 380px !default;
|
||||
$--message-background-color: #edf2fc !default;
|
||||
$--message-padding: 15px 15px 15px 20px !default;
|
||||
/// color||Color|0
|
||||
$--message-close-icon-color: $--color-text-placeholder !default;
|
||||
/// height||Other|4
|
||||
$--message-close-size: 16px !default;
|
||||
/// color||Color|0
|
||||
$--message-close-hover-color: $--color-text-secondary !default;
|
||||
|
||||
/// color||Color|0
|
||||
$--message-success-font-color: $--color-success !default;
|
||||
/// color||Color|0
|
||||
$--message-info-font-color: $--color-info !default;
|
||||
/// color||Color|0
|
||||
$--message-warning-font-color: $--color-warning !default;
|
||||
/// color||Color|0
|
||||
$--message-danger-font-color: $--color-danger !default;
|
||||
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
$--notification-width: 330px !default;
|
||||
/// padding||Spacing|3
|
||||
$--notification-padding: 14px 26px 14px 13px !default;
|
||||
$--notification-radius: 8px !default;
|
||||
$--notification-shadow: $--box-shadow-light !default;
|
||||
/// color||Color|0
|
||||
$--notification-border-color: $--border-color-lighter !default;
|
||||
$--notification-icon-size: 24px !default;
|
||||
$--notification-close-font-size: $--message-close-size !default;
|
||||
$--notification-group-margin-left: 13px !default;
|
||||
$--notification-group-margin-right: 8px !default;
|
||||
/// fontSize||Font|1
|
||||
$--notification-content-font-size: $--font-size-base !default;
|
||||
/// color||Color|0
|
||||
$--notification-content-color: $--color-text-regular !default;
|
||||
/// fontSize||Font|1
|
||||
$--notification-title-font-size: 16px !default;
|
||||
/// color||Color|0
|
||||
$--notification-title-color: $--color-text-primary !default;
|
||||
|
||||
/// color||Color|0
|
||||
$--notification-close-color: $--color-text-secondary !default;
|
||||
/// color||Color|0
|
||||
$--notification-close-hover-color: $--color-text-regular !default;
|
||||
|
||||
/// color||Color|0
|
||||
$--notification-success-icon-color: $--color-success !default;
|
||||
/// color||Color|0
|
||||
$--notification-info-icon-color: $--color-info !default;
|
||||
/// color||Color|0
|
||||
$--notification-warning-icon-color: $--color-warning !default;
|
||||
/// color||Color|0
|
||||
$--notification-danger-icon-color: $--color-danger !default;
|
||||
|
||||
/* Input
|
||||
-------------------------- */
|
||||
$--input-font-size: $--font-size-base !default;
|
||||
/// color||Color|0
|
||||
$--input-font-color: $--color-text-regular !default;
|
||||
/// height||Other|4
|
||||
$--input-width: 140px !default;
|
||||
/// height||Other|4
|
||||
$--input-height: 40px !default;
|
||||
$--input-border: $--border-base !default;
|
||||
$--input-border-color: $--border-color-base !default;
|
||||
/// borderRadius||Border|2
|
||||
$--input-border-radius: $--border-radius-base !default;
|
||||
$--input-border-color-hover: $--border-color-hover !default;
|
||||
/// color||Color|0
|
||||
$--input-background-color: $--color-white !default;
|
||||
$--input-fill-disabled: $--disabled-fill-base !default;
|
||||
$--input-color-disabled: $--font-color-disabled-base !default;
|
||||
/// color||Color|0
|
||||
$--input-icon-color: $--color-text-placeholder !default;
|
||||
/// color||Color|0
|
||||
$--input-placeholder-color: $--color-text-placeholder !default;
|
||||
$--input-max-width: 314px !default;
|
||||
|
||||
$--input-hover-border: $--border-color-hover !default;
|
||||
$--input-clear-hover-color: $--color-text-secondary !default;
|
||||
|
||||
$--input-focus-border: $--color-primary !default;
|
||||
$--input-focus-fill: $--color-white !default;
|
||||
|
||||
$--input-disabled-fill: $--disabled-fill-base !default;
|
||||
$--input-disabled-border: $--disabled-border-base !default;
|
||||
$--input-disabled-color: $--disabled-color-base !default;
|
||||
$--input-disabled-placeholder-color: $--color-text-placeholder !default;
|
||||
|
||||
/// fontSize||Font|1
|
||||
$--input-medium-font-size: 14px !default;
|
||||
/// height||Other|4
|
||||
$--input-medium-height: 36px !default;
|
||||
/// fontSize||Font|1
|
||||
$--input-small-font-size: 13px !default;
|
||||
/// height||Other|4
|
||||
$--input-small-height: 32px !default;
|
||||
/// fontSize||Font|1
|
||||
$--input-mini-font-size: 12px !default;
|
||||
/// height||Other|4
|
||||
$--input-mini-height: 28px !default;
|
||||
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/// color||Color|0
|
||||
$--cascader-menu-font-color: $--color-text-regular !default;
|
||||
/// color||Color|0
|
||||
$--cascader-menu-selected-font-color: $--color-primary !default;
|
||||
$--cascader-menu-fill: $--fill-base !default;
|
||||
$--cascader-menu-font-size: $--font-size-base !default;
|
||||
$--cascader-menu-radius: $--border-radius-base !default;
|
||||
$--cascader-menu-border: solid 1px $--border-color-light !default;
|
||||
$--cascader-menu-shadow: $--box-shadow-light !default;
|
||||
$--cascader-node-background-hover: $--background-color-base !default;
|
||||
$--cascader-node-color-disabled:$--color-text-placeholder !default;
|
||||
$--cascader-color-empty:$--color-text-placeholder !default;
|
||||
$--cascader-tag-background: #f0f2f5;
|
||||
|
||||
/* Group
|
||||
-------------------------- */
|
||||
$--group-option-flex: 0 0 (1/5) * 100% !default;
|
||||
$--group-option-offset-bottom: 12px !default;
|
||||
$--group-option-fill-hover: rgba($--color-black, 0.06) !default;
|
||||
$--group-title-color: $--color-black !default;
|
||||
$--group-title-font-size: $--font-size-base !default;
|
||||
$--group-title-width: 66px !default;
|
||||
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
$--tab-font-size: $--font-size-base !default;
|
||||
$--tab-border-line: 1px solid #e4e4e4 !default;
|
||||
$--tab-header-color-active: $--color-text-secondary !default;
|
||||
$--tab-header-color-hover: $--color-text-regular !default;
|
||||
$--tab-header-color: $--color-text-regular !default;
|
||||
$--tab-header-fill-active: rgba($--color-black, 0.06) !default;
|
||||
$--tab-header-fill-hover: rgba($--color-black, 0.06) !default;
|
||||
$--tab-vertical-header-width: 90px !default;
|
||||
$--tab-vertical-header-count-color: $--color-white !default;
|
||||
$--tab-vertical-header-count-fill: $--color-text-secondary !default;
|
||||
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/// fontSize||Font|1
|
||||
$--button-font-size: $--font-size-base !default;
|
||||
/// fontWeight||Font|1
|
||||
$--button-font-weight: $--font-weight-primary !default;
|
||||
/// borderRadius||Border|2
|
||||
$--button-border-radius: $--border-radius-base !default;
|
||||
/// padding||Spacing|3
|
||||
$--button-padding-vertical: 12px !default;
|
||||
/// padding||Spacing|3
|
||||
$--button-padding-horizontal: 20px !default;
|
||||
|
||||
/// fontSize||Font|1
|
||||
$--button-medium-font-size: $--font-size-base !default;
|
||||
/// borderRadius||Border|2
|
||||
$--button-medium-border-radius: $--border-radius-base !default;
|
||||
/// padding||Spacing|3
|
||||
$--button-medium-padding-vertical: 10px !default;
|
||||
/// padding||Spacing|3
|
||||
$--button-medium-padding-horizontal: 20px !default;
|
||||
|
||||
/// fontSize||Font|1
|
||||
$--button-small-font-size: 12px !default;
|
||||
$--button-small-border-radius: #{$--border-radius-base - 1} !default;
|
||||
/// padding||Spacing|3
|
||||
$--button-small-padding-vertical: 9px !default;
|
||||
/// padding||Spacing|3
|
||||
$--button-small-padding-horizontal: 15px !default;
|
||||
/// fontSize||Font|1
|
||||
$--button-mini-font-size: 12px !default;
|
||||
$--button-mini-border-radius: #{$--border-radius-base - 1} !default;
|
||||
/// padding||Spacing|3
|
||||
$--button-mini-padding-vertical: 7px !default;
|
||||
/// padding||Spacing|3
|
||||
$--button-mini-padding-horizontal: 15px !default;
|
||||
|
||||
/// color||Color|0
|
||||
$--button-default-font-color: $--color-text-regular !default;
|
||||
/// color||Color|0
|
||||
$--button-default-background-color: $--color-white !default;
|
||||
/// color||Color|0
|
||||
$--button-default-border-color: $--border-color-base !default;
|
||||
|
||||
/// color||Color|0
|
||||
$--button-disabled-font-color: $--color-text-placeholder !default;
|
||||
/// color||Color|0
|
||||
$--button-disabled-background-color: $--color-white !default;
|
||||
/// color||Color|0
|
||||
$--button-disabled-border-color: $--border-color-lighter !default;
|
||||
|
||||
/// color||Color|0
|
||||
$--button-primary-border-color: $--color-primary !default;
|
||||
/// color||Color|0
|
||||
$--button-primary-font-color: $--color-white !default;
|
||||
/// color||Color|0
|
||||
$--button-primary-background-color: $--color-primary !default;
|
||||
/// color||Color|0
|
||||
$--button-success-border-color: $--color-success !default;
|
||||
/// color||Color|0
|
||||
$--button-success-font-color: $--color-white !default;
|
||||
/// color||Color|0
|
||||
$--button-success-background-color: $--color-success !default;
|
||||
/// color||Color|0
|
||||
$--button-warning-border-color: $--color-warning !default;
|
||||
/// color||Color|0
|
||||
$--button-warning-font-color: $--color-white !default;
|
||||
/// color||Color|0
|
||||
$--button-warning-background-color: $--color-warning !default;
|
||||
/// color||Color|0
|
||||
$--button-danger-border-color: $--color-danger !default;
|
||||
/// color||Color|0
|
||||
$--button-danger-font-color: $--color-white !default;
|
||||
/// color||Color|0
|
||||
$--button-danger-background-color: $--color-danger !default;
|
||||
/// color||Color|0
|
||||
$--button-info-border-color: $--color-info !default;
|
||||
/// color||Color|0
|
||||
$--button-info-font-color: $--color-white !default;
|
||||
/// color||Color|0
|
||||
$--button-info-background-color: $--color-info !default;
|
||||
|
||||
$--button-hover-tint-percent: 20% !default;
|
||||
$--button-active-shade-percent: 10% !default;
|
||||
|
||||
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
$--cascader-height: 200px !default;
|
||||
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/// color||Color|0
|
||||
$--switch-on-color: $--color-primary !default;
|
||||
/// color||Color|0
|
||||
$--switch-off-color: $--border-color-base !default;
|
||||
/// fontSize||Font|1
|
||||
$--switch-font-size: $--font-size-base !default;
|
||||
$--switch-core-border-radius: 10px !default;
|
||||
// height||Other|4 TODO: width 代码写死的40px 所以下面这三个属性都没意义
|
||||
$--switch-width: 40px !default;
|
||||
// height||Other|4
|
||||
$--switch-height: 20px !default;
|
||||
// height||Other|4
|
||||
$--switch-button-size: 16px !default;
|
||||
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
$--dialog-background-color: $--color-white !default;
|
||||
$--dialog-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !default;
|
||||
/// fontSize||Font|1
|
||||
$--dialog-title-font-size: $--font-size-large !default;
|
||||
/// fontSize||Font|1
|
||||
$--dialog-content-font-size: 14px !default;
|
||||
/// fontLineHeight||LineHeight|2
|
||||
$--dialog-font-line-height: $--font-line-height-primary !default;
|
||||
/// padding||Spacing|3
|
||||
$--dialog-padding-primary: 20px !default;
|
||||
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/// color||Color|0
|
||||
$--table-border-color: $--border-color-lighter !default;
|
||||
$--table-border: 1px solid $--table-border-color !default;
|
||||
/// color||Color|0
|
||||
$--table-font-color: $--color-text-regular !default;
|
||||
/// color||Color|0
|
||||
$--table-header-font-color: $--color-text-secondary !default;
|
||||
/// color||Color|0
|
||||
$--table-row-hover-background-color: $--background-color-base !default;
|
||||
$--table-current-row-background-color: $--color-primary-light-9 !default;
|
||||
/// color||Color|0
|
||||
$--table-header-background-color: $--color-white !default;
|
||||
$--table-fixed-box-shadow: 0 0 10px rgba(0, 0, 0, .12) !default;
|
||||
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/// fontSize||Font|1
|
||||
$--pagination-font-size: 13px !default;
|
||||
/// color||Color|0
|
||||
$--pagination-background-color: $--color-white !default;
|
||||
/// color||Color|0
|
||||
$--pagination-font-color: $--color-text-primary !default;
|
||||
$--pagination-border-radius: 3px !default;
|
||||
/// color||Color|0
|
||||
$--pagination-button-color: $--color-text-primary !default;
|
||||
/// height||Other|4
|
||||
$--pagination-button-width: 35.5px !default;
|
||||
/// height||Other|4
|
||||
$--pagination-button-height: 28px !default;
|
||||
/// color||Color|0
|
||||
$--pagination-button-disabled-color: $--color-text-placeholder !default;
|
||||
/// color||Color|0
|
||||
$--pagination-button-disabled-background-color: $--color-white !default;
|
||||
/// color||Color|0
|
||||
$--pagination-hover-color: $--color-primary !default;
|
||||
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/// color||Color|0
|
||||
$--popup-modal-background-color: $--color-black !default;
|
||||
/// opacity||Other|1
|
||||
$--popup-modal-opacity: 0.5 !default;
|
||||
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/// color||Color|0
|
||||
$--popover-background-color: $--color-white !default;
|
||||
/// fontSize||Font|1
|
||||
$--popover-font-size: $--font-size-base !default;
|
||||
/// color||Color|0
|
||||
$--popover-border-color: $--border-color-lighter !default;
|
||||
$--popover-arrow-size: 6px !default;
|
||||
/// padding||Spacing|3
|
||||
$--popover-padding: 12px !default;
|
||||
$--popover-padding-large: 18px 20px !default;
|
||||
/// fontSize||Font|1
|
||||
$--popover-title-font-size: 16px !default;
|
||||
/// color||Color|0
|
||||
$--popover-title-font-color: $--color-text-primary !default;
|
||||
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/// color|1|Color|0
|
||||
$--tooltip-fill: $--color-text-primary !default;
|
||||
/// color|1|Color|0
|
||||
$--tooltip-color: $--color-white !default;
|
||||
/// fontSize||Font|1
|
||||
$--tooltip-font-size: 12px !default;
|
||||
/// color||Color|0
|
||||
$--tooltip-border-color: $--color-text-primary !default;
|
||||
$--tooltip-arrow-size: 6px !default;
|
||||
/// padding||Spacing|3
|
||||
$--tooltip-padding: 10px !default;
|
||||
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/// color||Color|0
|
||||
$--tag-info-color: $--color-info !default;
|
||||
/// color||Color|0
|
||||
$--tag-primary-color: $--color-primary !default;
|
||||
/// color||Color|0
|
||||
$--tag-success-color: $--color-success !default;
|
||||
/// color||Color|0
|
||||
$--tag-warning-color: $--color-warning !default;
|
||||
/// color||Color|0
|
||||
$--tag-danger-color: $--color-danger !default;
|
||||
/// fontSize||Font|1
|
||||
$--tag-font-size: 12px !default;
|
||||
$--tag-border-radius: 4px !default;
|
||||
$--tag-padding: 0 10px !default;
|
||||
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/// color||Color|0
|
||||
$--tree-node-hover-background-color: $--background-color-base !default;
|
||||
/// color||Color|0
|
||||
$--tree-font-color: $--color-text-regular !default;
|
||||
/// color||Color|0
|
||||
$--tree-expand-icon-color: $--color-text-placeholder !default;
|
||||
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
$--dropdown-menu-box-shadow: $--box-shadow-light !default;
|
||||
$--dropdown-menuItem-hover-fill: $--color-primary-light-9 !default;
|
||||
$--dropdown-menuItem-hover-color: $--link-color !default;
|
||||
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/// color||Color|0
|
||||
$--badge-background-color: $--color-danger !default;
|
||||
$--badge-radius: 10px !default;
|
||||
/// fontSize||Font|1
|
||||
$--badge-font-size: 12px !default;
|
||||
/// padding||Spacing|3
|
||||
$--badge-padding: 6px !default;
|
||||
/// height||Other|4
|
||||
$--badge-size: 18px !default;
|
||||
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/// color||Color|0
|
||||
$--card-border-color: $--border-color-lighter !default;
|
||||
$--card-border-radius: 4px !default;
|
||||
/// padding||Spacing|3
|
||||
$--card-padding: 20px !default;
|
||||
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/// color||Color|0
|
||||
$--slider-main-background-color: $--color-primary !default;
|
||||
/// color||Color|0
|
||||
$--slider-runway-background-color: $--border-color-light !default;
|
||||
$--slider-button-hover-color: mix($--color-primary, black, 97%) !default;
|
||||
$--slider-stop-background-color: $--color-white !default;
|
||||
$--slider-disable-color: $--color-text-placeholder !default;
|
||||
$--slider-margin: 16px 0 !default;
|
||||
$--slider-border-radius: 3px !default;
|
||||
/// height|1|Other|4
|
||||
$--slider-height: 6px !default;
|
||||
/// height||Other|4
|
||||
$--slider-button-size: 16px !default;
|
||||
$--slider-button-wrapper-size: 36px !default;
|
||||
$--slider-button-wrapper-offset: -15px !default;
|
||||
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
$--steps-border-color: $--disabled-border-base !default;
|
||||
$--steps-border-radius: 4px !default;
|
||||
$--steps-padding: 20px !default;
|
||||
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/// fontSize||Font|1
|
||||
$--menu-item-font-size: $--font-size-base !default;
|
||||
/// color||Color|0
|
||||
$--menu-item-font-color: $--color-text-primary !default;
|
||||
/// color||Color|0
|
||||
$--menu-background-color: $--color-menu-background !default;
|
||||
$--menu-item-hover-fill: $--color-primary-light-9 !default;
|
||||
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
$--rate-height: 20px !default;
|
||||
/// fontSize||Font|1
|
||||
$--rate-font-size: $--font-size-base !default;
|
||||
/// height||Other|3
|
||||
$--rate-icon-size: 18px !default;
|
||||
/// margin||Spacing|2
|
||||
$--rate-icon-margin: 6px !default;
|
||||
$--rate-icon-color: $--color-text-placeholder !default;
|
||||
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
$--datepicker-font-color: $--color-text-regular !default;
|
||||
/// color|1|Color|0
|
||||
$--datepicker-off-font-color: $--color-text-placeholder !default;
|
||||
/// color||Color|0
|
||||
$--datepicker-header-font-color: $--color-text-regular !default;
|
||||
$--datepicker-icon-color: $--color-text-primary !default;
|
||||
$--datepicker-border-color: $--disabled-border-base !default;
|
||||
$--datepicker-inner-border-color: #e4e4e4 !default;
|
||||
/// color||Color|0
|
||||
$--datepicker-inrange-background-color: $--border-color-extra-light !default;
|
||||
/// color||Color|0
|
||||
$--datepicker-inrange-hover-background-color: $--border-color-extra-light !default;
|
||||
/// color||Color|0
|
||||
$--datepicker-active-color: $--color-primary !default;
|
||||
/// color||Color|0
|
||||
$--datepicker-hover-font-color: $--color-primary !default;
|
||||
$--datepicker-cell-hover-color: #fff !default;
|
||||
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/// height||Other|4
|
||||
$--loading-spinner-size: 42px !default;
|
||||
/// height||Other|4
|
||||
$--loading-fullscreen-spinner-size: 50px !default;
|
||||
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
$--scrollbar-background-color: rgba($--color-text-secondary, .3) !default;
|
||||
$--scrollbar-hover-background-color: rgba($--color-text-secondary, .5) !default;
|
||||
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/// fontSize||Font|1
|
||||
$--carousel-arrow-font-size: 12px !default;
|
||||
$--carousel-arrow-size: 36px !default;
|
||||
$--carousel-arrow-background: rgba(31, 45, 61, 0.11) !default;
|
||||
$--carousel-arrow-hover-background: rgba(31, 45, 61, 0.23) !default;
|
||||
/// width||Other|4
|
||||
$--carousel-indicator-width: 30px !default;
|
||||
/// height||Other|4
|
||||
$--carousel-indicator-height: 2px !default;
|
||||
$--carousel-indicator-padding-horizontal: 4px !default;
|
||||
$--carousel-indicator-padding-vertical: 12px !default;
|
||||
$--carousel-indicator-out-color: $--border-color-hover !default;
|
||||
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/// color||Color|0
|
||||
$--collapse-border-color: $--border-color-lighter !default;
|
||||
/// height||Other|4
|
||||
$--collapse-header-height: 48px !default;
|
||||
/// color||Color|0
|
||||
$--collapse-header-background-color: $--color-white !default;
|
||||
/// color||Color|0
|
||||
$--collapse-header-font-color: $--color-text-primary !default;
|
||||
/// fontSize||Font|1
|
||||
$--collapse-header-font-size: 13px !default;
|
||||
/// color||Color|0
|
||||
$--collapse-content-background-color: $--color-white !default;
|
||||
/// fontSize||Font|1
|
||||
$--collapse-content-font-size: 13px !default;
|
||||
/// color||Color|0
|
||||
$--collapse-content-font-color: $--color-text-primary !default;
|
||||
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
$--transfer-border-color: $--border-color-lighter !default;
|
||||
$--transfer-border-radius: $--border-radius-base !default;
|
||||
/// height||Other|4
|
||||
$--transfer-panel-width: 200px !default;
|
||||
/// height||Other|4
|
||||
$--transfer-panel-header-height: 40px !default;
|
||||
/// color||Color|0
|
||||
$--transfer-panel-header-background-color: $--background-color-base !default;
|
||||
/// height||Other|4
|
||||
$--transfer-panel-footer-height: 40px !default;
|
||||
/// height||Other|4
|
||||
$--transfer-panel-body-height: 246px !default;
|
||||
/// height||Other|4
|
||||
$--transfer-item-height: 30px !default;
|
||||
/// height||Other|4
|
||||
$--transfer-filter-height: 32px !default;
|
||||
|
||||
/* Header
|
||||
--------------------------*/
|
||||
$--header-padding: 0 20px !default;
|
||||
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
$--footer-padding: 0 20px !default;
|
||||
|
||||
/* Main
|
||||
--------------------------*/
|
||||
$--main-padding: 20px !default;
|
||||
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
$--timeline-node-size-normal: 12px !default;
|
||||
$--timeline-node-size-large: 14px !default;
|
||||
$--timeline-node-color: $--border-color-light !default;
|
||||
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/// color||Color|0
|
||||
$--backtop-background-color: $--color-white !default;
|
||||
/// color||Color|0
|
||||
$--backtop-font-color: $--color-primary !default;
|
||||
/// color||Color|0
|
||||
$--backtop-hover-background-color: $--border-color-extra-light !default;
|
||||
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/// fontSize||Font|1
|
||||
$--link-font-size: $--font-size-base !default;
|
||||
/// fontWeight||Font|1
|
||||
$--link-font-weight: $--font-weight-primary !default;
|
||||
/// color||Color|0
|
||||
$--link-default-font-color: $--color-text-regular !default;
|
||||
/// color||Color|0
|
||||
$--link-default-active-color: $--color-primary !default;
|
||||
/// color||Color|0
|
||||
$--link-disabled-font-color: $--color-text-placeholder !default;
|
||||
/// color||Color|0
|
||||
$--link-primary-font-color: $--color-primary !default;
|
||||
/// color||Color|0
|
||||
$--link-success-font-color: $--color-success !default;
|
||||
/// color||Color|0
|
||||
$--link-warning-font-color: $--color-warning !default;
|
||||
/// color||Color|0
|
||||
$--link-danger-font-color: $--color-danger !default;
|
||||
/// color||Color|0
|
||||
$--link-info-font-color: $--color-info !default;
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/// border||Other|4
|
||||
$--calendar-border: $--table-border !default;
|
||||
/// color||Other|4
|
||||
$--calendar-selected-background-color: #F2F8FE !default;
|
||||
$--calendar-cell-width: 85px !default;
|
||||
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/// fontSize||Font|1
|
||||
$--form-label-font-size: $--font-size-base !default;
|
||||
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/// color||Color|0
|
||||
$--avatar-font-color: #fff !default;
|
||||
/// color||Color|0
|
||||
$--avatar-background-color: #C0C4CC !default;
|
||||
/// fontSize||Font Size|1
|
||||
$--avatar-text-font-size: 14px !default;
|
||||
/// fontSize||Font Size|1
|
||||
$--avatar-icon-font-size: 18px !default;
|
||||
/// borderRadius||Border|2
|
||||
$--avatar-border-radius: $--border-radius-base !default;
|
||||
/// size|1|Avatar Size|3
|
||||
$--avatar-large-size: 40px !default;
|
||||
/// size|1|Avatar Size|3
|
||||
$--avatar-medium-size: 36px !default;
|
||||
/// size|1|Avatar Size|3
|
||||
$--avatar-small-size: 28px !default;
|
||||
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
$--sm: 768px !default;
|
||||
$--md: 992px !default;
|
||||
$--lg: 1200px !default;
|
||||
$--xl: 1920px !default;
|
||||
|
||||
$--breakpoints: (
|
||||
'xs' : (max-width: $--sm - 1),
|
||||
'sm' : (min-width: $--sm),
|
||||
'md' : (min-width: $--md),
|
||||
'lg' : (min-width: $--lg),
|
||||
'xl' : (min-width: $--xl)
|
||||
);
|
||||
|
||||
$--breakpoints-spec: (
|
||||
'xs-only' : (max-width: $--sm - 1),
|
||||
'sm-and-up' : (min-width: $--sm),
|
||||
'sm-only': "(min-width: #{$--sm}) and (max-width: #{$--md - 1})",
|
||||
'sm-and-down': (max-width: $--md - 1),
|
||||
'md-and-up' : (min-width: $--md),
|
||||
'md-only': "(min-width: #{$--md}) and (max-width: #{$--lg - 1})",
|
||||
'md-and-down': (max-width: $--lg - 1),
|
||||
'lg-and-up' : (min-width: $--lg),
|
||||
'lg-only': "(min-width: #{$--lg}) and (max-width: #{$--xl - 1})",
|
||||
'lg-and-down': (max-width: $--xl - 1),
|
||||
'xl-only' : (min-width: $--xl),
|
||||
);
|
||||
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
orange-demo-multi/orange-demo-multi-web/src/assets/img/login.png
Normal file
BIN
orange-demo-multi/orange-demo-multi-web/src/assets/img/login.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 712 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 482 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
orange-demo-multi/orange-demo-multi-web/src/assets/img/logo.jpg
Normal file
BIN
orange-demo-multi/orange-demo-multi-web/src/assets/img/logo.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
BIN
orange-demo-multi/orange-demo-multi-web/src/assets/img/logo.png
Normal file
BIN
orange-demo-multi/orange-demo-multi-web/src/assets/img/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
@@ -0,0 +1,13 @@
|
||||
{
|
||||
"scripts": {
|
||||
"theme-light": "et -c element-variables-light.scss",
|
||||
"theme-dark": "et -c element-variables-dark.scss",
|
||||
"theme-green": "et -c element-variables-green.scss",
|
||||
"theme-orange": "et -c element-variables-orange.scss",
|
||||
"theme-blue": "et -c element-variables-blue.scss"
|
||||
},
|
||||
"devDependencies": {
|
||||
"element-theme": "2.0.1",
|
||||
"element-theme-chalk": "2.14.1"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,651 @@
|
||||
@import "element-variables.scss";
|
||||
@import "transition.scss";
|
||||
|
||||
html, body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 14px;
|
||||
font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
|
||||
background-color: rgb(228,240,255);
|
||||
}
|
||||
|
||||
*,
|
||||
*:before,
|
||||
*:after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
$header-height: 60px;
|
||||
|
||||
// 过滤组件长度
|
||||
$filter-item-width: 250px;
|
||||
// 范围选择过滤组件长度
|
||||
$filter-item-range-width: 400px;
|
||||
// 左侧过滤树组件每一项高度
|
||||
$tree-node-height: 40px;
|
||||
// 高级管理表单标题高度
|
||||
$advanced-title-height: 50px;
|
||||
$border-color: rgb(216, 220, 229);
|
||||
$menuHover: rgba(255,255,255,0.3);
|
||||
$menu-background-color: transparent;
|
||||
$tabs-header-margin-bottom: 25px;
|
||||
$tab-header-background-color: #EBEEF5;
|
||||
$image-item-width: 65px;
|
||||
$box-padding-size: 25px;
|
||||
|
||||
/**
|
||||
* 弹窗样式，封装的layer的弹窗
|
||||
**/
|
||||
body .layer-dialog .layui-layer-title{
|
||||
border-radius: 4px 4px 0px 0px;
|
||||
border:1px solid #01000000;
|
||||
}
|
||||
|
||||
body .layer-dialog .layui-layer-setwin {color: #ffffff}
|
||||
|
||||
body .layer-dialog {
|
||||
border-radius: 4px;
|
||||
border:1px solid #01000000;
|
||||
}
|
||||
|
||||
body .layer-dialog .layui-layer-content {
|
||||
padding: $box-padding-size;
|
||||
}
|
||||
/**
|
||||
* 左树右表弹窗样式
|
||||
*/
|
||||
body .layer-advance-dialog {
|
||||
border-radius: 4px;
|
||||
border:1px solid #01000000;
|
||||
background-color: #F8F8F8;
|
||||
}
|
||||
|
||||
body .layer-advance-dialog .layui-layer-title{
|
||||
border-radius: 4px 4px 0px 0px;
|
||||
border:1px solid #01000000;
|
||||
}
|
||||
|
||||
body .layer-advance-dialog .layui-layer-content {
|
||||
padding: 5px 15px;
|
||||
}
|
||||
|
||||
.orange-project {
|
||||
.el-main {
|
||||
padding: 0px;
|
||||
}
|
||||
.flex-box {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.scrollbar_dropdown__wrap {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.icon-btn.el-button {
|
||||
font-size: 18px;
|
||||
padding: 5px 0px;
|
||||
}
|
||||
|
||||
.default-padding-box {
|
||||
padding: $box-padding-size;
|
||||
}
|
||||
|
||||
.padding-no-top {
|
||||
padding: 0px $box-padding-size $box-padding-size $box-padding-size;
|
||||
}
|
||||
|
||||
.default-border {
|
||||
border: 1px solid $--border-color-base;
|
||||
}
|
||||
|
||||
.default-border-left {
|
||||
border-left: 1px solid $--border-color-base;
|
||||
}
|
||||
|
||||
.default-border-right {
|
||||
border-right: 1px solid $--border-color-base;
|
||||
}
|
||||
|
||||
.default-border-top {
|
||||
border-top: 1px solid $--border-color-base;
|
||||
}
|
||||
|
||||
.default-border-bottom {
|
||||
border-bottom: 1px solid $--border-color-base;
|
||||
}
|
||||
|
||||
.page-close-box {
|
||||
position: absolute;
|
||||
background: #0092FF;
|
||||
transform: rotate(45deg);
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
right: -25px;
|
||||
top:-25px;
|
||||
text-align: center;
|
||||
|
||||
.el-button {
|
||||
transform: rotate(-45deg);
|
||||
color: white;
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 过滤组件样式
|
||||
**/
|
||||
.mask-box {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0,0,0,0.5);
|
||||
top: 0;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.filter-box {
|
||||
position: relative;
|
||||
background-color: white;
|
||||
padding: $box-padding-size $box-padding-size 0px $box-padding-size;
|
||||
z-index: 20;
|
||||
}
|
||||
|
||||
.advance-filter-box {
|
||||
padding-bottom: 25px;
|
||||
}
|
||||
|
||||
.filter-item {
|
||||
width: $filter-item-width;
|
||||
}
|
||||
|
||||
.cascader-item {
|
||||
width: 160px!important;
|
||||
}
|
||||
|
||||
.is-range, .is-search {
|
||||
width: $filter-item-range-width;
|
||||
}
|
||||
|
||||
.table-operation-box {
|
||||
align-self: flex-end;
|
||||
margin-bottom: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.table-check-box {
|
||||
margin-right: 7px;
|
||||
}
|
||||
|
||||
/**
|
||||
* 左侧树状组件的样式，用户高级管理表单以及用户管理表单
|
||||
**/
|
||||
.advanced-left-box {
|
||||
border-right: 1px solid $border-color;
|
||||
.el-tree-node__content {
|
||||
height: $tree-node-height;
|
||||
}
|
||||
|
||||
.tree-node-item {
|
||||
height: $tree-node-height;
|
||||
line-height: $tree-node-height;
|
||||
width: 100%;
|
||||
|
||||
.tree-node-menu {
|
||||
display: none;
|
||||
float: right;
|
||||
padding-right: 10px;
|
||||
color: red!important;
|
||||
}
|
||||
|
||||
&:hover .tree-node-menu {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.el-tree-node .el-button+.el-button {
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
/**
|
||||
* form表单输入组件宽度
|
||||
**/
|
||||
.full-width-input {
|
||||
.el-select {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.el-input {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.el-cascader {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.el-date-editor {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.el-input-number {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.el-aside {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.el-menu {
|
||||
border-right-width: 0px;
|
||||
}
|
||||
|
||||
.sidebar-bg {
|
||||
box-shadow: 0 1px 4px rgba(0,21,41,.08)!important;
|
||||
}
|
||||
|
||||
.sidebar-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 60px;
|
||||
padding: 0px 20px;
|
||||
}
|
||||
|
||||
.sidebar-title-text {
|
||||
font-size: 18px;
|
||||
color: $--color-sidebar-title-text;
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
@if global-variable-exists(--color-menu-item-active-text-color) {
|
||||
.el-menu:not(.el-menu--horizontal) .el-menu-item.is-active {
|
||||
color: $--color-menu-item-active-text-color!important;
|
||||
}
|
||||
|
||||
.el-menu:not(.el-menu--horizontal) .el-submenu__title i {
|
||||
color: $--color-menu-item-active-text-color;
|
||||
}
|
||||
}
|
||||
|
||||
@if global-variable-exists(--color-menu-item-active-background) {
|
||||
.el-menu:not(.el-menu--horizontal) .el-menu-item.is-active {
|
||||
@if global-variable-exists(--color-menu-item-active-background-to) {
|
||||
background: linear-gradient(to left, $--color-menu-item-active-background, $--color-menu-item-active-background-to);
|
||||
} @else {
|
||||
background: $--color-menu-item-active-background;
|
||||
}
|
||||
}
|
||||
.el-menu:not(.el-menu--horizontal) .el-menu-item:hover {
|
||||
@if global-variable-exists(--color-menu-item-active-background-to) {
|
||||
background: linear-gradient(to left, $--color-menu-item-active-background, $--color-menu-item-active-background-to);
|
||||
} @else {
|
||||
background: $--color-menu-item-active-background;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@if global-variable-exists(--color-submenu-background) {
|
||||
.left-menu .el-submenu .el-menu {
|
||||
background-color: $--color-submenu-background;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 多tab页表单，tab样式
|
||||
**/
|
||||
.el-tabs__header {
|
||||
margin: 0 0 20px;
|
||||
}
|
||||
/**
|
||||
* 表格表头背景色
|
||||
**/
|
||||
.table-header-gray, .has-gutter .gutter {
|
||||
background-color: $tab-header-background-color;
|
||||
}
|
||||
|
||||
/**
|
||||
* 操作按钮颜色
|
||||
**/
|
||||
.table-btn.delete {
|
||||
color: #F56C6C;
|
||||
}
|
||||
|
||||
.table-btn.delete:hover {
|
||||
color: #F78989;
|
||||
}
|
||||
|
||||
.table-btn.delete:disabled {
|
||||
color: #DCDFE6;
|
||||
}
|
||||
|
||||
.table-btn.success {
|
||||
color: #67C23A;
|
||||
}
|
||||
|
||||
.table-btn.success:hover {
|
||||
color: #85CE61;
|
||||
}
|
||||
|
||||
.table-btn.success:disabled {
|
||||
color: #DCDFE6;
|
||||
}
|
||||
|
||||
.table-btn.warning {
|
||||
color: #E6A23C;
|
||||
}
|
||||
|
||||
.table-btn.warning:hover {
|
||||
color: #EBB563;
|
||||
}
|
||||
|
||||
.table-btn.success:disabled {
|
||||
color: #DCDFE6;
|
||||
}
|
||||
|
||||
/**
|
||||
* 图片上传以及显示样式
|
||||
**/
|
||||
.upload-image-item {
|
||||
font-size: 28px;
|
||||
color: #8c939d;
|
||||
width: $image-item-width;
|
||||
height: $image-item-width;
|
||||
text-align: center;
|
||||
display: block;
|
||||
|
||||
.el-upload i {
|
||||
line-height: $image-item-width;
|
||||
}
|
||||
}
|
||||
|
||||
.upload-image-multi {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.upload-image-item .el-upload {
|
||||
border: 1px dashed #d9d9d9;
|
||||
border-radius: 6px;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.upload-image-item .el-upload:hover {
|
||||
border-color: #409eff;
|
||||
}
|
||||
|
||||
.upload-image-show {
|
||||
width: $image-item-width;
|
||||
height: $image-item-width;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.table-cell-image {
|
||||
width: $image-item-width;
|
||||
height: $image-item-width;
|
||||
line-height: $image-item-width;
|
||||
text-align: center;
|
||||
font-size: $image-item-width;
|
||||
color: #606266;
|
||||
margin: 0px 5px;
|
||||
}
|
||||
|
||||
.upload-image-list .el-upload-list__item {
|
||||
width: $image-item-width;
|
||||
height: $image-item-width;
|
||||
line-height: $image-item-width;
|
||||
}
|
||||
|
||||
.upload-image-item .el-upload-list--picture-card .el-upload-list__item {
|
||||
width: $image-item-width;
|
||||
height: $image-item-width;
|
||||
}
|
||||
|
||||
.upload-image-item .el-upload.el-upload--text {
|
||||
width: $image-item-width;
|
||||
height: $image-item-width;
|
||||
}
|
||||
|
||||
.upload-image-item .el-upload--picture-card {
|
||||
width: $image-item-width;
|
||||
height: $image-item-width;
|
||||
line-height: $image-item-width;
|
||||
}
|
||||
/**
|
||||
*
|
||||
**/
|
||||
$header-menu-height: 32px;
|
||||
|
||||
.sidebar {
|
||||
height: 100%;
|
||||
background-color: $--color-menu-background;
|
||||
// overflow: hidden;
|
||||
box-shadow: 0px 1px 4px rgba(0,21,41,.08);
|
||||
}
|
||||
|
||||
.header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: $header-height;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.header .menu-column {
|
||||
margin-right: 20px;
|
||||
.el-menu-item.is-active {
|
||||
border-left: 0px solid #47ba5a;
|
||||
}
|
||||
}
|
||||
|
||||
.header-menu {
|
||||
float: right;
|
||||
height: $header-menu-height;
|
||||
line-height: $header-menu-height;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
flex-grow: 1
|
||||
}
|
||||
|
||||
.header-img {
|
||||
width: $header-menu-height;
|
||||
height: $header-menu-height;
|
||||
border-radius: 50%;
|
||||
margin-left: 10px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.el-menu--horizontal.el-menu {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.el-menu--horizontal > .el-menu-item {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
.el-menu.el-menu--horizontal {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.user-dropdown {
|
||||
color: $--color-text-secondary;
|
||||
cursor: pointer;
|
||||
font-size: 12px;
|
||||
}
|
||||
.user-dropdown-item {
|
||||
font-size: 12px;
|
||||
color: $--color-text-primary;
|
||||
}
|
||||
|
||||
.hamburger-container {
|
||||
line-height: 70px;
|
||||
height: $header-height;
|
||||
float: left;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.el-submenu__title {
|
||||
background: #00000000;
|
||||
}
|
||||
|
||||
.tree-select {
|
||||
.el-tree-node__content {
|
||||
height: 34px;
|
||||
line-height: 34px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.tree-select.single-select-tree {
|
||||
.el-tree-node.is-current > .el-tree-node__content > .el-tree-node__label {
|
||||
color: $--color-primary;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
|
||||
.cell {
|
||||
.operation-cell {
|
||||
color: #006CDC;
|
||||
cursor: pointer;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
.single-select-tree {
|
||||
min-width: 200px!important;
|
||||
}
|
||||
|
||||
.base-card-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
}
|
||||
|
||||
.base-card-operation {
|
||||
flex-grow: 1;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.el-card__header {
|
||||
padding: 0px 15px;
|
||||
}
|
||||
.el-card__body {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.custom-cascader {
|
||||
width: 200px!important;
|
||||
}
|
||||
|
||||
.no-scroll {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.custom-scroll .el-scrollbar__view {
|
||||
overflow-x: hidden!important;
|
||||
}
|
||||
|
||||
.upload-img-del {
|
||||
position: absolute;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
line-height: 20px;
|
||||
font-size: 16px;
|
||||
top: 2px;
|
||||
right: 2px;
|
||||
color: #C0C4CC;
|
||||
}
|
||||
|
||||
.upload-img-del:hover {
|
||||
color: #EF5E1C;
|
||||
}
|
||||
|
||||
.input-label {
|
||||
display: inline-block;
|
||||
height: 29px;
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
.input-progress {
|
||||
height: 29px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.input-item {
|
||||
width: 100%!important;
|
||||
}
|
||||
|
||||
.table-header-gray {
|
||||
background: rgba(237,237,237,1);
|
||||
}
|
||||
|
||||
.card-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 10px 0px;
|
||||
line-height: 28px;
|
||||
}
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
background: none;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: #DDDEE0;
|
||||
border-radius: 7px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: #A8A8A8;
|
||||
}
|
||||
|
||||
.ml20 {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.mr20 {
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.mt20 {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.mb20 {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.pl20 {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.pr20 {
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.pt20 {
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.pb20 {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.gutter-left {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.gutter-right {
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.gutter-top {
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.gutter-bottom {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
@@ -0,0 +1,5 @@
|
||||
// @import "../element-variables-light.scss";
|
||||
@import "../element-variables-dark.scss";
|
||||
// @import "../element-variables-green.scss";
|
||||
// @import "../element-variables-orange.scss";
|
||||
// @import "../element-variables-blue.scss";
|
||||
@@ -0,0 +1,117 @@
|
||||
.form-advanced-manager {
|
||||
.advance-filter-box {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0px;
|
||||
background-color: white;
|
||||
width: 100%;
|
||||
padding: 10px $box-padding-size 15px $box-padding-size;
|
||||
}
|
||||
|
||||
.title-box {
|
||||
border-bottom: 1px solid $border-color;
|
||||
padding: 0px 20px;
|
||||
z-index: 20;
|
||||
background-color: white;
|
||||
height: $advanced-title-height;
|
||||
|
||||
.title {
|
||||
line-height: $advanced-title-height;
|
||||
color: #606266;
|
||||
}
|
||||
|
||||
.menu-box {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 10px;
|
||||
height: $advanced-title-height;
|
||||
|
||||
.el-row {
|
||||
margin: 10px 0px;
|
||||
height: $advanced-title-height - 20;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.advanced-right-box {
|
||||
padding: 0px;
|
||||
.gutter-box {
|
||||
margin: (($advanced-title-height - 16)/2) 0px;
|
||||
height: 16px;
|
||||
width: 3px;
|
||||
background-color: $--color-primary;
|
||||
float: left
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.form-dict-manager {
|
||||
.dict-title {
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
color: $--color-text-primary;
|
||||
border-bottom: 1px solid $--border-color-base;
|
||||
font-size: 14px;
|
||||
|
||||
span {
|
||||
margin-left: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.dict-item {
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
color: #606266;
|
||||
cursor: pointer;
|
||||
padding-left: 20px;
|
||||
|
||||
&:hover {
|
||||
background-color: $--color-primary-light-9;
|
||||
}
|
||||
}
|
||||
|
||||
.active-dict-item {
|
||||
border-left: 3px solid $--color-primary;
|
||||
color: $--color-primary;
|
||||
background-color: $--color-primary-light-9 !important;
|
||||
}
|
||||
|
||||
.el-scrollbar__bar.is-horizontal {
|
||||
display: none!important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.form-table-manager {
|
||||
.advance-filter-box {
|
||||
position: absolute;
|
||||
padding: 20px;
|
||||
top: 100%;
|
||||
left: 0px;
|
||||
background-color: white;
|
||||
width: 100%;
|
||||
padding: 10px $box-padding-size 15px $box-padding-size;
|
||||
}
|
||||
}
|
||||
|
||||
.form-table-multi-select {
|
||||
//
|
||||
}
|
||||
|
||||
.form-config {
|
||||
padding: $box-padding-size;
|
||||
}
|
||||
|
||||
.form-multi-fragment {
|
||||
//
|
||||
}
|
||||
|
||||
.form-single-fragment {
|
||||
//
|
||||
}
|
||||
|
||||
.advance-query-form {
|
||||
padding: 0px!important;
|
||||
background-color: transparent!important;;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
@import "../theme/index.css";
|
||||
@import "base.scss";
|
||||
@import "form-style.scss";
|
||||
@@ -0,0 +1,31 @@
|
||||
/*fade*/
|
||||
.fade-enter-active,
|
||||
.fade-leave-active {
|
||||
transition: opacity 0.28s;
|
||||
}
|
||||
|
||||
.fade-enter,
|
||||
.fade-leave-active {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/*fade*/
|
||||
.breadcrumb-enter-active,
|
||||
.breadcrumb-leave-active {
|
||||
transition: all .5s;
|
||||
}
|
||||
|
||||
.breadcrumb-enter,
|
||||
.breadcrumb-leave-active {
|
||||
opacity: 0;
|
||||
transform: translateX(20px);
|
||||
}
|
||||
|
||||
.breadcrumb-move {
|
||||
transition: all .5s;
|
||||
}
|
||||
|
||||
.breadcrumb-leave-active {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,343 @@
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
.el-alert {
|
||||
width: 100%;
|
||||
padding: 8px 16px;
|
||||
margin: 0;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
border-radius: 4px;
|
||||
position: relative;
|
||||
background-color: #FFFFFF;
|
||||
overflow: hidden;
|
||||
opacity: 1;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-transition: opacity .2s;
|
||||
transition: opacity .2s; }
|
||||
.el-alert.is-light .el-alert__closebtn {
|
||||
color: #C0C4CC; }
|
||||
.el-alert.is-dark .el-alert__closebtn {
|
||||
color: #FFFFFF; }
|
||||
.el-alert.is-dark .el-alert__description {
|
||||
color: #FFFFFF; }
|
||||
.el-alert.is-center {
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center; }
|
||||
.el-alert--success.is-light {
|
||||
background-color: #f0f9eb;
|
||||
color: #67C23A; }
|
||||
.el-alert--success.is-light .el-alert__description {
|
||||
color: #67C23A; }
|
||||
.el-alert--success.is-dark {
|
||||
background-color: #67C23A;
|
||||
color: #FFFFFF; }
|
||||
.el-alert--info.is-light {
|
||||
background-color: #f4f4f5;
|
||||
color: #909399; }
|
||||
.el-alert--info.is-dark {
|
||||
background-color: #909399;
|
||||
color: #FFFFFF; }
|
||||
.el-alert--info .el-alert__description {
|
||||
color: #909399; }
|
||||
.el-alert--warning.is-light {
|
||||
background-color: #fdf6ec;
|
||||
color: #E6A23C; }
|
||||
.el-alert--warning.is-light .el-alert__description {
|
||||
color: #E6A23C; }
|
||||
.el-alert--warning.is-dark {
|
||||
background-color: #E6A23C;
|
||||
color: #FFFFFF; }
|
||||
.el-alert--error.is-light {
|
||||
background-color: #fef0f0;
|
||||
color: #F56C6C; }
|
||||
.el-alert--error.is-light .el-alert__description {
|
||||
color: #F56C6C; }
|
||||
.el-alert--error.is-dark {
|
||||
background-color: #F56C6C;
|
||||
color: #FFFFFF; }
|
||||
.el-alert__content {
|
||||
display: table-cell;
|
||||
padding: 0 8px; }
|
||||
.el-alert__icon {
|
||||
font-size: 16px;
|
||||
width: 16px; }
|
||||
.el-alert__icon.is-big {
|
||||
font-size: 28px;
|
||||
width: 28px; }
|
||||
.el-alert__title {
|
||||
font-size: 13px;
|
||||
line-height: 18px; }
|
||||
.el-alert__title.is-bold {
|
||||
font-weight: bold; }
|
||||
.el-alert .el-alert__description {
|
||||
font-size: 12px;
|
||||
margin: 5px 0 0 0; }
|
||||
.el-alert__closebtn {
|
||||
font-size: 12px;
|
||||
opacity: 1;
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
right: 15px;
|
||||
cursor: pointer; }
|
||||
.el-alert__closebtn.is-customed {
|
||||
font-style: normal;
|
||||
font-size: 13px;
|
||||
top: 9px; }
|
||||
|
||||
.el-alert-fade-enter,
|
||||
.el-alert-fade-leave-active {
|
||||
opacity: 0; }
|
||||
@@ -0,0 +1,136 @@
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
.el-aside {
|
||||
overflow: auto;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
-ms-flex-negative: 0;
|
||||
flex-shrink: 0; }
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,284 @@
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
.el-avatar {
|
||||
display: inline-block;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
color: #fff;
|
||||
background: #C0C4CC;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
font-size: 14px; }
|
||||
.el-avatar > img {
|
||||
display: block;
|
||||
height: 100%;
|
||||
vertical-align: middle; }
|
||||
.el-avatar--circle {
|
||||
border-radius: 50%; }
|
||||
.el-avatar--square {
|
||||
border-radius: 4px; }
|
||||
.el-avatar--icon {
|
||||
font-size: 18px; }
|
||||
.el-avatar--large {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
line-height: 40px; }
|
||||
.el-avatar--medium {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
line-height: 36px; }
|
||||
.el-avatar--small {
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
line-height: 28px; }
|
||||
@@ -0,0 +1,273 @@
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
.el-backtop {
|
||||
position: fixed;
|
||||
background-color: #FFFFFF;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 50%;
|
||||
color: #409EFF;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
font-size: 20px;
|
||||
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
|
||||
box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
|
||||
cursor: pointer;
|
||||
z-index: 5; }
|
||||
.el-backtop:hover {
|
||||
background-color: #F2F6FC; }
|
||||
@@ -0,0 +1,290 @@
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
.el-badge {
|
||||
position: relative;
|
||||
vertical-align: middle;
|
||||
display: inline-block; }
|
||||
.el-badge__content {
|
||||
background-color: #F56C6C;
|
||||
border-radius: 10px;
|
||||
color: #FFFFFF;
|
||||
display: inline-block;
|
||||
font-size: 12px;
|
||||
height: 18px;
|
||||
line-height: 18px;
|
||||
padding: 0 6px;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
border: 1px solid #FFFFFF; }
|
||||
.el-badge__content.is-fixed {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 10px;
|
||||
-webkit-transform: translateY(-50%) translateX(100%);
|
||||
transform: translateY(-50%) translateX(100%); }
|
||||
.el-badge__content.is-fixed.is-dot {
|
||||
right: 5px; }
|
||||
.el-badge__content.is-dot {
|
||||
height: 8px;
|
||||
width: 8px;
|
||||
padding: 0;
|
||||
right: 0;
|
||||
border-radius: 50%; }
|
||||
.el-badge__content--primary {
|
||||
background-color: #409EFF; }
|
||||
.el-badge__content--success {
|
||||
background-color: #67C23A; }
|
||||
.el-badge__content--warning {
|
||||
background-color: #E6A23C; }
|
||||
.el-badge__content--info {
|
||||
background-color: #909399; }
|
||||
.el-badge__content--danger {
|
||||
background-color: #F56C6C; }
|
||||
1244
orange-demo-multi/orange-demo-multi-web/src/assets/theme/base.css
Normal file
1244
orange-demo-multi/orange-demo-multi-web/src/assets/theme/base.css
Normal file
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,287 @@
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
.el-breadcrumb {
|
||||
font-size: 14px;
|
||||
line-height: 1; }
|
||||
.el-breadcrumb::before,
|
||||
.el-breadcrumb::after {
|
||||
display: table;
|
||||
content: ""; }
|
||||
.el-breadcrumb::after {
|
||||
clear: both; }
|
||||
.el-breadcrumb__separator {
|
||||
margin: 0 9px;
|
||||
font-weight: bold;
|
||||
color: #C0C4CC; }
|
||||
.el-breadcrumb__separator[class*=icon] {
|
||||
margin: 0 6px;
|
||||
font-weight: normal; }
|
||||
.el-breadcrumb__item {
|
||||
float: left; }
|
||||
.el-breadcrumb__inner {
|
||||
color: #606266; }
|
||||
.el-breadcrumb__inner.is-link, .el-breadcrumb__inner a {
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
-webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
color: #303133; }
|
||||
.el-breadcrumb__inner.is-link:hover, .el-breadcrumb__inner a:hover {
|
||||
color: #409EFF;
|
||||
cursor: pointer; }
|
||||
.el-breadcrumb__item:last-child .el-breadcrumb__inner, .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover,
|
||||
.el-breadcrumb__item:last-child .el-breadcrumb__inner a,
|
||||
.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover {
|
||||
font-weight: normal;
|
||||
color: #606266;
|
||||
cursor: text; }
|
||||
.el-breadcrumb__item:last-child .el-breadcrumb__separator {
|
||||
display: none; }
|
||||
@@ -0,0 +1,762 @@
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
.el-button {
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
background: #FFFFFF;
|
||||
border: 1px solid #DCDFE6;
|
||||
border-color: #DCDFE6;
|
||||
color: #606266;
|
||||
-webkit-appearance: none;
|
||||
text-align: center;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
outline: none;
|
||||
margin: 0;
|
||||
-webkit-transition: .1s;
|
||||
transition: .1s;
|
||||
font-weight: 500;
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
padding: 12px 20px;
|
||||
font-size: 14px;
|
||||
border-radius: 4px; }
|
||||
.el-button + .el-button {
|
||||
margin-left: 10px; }
|
||||
.el-button.is-round {
|
||||
padding: 12px 20px; }
|
||||
.el-button:hover, .el-button:focus {
|
||||
color: #409EFF;
|
||||
border-color: #c6e2ff;
|
||||
background-color: #ecf5ff; }
|
||||
.el-button:active {
|
||||
color: #3a8ee6;
|
||||
border-color: #3a8ee6;
|
||||
outline: none; }
|
||||
.el-button::-moz-focus-inner {
|
||||
border: 0; }
|
||||
.el-button [class*="el-icon-"] + span {
|
||||
margin-left: 5px; }
|
||||
.el-button.is-plain:hover, .el-button.is-plain:focus {
|
||||
background: #FFFFFF;
|
||||
border-color: #409EFF;
|
||||
color: #409EFF; }
|
||||
.el-button.is-plain:active {
|
||||
background: #FFFFFF;
|
||||
border-color: #3a8ee6;
|
||||
color: #3a8ee6;
|
||||
outline: none; }
|
||||
.el-button.is-active {
|
||||
color: #3a8ee6;
|
||||
border-color: #3a8ee6; }
|
||||
.el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus {
|
||||
color: #C0C4CC;
|
||||
cursor: not-allowed;
|
||||
background-image: none;
|
||||
background-color: #FFFFFF;
|
||||
border-color: #EBEEF5; }
|
||||
.el-button.is-disabled.el-button--text {
|
||||
background-color: transparent; }
|
||||
.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus {
|
||||
background-color: #FFFFFF;
|
||||
border-color: #EBEEF5;
|
||||
color: #C0C4CC; }
|
||||
.el-button.is-loading {
|
||||
position: relative;
|
||||
pointer-events: none; }
|
||||
.el-button.is-loading:before {
|
||||
pointer-events: none;
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: -1px;
|
||||
top: -1px;
|
||||
right: -1px;
|
||||
bottom: -1px;
|
||||
border-radius: inherit;
|
||||
background-color: rgba(255, 255, 255, 0.35); }
|
||||
.el-button.is-round {
|
||||
border-radius: 20px;
|
||||
padding: 12px 23px; }
|
||||
.el-button.is-circle {
|
||||
border-radius: 50%;
|
||||
padding: 12px; }
|
||||
.el-button--primary {
|
||||
color: #FFFFFF;
|
||||
background-color: #409EFF;
|
||||
border-color: #409EFF; }
|
||||
.el-button--primary:hover, .el-button--primary:focus {
|
||||
background: #66b1ff;
|
||||
border-color: #66b1ff;
|
||||
color: #FFFFFF; }
|
||||
.el-button--primary:active {
|
||||
background: #3a8ee6;
|
||||
border-color: #3a8ee6;
|
||||
color: #FFFFFF;
|
||||
outline: none; }
|
||||
.el-button--primary.is-active {
|
||||
background: #3a8ee6;
|
||||
border-color: #3a8ee6;
|
||||
color: #FFFFFF; }
|
||||
.el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active {
|
||||
color: #FFFFFF;
|
||||
background-color: #a0cfff;
|
||||
border-color: #a0cfff; }
|
||||
.el-button--primary.is-plain {
|
||||
color: #409EFF;
|
||||
background: #ecf5ff;
|
||||
border-color: #b3d8ff; }
|
||||
.el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus {
|
||||
background: #409EFF;
|
||||
border-color: #409EFF;
|
||||
color: #FFFFFF; }
|
||||
.el-button--primary.is-plain:active {
|
||||
background: #3a8ee6;
|
||||
border-color: #3a8ee6;
|
||||
color: #FFFFFF;
|
||||
outline: none; }
|
||||
.el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active {
|
||||
color: #8cc5ff;
|
||||
background-color: #ecf5ff;
|
||||
border-color: #d9ecff; }
|
||||
.el-button--success {
|
||||
color: #FFFFFF;
|
||||
background-color: #67C23A;
|
||||
border-color: #67C23A; }
|
||||
.el-button--success:hover, .el-button--success:focus {
|
||||
background: #85ce61;
|
||||
border-color: #85ce61;
|
||||
color: #FFFFFF; }
|
||||
.el-button--success:active {
|
||||
background: #5daf34;
|
||||
border-color: #5daf34;
|
||||
color: #FFFFFF;
|
||||
outline: none; }
|
||||
.el-button--success.is-active {
|
||||
background: #5daf34;
|
||||
border-color: #5daf34;
|
||||
color: #FFFFFF; }
|
||||
.el-button--success.is-disabled, .el-button--success.is-disabled:hover, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:active {
|
||||
color: #FFFFFF;
|
||||
background-color: #b3e19d;
|
||||
border-color: #b3e19d; }
|
||||
.el-button--success.is-plain {
|
||||
color: #67C23A;
|
||||
background: #f0f9eb;
|
||||
border-color: #c2e7b0; }
|
||||
.el-button--success.is-plain:hover, .el-button--success.is-plain:focus {
|
||||
background: #67C23A;
|
||||
border-color: #67C23A;
|
||||
color: #FFFFFF; }
|
||||
.el-button--success.is-plain:active {
|
||||
background: #5daf34;
|
||||
border-color: #5daf34;
|
||||
color: #FFFFFF;
|
||||
outline: none; }
|
||||
.el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active {
|
||||
color: #a4da89;
|
||||
background-color: #f0f9eb;
|
||||
border-color: #e1f3d8; }
|
||||
.el-button--warning {
|
||||
color: #FFFFFF;
|
||||
background-color: #E6A23C;
|
||||
border-color: #E6A23C; }
|
||||
.el-button--warning:hover, .el-button--warning:focus {
|
||||
background: #ebb563;
|
||||
border-color: #ebb563;
|
||||
color: #FFFFFF; }
|
||||
.el-button--warning:active {
|
||||
background: #cf9236;
|
||||
border-color: #cf9236;
|
||||
color: #FFFFFF;
|
||||
outline: none; }
|
||||
.el-button--warning.is-active {
|
||||
background: #cf9236;
|
||||
border-color: #cf9236;
|
||||
color: #FFFFFF; }
|
||||
.el-button--warning.is-disabled, .el-button--warning.is-disabled:hover, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:active {
|
||||
color: #FFFFFF;
|
||||
background-color: #f3d19e;
|
||||
border-color: #f3d19e; }
|
||||
.el-button--warning.is-plain {
|
||||
color: #E6A23C;
|
||||
background: #fdf6ec;
|
||||
border-color: #f5dab1; }
|
||||
.el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus {
|
||||
background: #E6A23C;
|
||||
border-color: #E6A23C;
|
||||
color: #FFFFFF; }
|
||||
.el-button--warning.is-plain:active {
|
||||
background: #cf9236;
|
||||
border-color: #cf9236;
|
||||
color: #FFFFFF;
|
||||
outline: none; }
|
||||
.el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active {
|
||||
color: #f0c78a;
|
||||
background-color: #fdf6ec;
|
||||
border-color: #faecd8; }
|
||||
.el-button--danger {
|
||||
color: #FFFFFF;
|
||||
background-color: #F56C6C;
|
||||
border-color: #F56C6C; }
|
||||
.el-button--danger:hover, .el-button--danger:focus {
|
||||
background: #f78989;
|
||||
border-color: #f78989;
|
||||
color: #FFFFFF; }
|
||||
.el-button--danger:active {
|
||||
background: #dd6161;
|
||||
border-color: #dd6161;
|
||||
color: #FFFFFF;
|
||||
outline: none; }
|
||||
.el-button--danger.is-active {
|
||||
background: #dd6161;
|
||||
border-color: #dd6161;
|
||||
color: #FFFFFF; }
|
||||
.el-button--danger.is-disabled, .el-button--danger.is-disabled:hover, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:active {
|
||||
color: #FFFFFF;
|
||||
background-color: #fab6b6;
|
||||
border-color: #fab6b6; }
|
||||
.el-button--danger.is-plain {
|
||||
color: #F56C6C;
|
||||
background: #fef0f0;
|
||||
border-color: #fbc4c4; }
|
||||
.el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus {
|
||||
background: #F56C6C;
|
||||
border-color: #F56C6C;
|
||||
color: #FFFFFF; }
|
||||
.el-button--danger.is-plain:active {
|
||||
background: #dd6161;
|
||||
border-color: #dd6161;
|
||||
color: #FFFFFF;
|
||||
outline: none; }
|
||||
.el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active {
|
||||
color: #f9a7a7;
|
||||
background-color: #fef0f0;
|
||||
border-color: #fde2e2; }
|
||||
.el-button--info {
|
||||
color: #FFFFFF;
|
||||
background-color: #909399;
|
||||
border-color: #909399; }
|
||||
.el-button--info:hover, .el-button--info:focus {
|
||||
background: #a6a9ad;
|
||||
border-color: #a6a9ad;
|
||||
color: #FFFFFF; }
|
||||
.el-button--info:active {
|
||||
background: #82848a;
|
||||
border-color: #82848a;
|
||||
color: #FFFFFF;
|
||||
outline: none; }
|
||||
.el-button--info.is-active {
|
||||
background: #82848a;
|
||||
border-color: #82848a;
|
||||
color: #FFFFFF; }
|
||||
.el-button--info.is-disabled, .el-button--info.is-disabled:hover, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:active {
|
||||
color: #FFFFFF;
|
||||
background-color: #c8c9cc;
|
||||
border-color: #c8c9cc; }
|
||||
.el-button--info.is-plain {
|
||||
color: #909399;
|
||||
background: #f4f4f5;
|
||||
border-color: #d3d4d6; }
|
||||
.el-button--info.is-plain:hover, .el-button--info.is-plain:focus {
|
||||
background: #909399;
|
||||
border-color: #909399;
|
||||
color: #FFFFFF; }
|
||||
.el-button--info.is-plain:active {
|
||||
background: #82848a;
|
||||
border-color: #82848a;
|
||||
color: #FFFFFF;
|
||||
outline: none; }
|
||||
.el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active {
|
||||
color: #bcbec2;
|
||||
background-color: #f4f4f5;
|
||||
border-color: #e9e9eb; }
|
||||
.el-button--medium {
|
||||
padding: 10px 20px;
|
||||
font-size: 14px;
|
||||
border-radius: 4px; }
|
||||
.el-button--medium.is-round {
|
||||
padding: 10px 20px; }
|
||||
.el-button--medium.is-circle {
|
||||
padding: 10px; }
|
||||
.el-button--small {
|
||||
padding: 9px 15px;
|
||||
font-size: 12px;
|
||||
border-radius: 3px; }
|
||||
.el-button--small.is-round {
|
||||
padding: 9px 15px; }
|
||||
.el-button--small.is-circle {
|
||||
padding: 9px; }
|
||||
.el-button--mini {
|
||||
padding: 7px 15px;
|
||||
font-size: 12px;
|
||||
border-radius: 3px; }
|
||||
.el-button--mini.is-round {
|
||||
padding: 7px 15px; }
|
||||
.el-button--mini.is-circle {
|
||||
padding: 7px; }
|
||||
.el-button--text {
|
||||
border-color: transparent;
|
||||
color: #409EFF;
|
||||
background: transparent;
|
||||
padding-left: 0;
|
||||
padding-right: 0; }
|
||||
.el-button--text:hover, .el-button--text:focus {
|
||||
color: #66b1ff;
|
||||
border-color: transparent;
|
||||
background-color: transparent; }
|
||||
.el-button--text:active {
|
||||
color: #3a8ee6;
|
||||
border-color: transparent;
|
||||
background-color: transparent; }
|
||||
.el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus {
|
||||
border-color: transparent; }
|
||||
|
||||
.el-button-group {
|
||||
display: inline-block;
|
||||
vertical-align: middle; }
|
||||
.el-button-group::before,
|
||||
.el-button-group::after {
|
||||
display: table;
|
||||
content: ""; }
|
||||
.el-button-group::after {
|
||||
clear: both; }
|
||||
.el-button-group > .el-button {
|
||||
float: left;
|
||||
position: relative; }
|
||||
.el-button-group > .el-button + .el-button {
|
||||
margin-left: 0; }
|
||||
.el-button-group > .el-button.is-disabled {
|
||||
z-index: 1; }
|
||||
.el-button-group > .el-button:first-child {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0; }
|
||||
.el-button-group > .el-button:last-child {
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0; }
|
||||
.el-button-group > .el-button:first-child:last-child {
|
||||
border-top-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
border-top-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px; }
|
||||
.el-button-group > .el-button:first-child:last-child.is-round {
|
||||
border-radius: 20px; }
|
||||
.el-button-group > .el-button:first-child:last-child.is-circle {
|
||||
border-radius: 50%; }
|
||||
.el-button-group > .el-button:not(:first-child):not(:last-child) {
|
||||
border-radius: 0; }
|
||||
.el-button-group > .el-button:not(:last-child) {
|
||||
margin-right: -1px; }
|
||||
.el-button-group > .el-button:hover, .el-button-group > .el-button:focus, .el-button-group > .el-button:active {
|
||||
z-index: 1; }
|
||||
.el-button-group > .el-button.is-active {
|
||||
z-index: 1; }
|
||||
.el-button-group > .el-dropdown > .el-button {
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
border-left-color: rgba(255, 255, 255, 0.5); }
|
||||
.el-button-group .el-button--primary:first-child {
|
||||
border-right-color: rgba(255, 255, 255, 0.5); }
|
||||
.el-button-group .el-button--primary:last-child {
|
||||
border-left-color: rgba(255, 255, 255, 0.5); }
|
||||
.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
|
||||
border-left-color: rgba(255, 255, 255, 0.5);
|
||||
border-right-color: rgba(255, 255, 255, 0.5); }
|
||||
.el-button-group .el-button--success:first-child {
|
||||
border-right-color: rgba(255, 255, 255, 0.5); }
|
||||
.el-button-group .el-button--success:last-child {
|
||||
border-left-color: rgba(255, 255, 255, 0.5); }
|
||||
.el-button-group .el-button--success:not(:first-child):not(:last-child) {
|
||||
border-left-color: rgba(255, 255, 255, 0.5);
|
||||
border-right-color: rgba(255, 255, 255, 0.5); }
|
||||
.el-button-group .el-button--warning:first-child {
|
||||
border-right-color: rgba(255, 255, 255, 0.5); }
|
||||
.el-button-group .el-button--warning:last-child {
|
||||
border-left-color: rgba(255, 255, 255, 0.5); }
|
||||
.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
|
||||
border-left-color: rgba(255, 255, 255, 0.5);
|
||||
border-right-color: rgba(255, 255, 255, 0.5); }
|
||||
.el-button-group .el-button--danger:first-child {
|
||||
border-right-color: rgba(255, 255, 255, 0.5); }
|
||||
.el-button-group .el-button--danger:last-child {
|
||||
border-left-color: rgba(255, 255, 255, 0.5); }
|
||||
.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
|
||||
border-left-color: rgba(255, 255, 255, 0.5);
|
||||
border-right-color: rgba(255, 255, 255, 0.5); }
|
||||
.el-button-group .el-button--info:first-child {
|
||||
border-right-color: rgba(255, 255, 255, 0.5); }
|
||||
.el-button-group .el-button--info:last-child {
|
||||
border-left-color: rgba(255, 255, 255, 0.5); }
|
||||
.el-button-group .el-button--info:not(:first-child):not(:last-child) {
|
||||
border-left-color: rgba(255, 255, 255, 0.5);
|
||||
border-right-color: rgba(255, 255, 255, 0.5); }
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,271 @@
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
.el-card {
|
||||
border-radius: 4px;
|
||||
border: 1px solid #EBEEF5;
|
||||
background-color: #FFFFFF;
|
||||
overflow: hidden;
|
||||
color: #303133;
|
||||
-webkit-transition: 0.3s;
|
||||
transition: 0.3s; }
|
||||
.el-card.is-always-shadow {
|
||||
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); }
|
||||
.el-card.is-hover-shadow:hover, .el-card.is-hover-shadow:focus {
|
||||
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); }
|
||||
.el-card__header {
|
||||
padding: 18px 20px;
|
||||
border-bottom: 1px solid #EBEEF5;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
.el-card__body {
|
||||
padding: 20px; }
|
||||
@@ -0,0 +1,291 @@
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
.el-carousel__item {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
z-index: 0; }
|
||||
.el-carousel__item.is-active {
|
||||
z-index: 2; }
|
||||
.el-carousel__item.is-animating {
|
||||
-webkit-transition: -webkit-transform .4s ease-in-out;
|
||||
transition: -webkit-transform .4s ease-in-out;
|
||||
transition: transform .4s ease-in-out;
|
||||
transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out; }
|
||||
.el-carousel__item--card {
|
||||
width: 50%;
|
||||
-webkit-transition: -webkit-transform .4s ease-in-out;
|
||||
transition: -webkit-transform .4s ease-in-out;
|
||||
transition: transform .4s ease-in-out;
|
||||
transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out; }
|
||||
.el-carousel__item--card.is-in-stage {
|
||||
cursor: pointer;
|
||||
z-index: 1; }
|
||||
.el-carousel__item--card.is-in-stage:hover .el-carousel__mask,
|
||||
.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask {
|
||||
opacity: 0.12; }
|
||||
.el-carousel__item--card.is-active {
|
||||
z-index: 2; }
|
||||
|
||||
.el-carousel__mask {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background-color: #FFFFFF;
|
||||
opacity: 0.24;
|
||||
-webkit-transition: .2s;
|
||||
transition: .2s; }
|
||||
@@ -0,0 +1,367 @@
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
.el-carousel {
|
||||
position: relative; }
|
||||
.el-carousel--horizontal {
|
||||
overflow-x: hidden; }
|
||||
.el-carousel--vertical {
|
||||
overflow-y: hidden; }
|
||||
.el-carousel__container {
|
||||
position: relative;
|
||||
height: 300px; }
|
||||
.el-carousel__arrow {
|
||||
border: none;
|
||||
outline: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
height: 36px;
|
||||
width: 36px;
|
||||
cursor: pointer;
|
||||
-webkit-transition: .3s;
|
||||
transition: .3s;
|
||||
border-radius: 50%;
|
||||
background-color: rgba(31, 45, 61, 0.11);
|
||||
color: #FFFFFF;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
z-index: 10;
|
||||
-webkit-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
text-align: center;
|
||||
font-size: 12px; }
|
||||
.el-carousel__arrow--left {
|
||||
left: 16px; }
|
||||
.el-carousel__arrow--right {
|
||||
right: 16px; }
|
||||
.el-carousel__arrow:hover {
|
||||
background-color: rgba(31, 45, 61, 0.23); }
|
||||
.el-carousel__arrow i {
|
||||
cursor: pointer; }
|
||||
.el-carousel__indicators {
|
||||
position: absolute;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
z-index: 2; }
|
||||
.el-carousel__indicators--horizontal {
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
-webkit-transform: translateX(-50%);
|
||||
transform: translateX(-50%); }
|
||||
.el-carousel__indicators--vertical {
|
||||
right: 0;
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
transform: translateY(-50%); }
|
||||
.el-carousel__indicators--outside {
|
||||
bottom: 26px;
|
||||
text-align: center;
|
||||
position: static;
|
||||
-webkit-transform: none;
|
||||
transform: none; }
|
||||
.el-carousel__indicators--outside .el-carousel__indicator:hover button {
|
||||
opacity: 0.64; }
|
||||
.el-carousel__indicators--outside button {
|
||||
background-color: #C0C4CC;
|
||||
opacity: 0.24; }
|
||||
.el-carousel__indicators--labels {
|
||||
left: 0;
|
||||
right: 0;
|
||||
-webkit-transform: none;
|
||||
transform: none;
|
||||
text-align: center; }
|
||||
.el-carousel__indicators--labels .el-carousel__button {
|
||||
height: auto;
|
||||
width: auto;
|
||||
padding: 2px 18px;
|
||||
font-size: 12px; }
|
||||
.el-carousel__indicators--labels .el-carousel__indicator {
|
||||
padding: 6px 4px; }
|
||||
.el-carousel__indicator {
|
||||
background-color: transparent;
|
||||
cursor: pointer; }
|
||||
.el-carousel__indicator:hover button {
|
||||
opacity: 0.72; }
|
||||
.el-carousel__indicator--horizontal {
|
||||
display: inline-block;
|
||||
padding: 12px 4px; }
|
||||
.el-carousel__indicator--vertical {
|
||||
padding: 4px 12px; }
|
||||
.el-carousel__indicator--vertical .el-carousel__button {
|
||||
width: 2px;
|
||||
height: 15px; }
|
||||
.el-carousel__indicator.is-active button {
|
||||
opacity: 1; }
|
||||
.el-carousel__button {
|
||||
display: block;
|
||||
opacity: 0.48;
|
||||
width: 30px;
|
||||
height: 2px;
|
||||
background-color: #FFFFFF;
|
||||
border: none;
|
||||
outline: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
-webkit-transition: .3s;
|
||||
transition: .3s; }
|
||||
|
||||
.carousel-arrow-left-enter,
|
||||
.carousel-arrow-left-leave-active {
|
||||
-webkit-transform: translateY(-50%) translateX(-10px);
|
||||
transform: translateY(-50%) translateX(-10px);
|
||||
opacity: 0; }
|
||||
|
||||
.carousel-arrow-right-enter,
|
||||
.carousel-arrow-right-leave-active {
|
||||
-webkit-transform: translateY(-50%) translateX(10px);
|
||||
transform: translateY(-50%) translateX(10px);
|
||||
opacity: 0; }
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,636 @@
|
||||
@charset "UTF-8";
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
.el-checkbox {
|
||||
color: #606266;
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
margin-right: 30px; }
|
||||
.el-checkbox.is-bordered {
|
||||
padding: 9px 20px 9px 10px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #DCDFE6;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
line-height: normal;
|
||||
height: 40px; }
|
||||
.el-checkbox.is-bordered.is-checked {
|
||||
border-color: #409EFF; }
|
||||
.el-checkbox.is-bordered.is-disabled {
|
||||
border-color: #EBEEF5;
|
||||
cursor: not-allowed; }
|
||||
.el-checkbox.is-bordered + .el-checkbox.is-bordered {
|
||||
margin-left: 10px; }
|
||||
.el-checkbox.is-bordered.el-checkbox--medium {
|
||||
padding: 7px 20px 7px 10px;
|
||||
border-radius: 4px;
|
||||
height: 36px; }
|
||||
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
|
||||
line-height: 17px;
|
||||
font-size: 14px; }
|
||||
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
|
||||
height: 14px;
|
||||
width: 14px; }
|
||||
.el-checkbox.is-bordered.el-checkbox--small {
|
||||
padding: 5px 15px 5px 10px;
|
||||
border-radius: 3px;
|
||||
height: 32px; }
|
||||
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
|
||||
line-height: 15px;
|
||||
font-size: 12px; }
|
||||
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
|
||||
height: 12px;
|
||||
width: 12px; }
|
||||
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
|
||||
height: 6px;
|
||||
width: 2px; }
|
||||
.el-checkbox.is-bordered.el-checkbox--mini {
|
||||
padding: 3px 15px 3px 10px;
|
||||
border-radius: 3px;
|
||||
height: 28px; }
|
||||
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
|
||||
line-height: 12px;
|
||||
font-size: 12px; }
|
||||
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
|
||||
height: 12px;
|
||||
width: 12px; }
|
||||
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after {
|
||||
height: 6px;
|
||||
width: 2px; }
|
||||
.el-checkbox__input {
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
position: relative;
|
||||
vertical-align: middle; }
|
||||
.el-checkbox__input.is-disabled .el-checkbox__inner {
|
||||
background-color: #edf2fc;
|
||||
border-color: #DCDFE6;
|
||||
cursor: not-allowed; }
|
||||
.el-checkbox__input.is-disabled .el-checkbox__inner::after {
|
||||
cursor: not-allowed;
|
||||
border-color: #C0C4CC; }
|
||||
.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
|
||||
cursor: not-allowed; }
|
||||
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
|
||||
background-color: #F2F6FC;
|
||||
border-color: #DCDFE6; }
|
||||
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
|
||||
border-color: #C0C4CC; }
|
||||
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
|
||||
background-color: #F2F6FC;
|
||||
border-color: #DCDFE6; }
|
||||
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
|
||||
background-color: #C0C4CC;
|
||||
border-color: #C0C4CC; }
|
||||
.el-checkbox__input.is-disabled + span.el-checkbox__label {
|
||||
color: #C0C4CC;
|
||||
cursor: not-allowed; }
|
||||
.el-checkbox__input.is-checked .el-checkbox__inner {
|
||||
background-color: #409EFF;
|
||||
border-color: #409EFF; }
|
||||
.el-checkbox__input.is-checked .el-checkbox__inner::after {
|
||||
-webkit-transform: rotate(45deg) scaleY(1);
|
||||
transform: rotate(45deg) scaleY(1); }
|
||||
.el-checkbox__input.is-checked + .el-checkbox__label {
|
||||
color: #409EFF; }
|
||||
.el-checkbox__input.is-focus {
|
||||
/*focus时 视觉上区分*/ }
|
||||
.el-checkbox__input.is-focus .el-checkbox__inner {
|
||||
border-color: #409EFF; }
|
||||
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
|
||||
background-color: #409EFF;
|
||||
border-color: #409EFF; }
|
||||
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
display: block;
|
||||
background-color: #FFFFFF;
|
||||
height: 2px;
|
||||
-webkit-transform: scale(0.5);
|
||||
transform: scale(0.5);
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 5px; }
|
||||
.el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
|
||||
display: none; }
|
||||
.el-checkbox__inner {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
border: 1px solid #DCDFE6;
|
||||
border-radius: 2px;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
background-color: #FFFFFF;
|
||||
z-index: 1;
|
||||
-webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
|
||||
transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); }
|
||||
.el-checkbox__inner:hover {
|
||||
border-color: #409EFF; }
|
||||
.el-checkbox__inner::after {
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
content: "";
|
||||
border: 1px solid #FFFFFF;
|
||||
border-left: 0;
|
||||
border-top: 0;
|
||||
height: 7px;
|
||||
left: 4px;
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
-webkit-transform: rotate(45deg) scaleY(0);
|
||||
transform: rotate(45deg) scaleY(0);
|
||||
width: 3px;
|
||||
-webkit-transition: -webkit-transform .15s ease-in .05s;
|
||||
transition: -webkit-transform .15s ease-in .05s;
|
||||
transition: transform .15s ease-in .05s;
|
||||
transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s;
|
||||
-webkit-transform-origin: center;
|
||||
transform-origin: center; }
|
||||
.el-checkbox__original {
|
||||
opacity: 0;
|
||||
outline: none;
|
||||
position: absolute;
|
||||
margin: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
z-index: -1; }
|
||||
.el-checkbox__label {
|
||||
display: inline-block;
|
||||
padding-left: 10px;
|
||||
line-height: 19px;
|
||||
font-size: 14px; }
|
||||
.el-checkbox:last-of-type {
|
||||
margin-right: 0; }
|
||||
|
||||
.el-checkbox-button {
|
||||
position: relative;
|
||||
display: inline-block; }
|
||||
.el-checkbox-button__inner {
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
font-weight: 500;
|
||||
white-space: nowrap;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
background: #FFFFFF;
|
||||
border: 1px solid #DCDFE6;
|
||||
border-left: 0;
|
||||
color: #606266;
|
||||
-webkit-appearance: none;
|
||||
text-align: center;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
outline: none;
|
||||
margin: 0;
|
||||
position: relative;
|
||||
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
padding: 12px 20px;
|
||||
font-size: 14px;
|
||||
border-radius: 0; }
|
||||
.el-checkbox-button__inner.is-round {
|
||||
padding: 12px 20px; }
|
||||
.el-checkbox-button__inner:hover {
|
||||
color: #409EFF; }
|
||||
.el-checkbox-button__inner [class*="el-icon-"] {
|
||||
line-height: 0.9; }
|
||||
.el-checkbox-button__inner [class*="el-icon-"] + span {
|
||||
margin-left: 5px; }
|
||||
.el-checkbox-button__original {
|
||||
opacity: 0;
|
||||
outline: none;
|
||||
position: absolute;
|
||||
margin: 0;
|
||||
z-index: -1; }
|
||||
.el-checkbox-button.is-checked .el-checkbox-button__inner {
|
||||
color: #FFFFFF;
|
||||
background-color: #409EFF;
|
||||
border-color: #409EFF;
|
||||
-webkit-box-shadow: -1px 0 0 0 #8cc5ff;
|
||||
box-shadow: -1px 0 0 0 #8cc5ff; }
|
||||
.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
|
||||
border-left-color: #409EFF; }
|
||||
.el-checkbox-button.is-disabled .el-checkbox-button__inner {
|
||||
color: #C0C4CC;
|
||||
cursor: not-allowed;
|
||||
background-image: none;
|
||||
background-color: #FFFFFF;
|
||||
border-color: #EBEEF5;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none; }
|
||||
.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
|
||||
border-left-color: #EBEEF5; }
|
||||
.el-checkbox-button:first-child .el-checkbox-button__inner {
|
||||
border-left: 1px solid #DCDFE6;
|
||||
border-radius: 4px 0 0 4px;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important; }
|
||||
.el-checkbox-button.is-focus .el-checkbox-button__inner {
|
||||
border-color: #409EFF; }
|
||||
.el-checkbox-button:last-child .el-checkbox-button__inner {
|
||||
border-radius: 0 4px 4px 0; }
|
||||
.el-checkbox-button--medium .el-checkbox-button__inner {
|
||||
padding: 10px 20px;
|
||||
font-size: 14px;
|
||||
border-radius: 0; }
|
||||
.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
|
||||
padding: 10px 20px; }
|
||||
.el-checkbox-button--small .el-checkbox-button__inner {
|
||||
padding: 9px 15px;
|
||||
font-size: 12px;
|
||||
border-radius: 0; }
|
||||
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
|
||||
padding: 9px 15px; }
|
||||
.el-checkbox-button--mini .el-checkbox-button__inner {
|
||||
padding: 7px 15px;
|
||||
font-size: 12px;
|
||||
border-radius: 0; }
|
||||
.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
|
||||
padding: 7px 15px; }
|
||||
|
||||
.el-checkbox-group {
|
||||
font-size: 0; }
|
||||
1877
orange-demo-multi/orange-demo-multi-web/src/assets/theme/col.css
Normal file
1877
orange-demo-multi/orange-demo-multi-web/src/assets/theme/col.css
Normal file
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,543 @@
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
.fade-in-linear-enter-active,
|
||||
.fade-in-linear-leave-active {
|
||||
-webkit-transition: opacity 200ms linear;
|
||||
transition: opacity 200ms linear; }
|
||||
|
||||
.fade-in-linear-enter,
|
||||
.fade-in-linear-leave,
|
||||
.fade-in-linear-leave-active {
|
||||
opacity: 0; }
|
||||
|
||||
.el-fade-in-linear-enter-active,
|
||||
.el-fade-in-linear-leave-active {
|
||||
-webkit-transition: opacity 200ms linear;
|
||||
transition: opacity 200ms linear; }
|
||||
|
||||
.el-fade-in-linear-enter,
|
||||
.el-fade-in-linear-leave,
|
||||
.el-fade-in-linear-leave-active {
|
||||
opacity: 0; }
|
||||
|
||||
.el-fade-in-enter-active,
|
||||
.el-fade-in-leave-active {
|
||||
-webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
||||
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); }
|
||||
|
||||
.el-fade-in-enter,
|
||||
.el-fade-in-leave-active {
|
||||
opacity: 0; }
|
||||
|
||||
.el-zoom-in-center-enter-active,
|
||||
.el-zoom-in-center-leave-active {
|
||||
-webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
||||
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); }
|
||||
|
||||
.el-zoom-in-center-enter,
|
||||
.el-zoom-in-center-leave-active {
|
||||
opacity: 0;
|
||||
-webkit-transform: scaleX(0);
|
||||
transform: scaleX(0); }
|
||||
|
||||
.el-zoom-in-top-enter-active,
|
||||
.el-zoom-in-top-leave-active {
|
||||
opacity: 1;
|
||||
-webkit-transform: scaleY(1);
|
||||
transform: scaleY(1);
|
||||
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
||||
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
||||
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
||||
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
||||
-webkit-transform-origin: center top;
|
||||
transform-origin: center top; }
|
||||
|
||||
.el-zoom-in-top-enter,
|
||||
.el-zoom-in-top-leave-active {
|
||||
opacity: 0;
|
||||
-webkit-transform: scaleY(0);
|
||||
transform: scaleY(0); }
|
||||
|
||||
.el-zoom-in-bottom-enter-active,
|
||||
.el-zoom-in-bottom-leave-active {
|
||||
opacity: 1;
|
||||
-webkit-transform: scaleY(1);
|
||||
transform: scaleY(1);
|
||||
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
||||
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
||||
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
||||
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
||||
-webkit-transform-origin: center bottom;
|
||||
transform-origin: center bottom; }
|
||||
|
||||
.el-zoom-in-bottom-enter,
|
||||
.el-zoom-in-bottom-leave-active {
|
||||
opacity: 0;
|
||||
-webkit-transform: scaleY(0);
|
||||
transform: scaleY(0); }
|
||||
|
||||
.el-zoom-in-left-enter-active,
|
||||
.el-zoom-in-left-leave-active {
|
||||
opacity: 1;
|
||||
-webkit-transform: scale(1, 1);
|
||||
transform: scale(1, 1);
|
||||
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
||||
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
||||
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
||||
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
||||
-webkit-transform-origin: top left;
|
||||
transform-origin: top left; }
|
||||
|
||||
.el-zoom-in-left-enter,
|
||||
.el-zoom-in-left-leave-active {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(0.45, 0.45);
|
||||
transform: scale(0.45, 0.45); }
|
||||
|
||||
.collapse-transition {
|
||||
-webkit-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
|
||||
transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; }
|
||||
|
||||
.horizontal-collapse-transition {
|
||||
-webkit-transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
|
||||
transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out; }
|
||||
|
||||
.el-list-enter-active,
|
||||
.el-list-leave-active {
|
||||
-webkit-transition: all 1s;
|
||||
transition: all 1s; }
|
||||
|
||||
.el-list-enter, .el-list-leave-active {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(-30px);
|
||||
transform: translateY(-30px); }
|
||||
|
||||
.el-opacity-transition {
|
||||
-webkit-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
||||
transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); }
|
||||
|
||||
.el-collapse {
|
||||
border-top: 1px solid #EBEEF5;
|
||||
border-bottom: 1px solid #EBEEF5; }
|
||||
|
||||
.el-collapse-item.is-disabled .el-collapse-item__header {
|
||||
color: #bbb;
|
||||
cursor: not-allowed; }
|
||||
|
||||
.el-collapse-item__header {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
height: 48px;
|
||||
line-height: 48px;
|
||||
background-color: #FFFFFF;
|
||||
color: #303133;
|
||||
cursor: pointer;
|
||||
border-bottom: 1px solid #EBEEF5;
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
-webkit-transition: border-bottom-color .3s;
|
||||
transition: border-bottom-color .3s;
|
||||
outline: none; }
|
||||
.el-collapse-item__arrow {
|
||||
margin: 0 8px 0 auto;
|
||||
-webkit-transition: -webkit-transform .3s;
|
||||
transition: -webkit-transform .3s;
|
||||
transition: transform .3s;
|
||||
transition: transform .3s, -webkit-transform .3s;
|
||||
font-weight: 300; }
|
||||
.el-collapse-item__arrow.is-active {
|
||||
-webkit-transform: rotate(90deg);
|
||||
transform: rotate(90deg); }
|
||||
.el-collapse-item__header.focusing:focus:not(:hover) {
|
||||
color: #409EFF; }
|
||||
.el-collapse-item__header.is-active {
|
||||
border-bottom-color: transparent; }
|
||||
|
||||
.el-collapse-item__wrap {
|
||||
will-change: height;
|
||||
background-color: #FFFFFF;
|
||||
overflow: hidden;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
border-bottom: 1px solid #EBEEF5; }
|
||||
|
||||
.el-collapse-item__content {
|
||||
padding-bottom: 25px;
|
||||
font-size: 13px;
|
||||
color: #303133;
|
||||
line-height: 1.769230769230769; }
|
||||
|
||||
.el-collapse-item:last-child {
|
||||
margin-bottom: -1px; }
|
||||
@@ -0,0 +1,545 @@
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
.el-color-predefine {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
font-size: 12px;
|
||||
margin-top: 8px;
|
||||
width: 280px; }
|
||||
.el-color-predefine__colors {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap; }
|
||||
.el-color-predefine__color-selector {
|
||||
margin: 0 0 8px 8px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 4px;
|
||||
cursor: pointer; }
|
||||
.el-color-predefine__color-selector:nth-child(10n + 1) {
|
||||
margin-left: 0; }
|
||||
.el-color-predefine__color-selector.selected {
|
||||
-webkit-box-shadow: 0 0 3px 2px #409EFF;
|
||||
box-shadow: 0 0 3px 2px #409EFF; }
|
||||
.el-color-predefine__color-selector > div {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
height: 100%;
|
||||
border-radius: 3px; }
|
||||
.el-color-predefine__color-selector.is-alpha {
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); }
|
||||
|
||||
.el-color-hue-slider {
|
||||
position: relative;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
width: 280px;
|
||||
height: 12px;
|
||||
background-color: #f00;
|
||||
padding: 0 2px; }
|
||||
.el-color-hue-slider__bar {
|
||||
position: relative;
|
||||
background: -webkit-gradient(linear, left top, right top, from(#f00), color-stop(17%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(83%, #f0f), to(#f00));
|
||||
background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
|
||||
height: 100%; }
|
||||
.el-color-hue-slider__thumb {
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 4px;
|
||||
height: 100%;
|
||||
border-radius: 1px;
|
||||
background: #fff;
|
||||
border: 1px solid #f0f0f0;
|
||||
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
|
||||
box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
|
||||
z-index: 1; }
|
||||
.el-color-hue-slider.is-vertical {
|
||||
width: 12px;
|
||||
height: 180px;
|
||||
padding: 2px 0; }
|
||||
.el-color-hue-slider.is-vertical .el-color-hue-slider__bar {
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#f00), color-stop(17%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(83%, #f0f), to(#f00));
|
||||
background: linear-gradient(to bottom, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%); }
|
||||
.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb {
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 4px; }
|
||||
|
||||
.el-color-svpanel {
|
||||
position: relative;
|
||||
width: 280px;
|
||||
height: 180px; }
|
||||
.el-color-svpanel__white, .el-color-svpanel__black {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0; }
|
||||
.el-color-svpanel__white {
|
||||
background: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255, 255, 255, 0)));
|
||||
background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)); }
|
||||
.el-color-svpanel__black {
|
||||
background: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0)));
|
||||
background: linear-gradient(to top, #000, rgba(0, 0, 0, 0)); }
|
||||
.el-color-svpanel__cursor {
|
||||
position: absolute; }
|
||||
.el-color-svpanel__cursor > div {
|
||||
cursor: head;
|
||||
width: 4px;
|
||||
height: 4px;
|
||||
-webkit-box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4);
|
||||
box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4);
|
||||
border-radius: 50%;
|
||||
-webkit-transform: translate(-2px, -2px);
|
||||
transform: translate(-2px, -2px); }
|
||||
|
||||
.el-color-alpha-slider {
|
||||
position: relative;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
width: 280px;
|
||||
height: 12px;
|
||||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); }
|
||||
.el-color-alpha-slider__bar {
|
||||
position: relative;
|
||||
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
|
||||
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
|
||||
height: 100%; }
|
||||
.el-color-alpha-slider__thumb {
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 4px;
|
||||
height: 100%;
|
||||
border-radius: 1px;
|
||||
background: #fff;
|
||||
border: 1px solid #f0f0f0;
|
||||
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
|
||||
box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
|
||||
z-index: 1; }
|
||||
.el-color-alpha-slider.is-vertical {
|
||||
width: 20px;
|
||||
height: 180px; }
|
||||
.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar {
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
|
||||
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); }
|
||||
.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb {
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 4px; }
|
||||
|
||||
.el-color-dropdown {
|
||||
width: 300px; }
|
||||
.el-color-dropdown__main-wrapper {
|
||||
margin-bottom: 6px; }
|
||||
.el-color-dropdown__main-wrapper::after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both; }
|
||||
.el-color-dropdown__btns {
|
||||
margin-top: 6px;
|
||||
text-align: right; }
|
||||
.el-color-dropdown__value {
|
||||
float: left;
|
||||
line-height: 26px;
|
||||
font-size: 12px;
|
||||
color: #000000;
|
||||
width: 160px; }
|
||||
.el-color-dropdown__btn {
|
||||
border: 1px solid #dcdcdc;
|
||||
color: #333;
|
||||
line-height: 24px;
|
||||
border-radius: 2px;
|
||||
padding: 0 20px;
|
||||
cursor: pointer;
|
||||
background-color: transparent;
|
||||
outline: none;
|
||||
font-size: 12px; }
|
||||
.el-color-dropdown__btn[disabled] {
|
||||
color: #cccccc;
|
||||
cursor: not-allowed; }
|
||||
.el-color-dropdown__btn:hover {
|
||||
color: #409EFF;
|
||||
border-color: #409EFF; }
|
||||
.el-color-dropdown__link-btn {
|
||||
cursor: pointer;
|
||||
color: #409EFF;
|
||||
text-decoration: none;
|
||||
padding: 15px;
|
||||
font-size: 12px; }
|
||||
.el-color-dropdown__link-btn:hover {
|
||||
color: tint(#409EFF, 20%); }
|
||||
|
||||
.el-color-picker {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
line-height: normal;
|
||||
height: 40px; }
|
||||
.el-color-picker.is-disabled .el-color-picker__trigger {
|
||||
cursor: not-allowed; }
|
||||
.el-color-picker--medium {
|
||||
height: 36px; }
|
||||
.el-color-picker--medium .el-color-picker__trigger {
|
||||
height: 36px;
|
||||
width: 36px; }
|
||||
.el-color-picker--medium .el-color-picker__mask {
|
||||
height: 34px;
|
||||
width: 34px; }
|
||||
.el-color-picker--small {
|
||||
height: 32px; }
|
||||
.el-color-picker--small .el-color-picker__trigger {
|
||||
height: 32px;
|
||||
width: 32px; }
|
||||
.el-color-picker--small .el-color-picker__mask {
|
||||
height: 30px;
|
||||
width: 30px; }
|
||||
.el-color-picker--small .el-color-picker__icon,
|
||||
.el-color-picker--small .el-color-picker__empty {
|
||||
-webkit-transform: translate3d(-50%, -50%, 0) scale(0.8);
|
||||
transform: translate3d(-50%, -50%, 0) scale(0.8); }
|
||||
.el-color-picker--mini {
|
||||
height: 28px; }
|
||||
.el-color-picker--mini .el-color-picker__trigger {
|
||||
height: 28px;
|
||||
width: 28px; }
|
||||
.el-color-picker--mini .el-color-picker__mask {
|
||||
height: 26px;
|
||||
width: 26px; }
|
||||
.el-color-picker--mini .el-color-picker__icon,
|
||||
.el-color-picker--mini .el-color-picker__empty {
|
||||
-webkit-transform: translate3d(-50%, -50%, 0) scale(0.8);
|
||||
transform: translate3d(-50%, -50%, 0) scale(0.8); }
|
||||
.el-color-picker__mask {
|
||||
height: 38px;
|
||||
width: 38px;
|
||||
border-radius: 4px;
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
left: 1px;
|
||||
z-index: 1;
|
||||
cursor: not-allowed;
|
||||
background-color: rgba(255, 255, 255, 0.7); }
|
||||
.el-color-picker__trigger {
|
||||
display: inline-block;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
padding: 4px;
|
||||
border: 1px solid #e6e6e6;
|
||||
border-radius: 4px;
|
||||
font-size: 0;
|
||||
position: relative;
|
||||
cursor: pointer; }
|
||||
.el-color-picker__color {
|
||||
position: relative;
|
||||
display: block;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #999;
|
||||
border-radius: 2px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: center; }
|
||||
.el-color-picker__color.is-alpha {
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); }
|
||||
.el-color-picker__color-inner {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0; }
|
||||
.el-color-picker__empty {
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
-webkit-transform: translate3d(-50%, -50%, 0);
|
||||
transform: translate3d(-50%, -50%, 0); }
|
||||
.el-color-picker__icon {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
-webkit-transform: translate3d(-50%, -50%, 0);
|
||||
transform: translate3d(-50%, -50%, 0);
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
font-size: 12px; }
|
||||
.el-color-picker__panel {
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
padding: 6px;
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
background-color: #FFFFFF;
|
||||
border: 1px solid #EBEEF5;
|
||||
border-radius: 4px;
|
||||
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); }
|
||||
@@ -0,0 +1,151 @@
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
.el-container {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: row;
|
||||
flex-direction: row;
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
-ms-flex-preferred-size: auto;
|
||||
flex-basis: auto;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
min-width: 0; }
|
||||
.el-container.is-vertical {
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column; }
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,651 @@
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
.v-modal-enter {
|
||||
-webkit-animation: v-modal-in .2s ease;
|
||||
animation: v-modal-in .2s ease; }
|
||||
|
||||
.v-modal-leave {
|
||||
-webkit-animation: v-modal-out .2s ease forwards;
|
||||
animation: v-modal-out .2s ease forwards; }
|
||||
|
||||
@-webkit-keyframes v-modal-in {
|
||||
0% {
|
||||
opacity: 0; }
|
||||
100% { } }
|
||||
|
||||
@keyframes v-modal-in {
|
||||
0% {
|
||||
opacity: 0; }
|
||||
100% { } }
|
||||
|
||||
@-webkit-keyframes v-modal-out {
|
||||
0% { }
|
||||
100% {
|
||||
opacity: 0; } }
|
||||
|
||||
@keyframes v-modal-out {
|
||||
0% { }
|
||||
100% {
|
||||
opacity: 0; } }
|
||||
|
||||
.v-modal {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
opacity: 0.5;
|
||||
background: #000000; }
|
||||
|
||||
.el-popup-parent--hidden {
|
||||
overflow: hidden; }
|
||||
|
||||
.el-dialog {
|
||||
position: relative;
|
||||
margin: 0 auto 50px;
|
||||
background: #FFFFFF;
|
||||
border-radius: 2px;
|
||||
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
width: 50%; }
|
||||
.el-dialog.is-fullscreen {
|
||||
width: 100%;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
height: 100%;
|
||||
overflow: auto; }
|
||||
.el-dialog__wrapper {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
overflow: auto;
|
||||
margin: 0; }
|
||||
.el-dialog__header {
|
||||
padding: 20px;
|
||||
padding-bottom: 10px; }
|
||||
.el-dialog__headerbtn {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
padding: 0;
|
||||
background: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
font-size: 16px; }
|
||||
.el-dialog__headerbtn .el-dialog__close {
|
||||
color: #909399; }
|
||||
.el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close {
|
||||
color: #409EFF; }
|
||||
.el-dialog__title {
|
||||
line-height: 24px;
|
||||
font-size: 18px;
|
||||
color: #303133; }
|
||||
.el-dialog__body {
|
||||
padding: 30px 20px;
|
||||
color: #606266;
|
||||
font-size: 14px;
|
||||
word-break: break-all; }
|
||||
.el-dialog__footer {
|
||||
padding: 20px;
|
||||
padding-top: 10px;
|
||||
text-align: right;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
.el-dialog--center {
|
||||
text-align: center; }
|
||||
.el-dialog--center .el-dialog__body {
|
||||
text-align: initial;
|
||||
padding: 25px 25px 30px; }
|
||||
.el-dialog--center .el-dialog__footer {
|
||||
text-align: inherit; }
|
||||
|
||||
.dialog-fade-enter-active {
|
||||
-webkit-animation: dialog-fade-in .3s;
|
||||
animation: dialog-fade-in .3s; }
|
||||
|
||||
.dialog-fade-leave-active {
|
||||
-webkit-animation: dialog-fade-out .3s;
|
||||
animation: dialog-fade-out .3s; }
|
||||
|
||||
@-webkit-keyframes dialog-fade-in {
|
||||
0% {
|
||||
-webkit-transform: translate3d(0, -20px, 0);
|
||||
transform: translate3d(0, -20px, 0);
|
||||
opacity: 0; }
|
||||
100% {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
opacity: 1; } }
|
||||
|
||||
@keyframes dialog-fade-in {
|
||||
0% {
|
||||
-webkit-transform: translate3d(0, -20px, 0);
|
||||
transform: translate3d(0, -20px, 0);
|
||||
opacity: 0; }
|
||||
100% {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
opacity: 1; } }
|
||||
|
||||
@-webkit-keyframes dialog-fade-out {
|
||||
0% {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
opacity: 1; }
|
||||
100% {
|
||||
-webkit-transform: translate3d(0, -20px, 0);
|
||||
transform: translate3d(0, -20px, 0);
|
||||
opacity: 0; } }
|
||||
|
||||
@keyframes dialog-fade-out {
|
||||
0% {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
opacity: 1; }
|
||||
100% {
|
||||
-webkit-transform: translate3d(0, -20px, 0);
|
||||
transform: translate3d(0, -20px, 0);
|
||||
opacity: 0; } }
|
||||
@@ -0,0 +1,293 @@
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
@media only screen and (max-width: 767px) {
|
||||
.hidden-xs-only {
|
||||
display: none !important; } }
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
.hidden-sm-and-up {
|
||||
display: none !important; } }
|
||||
|
||||
@media only screen and (min-width: 768px) and (max-width: 991px) {
|
||||
.hidden-sm-only {
|
||||
display: none !important; } }
|
||||
|
||||
@media only screen and (max-width: 991px) {
|
||||
.hidden-sm-and-down {
|
||||
display: none !important; } }
|
||||
|
||||
@media only screen and (min-width: 992px) {
|
||||
.hidden-md-and-up {
|
||||
display: none !important; } }
|
||||
|
||||
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
||||
.hidden-md-only {
|
||||
display: none !important; } }
|
||||
|
||||
@media only screen and (max-width: 1199px) {
|
||||
.hidden-md-and-down {
|
||||
display: none !important; } }
|
||||
|
||||
@media only screen and (min-width: 1200px) {
|
||||
.hidden-lg-and-up {
|
||||
display: none !important; } }
|
||||
|
||||
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
|
||||
.hidden-lg-only {
|
||||
display: none !important; } }
|
||||
|
||||
@media only screen and (max-width: 1919px) {
|
||||
.hidden-lg-and-down {
|
||||
display: none !important; } }
|
||||
|
||||
@media only screen and (min-width: 1920px) {
|
||||
.hidden-xl-only {
|
||||
display: none !important; } }
|
||||
@@ -0,0 +1,284 @@
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
.el-divider {
|
||||
background-color: #DCDFE6;
|
||||
position: relative; }
|
||||
.el-divider--horizontal {
|
||||
display: block;
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
margin: 24px 0; }
|
||||
.el-divider--vertical {
|
||||
display: inline-block;
|
||||
width: 1px;
|
||||
height: 1em;
|
||||
margin: 0 8px;
|
||||
vertical-align: middle;
|
||||
position: relative; }
|
||||
.el-divider__text {
|
||||
position: absolute;
|
||||
background-color: #FFFFFF;
|
||||
padding: 0 20px;
|
||||
font-weight: 500;
|
||||
color: #303133;
|
||||
font-size: 14px; }
|
||||
.el-divider__text.is-left {
|
||||
left: 20px;
|
||||
-webkit-transform: translateY(-50%);
|
||||
transform: translateY(-50%); }
|
||||
.el-divider__text.is-center {
|
||||
left: 50%;
|
||||
-webkit-transform: translateX(-50%) translateY(-50%);
|
||||
transform: translateX(-50%) translateY(-50%); }
|
||||
.el-divider__text.is-right {
|
||||
right: 20px;
|
||||
-webkit-transform: translateY(-50%);
|
||||
transform: translateY(-50%); }
|
||||
@@ -0,0 +1,503 @@
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
@-webkit-keyframes el-drawer-fade-in {
|
||||
0% {
|
||||
opacity: 0; }
|
||||
100% {
|
||||
opacity: 1; } }
|
||||
@keyframes el-drawer-fade-in {
|
||||
0% {
|
||||
opacity: 0; }
|
||||
100% {
|
||||
opacity: 1; } }
|
||||
|
||||
@-webkit-keyframes rtl-drawer-in {
|
||||
0% {
|
||||
-webkit-transform: translate(100%, 0px);
|
||||
transform: translate(100%, 0px); }
|
||||
100% {
|
||||
-webkit-transform: translate(0px, 0px);
|
||||
transform: translate(0px, 0px); } }
|
||||
|
||||
@keyframes rtl-drawer-in {
|
||||
0% {
|
||||
-webkit-transform: translate(100%, 0px);
|
||||
transform: translate(100%, 0px); }
|
||||
100% {
|
||||
-webkit-transform: translate(0px, 0px);
|
||||
transform: translate(0px, 0px); } }
|
||||
|
||||
@-webkit-keyframes rtl-drawer-out {
|
||||
0% {
|
||||
-webkit-transform: translate(0px, 0px);
|
||||
transform: translate(0px, 0px); }
|
||||
100% {
|
||||
-webkit-transform: translate(100%, 0px);
|
||||
transform: translate(100%, 0px); } }
|
||||
|
||||
@keyframes rtl-drawer-out {
|
||||
0% {
|
||||
-webkit-transform: translate(0px, 0px);
|
||||
transform: translate(0px, 0px); }
|
||||
100% {
|
||||
-webkit-transform: translate(100%, 0px);
|
||||
transform: translate(100%, 0px); } }
|
||||
|
||||
@-webkit-keyframes ltr-drawer-in {
|
||||
0% {
|
||||
-webkit-transform: translate(-100%, 0px);
|
||||
transform: translate(-100%, 0px); }
|
||||
100% {
|
||||
-webkit-transform: translate(0px, 0px);
|
||||
transform: translate(0px, 0px); } }
|
||||
|
||||
@keyframes ltr-drawer-in {
|
||||
0% {
|
||||
-webkit-transform: translate(-100%, 0px);
|
||||
transform: translate(-100%, 0px); }
|
||||
100% {
|
||||
-webkit-transform: translate(0px, 0px);
|
||||
transform: translate(0px, 0px); } }
|
||||
|
||||
@-webkit-keyframes ltr-drawer-out {
|
||||
0% {
|
||||
-webkit-transform: translate(0px, 0px);
|
||||
transform: translate(0px, 0px); }
|
||||
100% {
|
||||
-webkit-transform: translate(-100%, 0px);
|
||||
transform: translate(-100%, 0px); } }
|
||||
|
||||
@keyframes ltr-drawer-out {
|
||||
0% {
|
||||
-webkit-transform: translate(0px, 0px);
|
||||
transform: translate(0px, 0px); }
|
||||
100% {
|
||||
-webkit-transform: translate(-100%, 0px);
|
||||
transform: translate(-100%, 0px); } }
|
||||
|
||||
@-webkit-keyframes ttb-drawer-in {
|
||||
0% {
|
||||
-webkit-transform: translate(0px, -100%);
|
||||
transform: translate(0px, -100%); }
|
||||
100% {
|
||||
-webkit-transform: translate(0px, 0px);
|
||||
transform: translate(0px, 0px); } }
|
||||
|
||||
@keyframes ttb-drawer-in {
|
||||
0% {
|
||||
-webkit-transform: translate(0px, -100%);
|
||||
transform: translate(0px, -100%); }
|
||||
100% {
|
||||
-webkit-transform: translate(0px, 0px);
|
||||
transform: translate(0px, 0px); } }
|
||||
|
||||
@-webkit-keyframes ttb-drawer-out {
|
||||
0% {
|
||||
-webkit-transform: translate(0px, 0px);
|
||||
transform: translate(0px, 0px); }
|
||||
100% {
|
||||
-webkit-transform: translate(0px, -100%);
|
||||
transform: translate(0px, -100%); } }
|
||||
|
||||
@keyframes ttb-drawer-out {
|
||||
0% {
|
||||
-webkit-transform: translate(0px, 0px);
|
||||
transform: translate(0px, 0px); }
|
||||
100% {
|
||||
-webkit-transform: translate(0px, -100%);
|
||||
transform: translate(0px, -100%); } }
|
||||
|
||||
@-webkit-keyframes btt-drawer-in {
|
||||
0% {
|
||||
-webkit-transform: translate(0px, 100%);
|
||||
transform: translate(0px, 100%); }
|
||||
100% {
|
||||
-webkit-transform: translate(0px, 0px);
|
||||
transform: translate(0px, 0px); } }
|
||||
|
||||
@keyframes btt-drawer-in {
|
||||
0% {
|
||||
-webkit-transform: translate(0px, 100%);
|
||||
transform: translate(0px, 100%); }
|
||||
100% {
|
||||
-webkit-transform: translate(0px, 0px);
|
||||
transform: translate(0px, 0px); } }
|
||||
|
||||
@-webkit-keyframes btt-drawer-out {
|
||||
0% {
|
||||
-webkit-transform: translate(0px, 0);
|
||||
transform: translate(0px, 0); }
|
||||
100% {
|
||||
-webkit-transform: translate(0px, 100%);
|
||||
transform: translate(0px, 100%); } }
|
||||
|
||||
@keyframes btt-drawer-out {
|
||||
0% {
|
||||
-webkit-transform: translate(0px, 0);
|
||||
transform: translate(0px, 0); }
|
||||
100% {
|
||||
-webkit-transform: translate(0px, 100%);
|
||||
transform: translate(0px, 100%); } }
|
||||
|
||||
.el-drawer {
|
||||
position: absolute;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
background-color: #FFFFFF;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
|
||||
box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
|
||||
overflow: hidden; }
|
||||
.el-drawer.rtl {
|
||||
-webkit-animation: rtl-drawer-out 0.3s;
|
||||
animation: rtl-drawer-out 0.3s; }
|
||||
.el-drawer__open .el-drawer.rtl {
|
||||
-webkit-animation: rtl-drawer-in 0.3s 1ms;
|
||||
animation: rtl-drawer-in 0.3s 1ms; }
|
||||
.el-drawer.ltr {
|
||||
-webkit-animation: ltr-drawer-out 0.3s;
|
||||
animation: ltr-drawer-out 0.3s; }
|
||||
.el-drawer__open .el-drawer.ltr {
|
||||
-webkit-animation: ltr-drawer-in 0.3s 1ms;
|
||||
animation: ltr-drawer-in 0.3s 1ms; }
|
||||
.el-drawer.ttb {
|
||||
-webkit-animation: ttb-drawer-out 0.3s;
|
||||
animation: ttb-drawer-out 0.3s; }
|
||||
.el-drawer__open .el-drawer.ttb {
|
||||
-webkit-animation: ttb-drawer-in 0.3s 1ms;
|
||||
animation: ttb-drawer-in 0.3s 1ms; }
|
||||
.el-drawer.btt {
|
||||
-webkit-animation: btt-drawer-out 0.3s;
|
||||
animation: btt-drawer-out 0.3s; }
|
||||
.el-drawer__open .el-drawer.btt {
|
||||
-webkit-animation: btt-drawer-in 0.3s 1ms;
|
||||
animation: btt-drawer-in 0.3s 1ms; }
|
||||
.el-drawer__wrapper {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
overflow: hidden;
|
||||
margin: 0; }
|
||||
.el-drawer__header {
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
color: #72767b;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
margin-bottom: 32px;
|
||||
padding: 20px;
|
||||
padding-bottom: 0; }
|
||||
.el-drawer__header > :first-child {
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1; }
|
||||
.el-drawer__title {
|
||||
margin: 0;
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
line-height: inherit;
|
||||
font-size: 1rem; }
|
||||
.el-drawer__close-btn {
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
font-size: 20px;
|
||||
color: inherit;
|
||||
background-color: transparent; }
|
||||
.el-drawer__body {
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1; }
|
||||
.el-drawer__body > * {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
.el-drawer.ltr, .el-drawer.rtl {
|
||||
height: 100%;
|
||||
top: 0;
|
||||
bottom: 0; }
|
||||
.el-drawer.ttb, .el-drawer.btt {
|
||||
width: 100%;
|
||||
left: 0;
|
||||
right: 0; }
|
||||
.el-drawer.ltr {
|
||||
left: 0; }
|
||||
.el-drawer.rtl {
|
||||
right: 0; }
|
||||
.el-drawer.ttb {
|
||||
top: 0; }
|
||||
.el-drawer.btt {
|
||||
bottom: 0; }
|
||||
|
||||
.el-drawer__container {
|
||||
position: relative;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
height: 100%;
|
||||
width: 100%; }
|
||||
|
||||
.el-drawer-fade-enter-active {
|
||||
-webkit-animation: el-drawer-fade-in .3s;
|
||||
animation: el-drawer-fade-in .3s; }
|
||||
|
||||
.el-drawer-fade-leave-active {
|
||||
animation: el-drawer-fade-in .3s reverse; }
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,120 @@
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
@@ -0,0 +1,120 @@
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
@@ -0,0 +1,120 @@
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
@@ -0,0 +1,120 @@
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
@@ -0,0 +1,120 @@
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
@@ -0,0 +1,120 @@
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
Binary file not shown.
Binary file not shown.
@@ -0,0 +1,256 @@
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
.el-footer {
|
||||
padding: 0 20px;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
-ms-flex-negative: 0;
|
||||
flex-shrink: 0; }
|
||||
@@ -0,0 +1,364 @@
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
.el-form--label-left .el-form-item__label {
|
||||
text-align: left; }
|
||||
|
||||
.el-form--label-top .el-form-item__label {
|
||||
float: none;
|
||||
display: inline-block;
|
||||
text-align: left;
|
||||
padding: 0 0 10px 0; }
|
||||
|
||||
.el-form--inline .el-form-item {
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
vertical-align: top; }
|
||||
|
||||
.el-form--inline .el-form-item__label {
|
||||
float: none;
|
||||
display: inline-block; }
|
||||
|
||||
.el-form--inline .el-form-item__content {
|
||||
display: inline-block;
|
||||
vertical-align: top; }
|
||||
|
||||
.el-form--inline.el-form--label-top .el-form-item__content {
|
||||
display: block; }
|
||||
|
||||
.el-form-item {
|
||||
margin-bottom: 22px; }
|
||||
.el-form-item::before,
|
||||
.el-form-item::after {
|
||||
display: table;
|
||||
content: ""; }
|
||||
.el-form-item::after {
|
||||
clear: both; }
|
||||
.el-form-item .el-form-item {
|
||||
margin-bottom: 0; }
|
||||
.el-form-item .el-input__validateIcon {
|
||||
display: none; }
|
||||
.el-form-item--medium .el-form-item__label {
|
||||
line-height: 36px; }
|
||||
.el-form-item--medium .el-form-item__content {
|
||||
line-height: 36px; }
|
||||
.el-form-item--small .el-form-item__label {
|
||||
line-height: 32px; }
|
||||
.el-form-item--small .el-form-item__content {
|
||||
line-height: 32px; }
|
||||
.el-form-item--small.el-form-item {
|
||||
margin-bottom: 18px; }
|
||||
.el-form-item--small .el-form-item__error {
|
||||
padding-top: 2px; }
|
||||
.el-form-item--mini .el-form-item__label {
|
||||
line-height: 28px; }
|
||||
.el-form-item--mini .el-form-item__content {
|
||||
line-height: 28px; }
|
||||
.el-form-item--mini.el-form-item {
|
||||
margin-bottom: 18px; }
|
||||
.el-form-item--mini .el-form-item__error {
|
||||
padding-top: 1px; }
|
||||
.el-form-item__label-wrap {
|
||||
float: left; }
|
||||
.el-form-item__label-wrap .el-form-item__label {
|
||||
display: inline-block;
|
||||
float: none; }
|
||||
.el-form-item__label {
|
||||
text-align: right;
|
||||
vertical-align: middle;
|
||||
float: left;
|
||||
font-size: 14px;
|
||||
color: #606266;
|
||||
line-height: 40px;
|
||||
padding: 0 12px 0 0;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
.el-form-item__content {
|
||||
line-height: 40px;
|
||||
position: relative;
|
||||
font-size: 14px; }
|
||||
.el-form-item__content::before,
|
||||
.el-form-item__content::after {
|
||||
display: table;
|
||||
content: ""; }
|
||||
.el-form-item__content::after {
|
||||
clear: both; }
|
||||
.el-form-item__content .el-input-group {
|
||||
vertical-align: top; }
|
||||
.el-form-item__error {
|
||||
color: #F56C6C;
|
||||
font-size: 12px;
|
||||
line-height: 1;
|
||||
padding-top: 4px;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0; }
|
||||
.el-form-item__error--inline {
|
||||
position: relative;
|
||||
top: auto;
|
||||
left: auto;
|
||||
display: inline-block;
|
||||
margin-left: 10px; }
|
||||
.el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before,
|
||||
.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label:before {
|
||||
content: '*';
|
||||
color: #F56C6C;
|
||||
margin-right: 4px; }
|
||||
.el-form-item.is-error .el-input__inner, .el-form-item.is-error .el-input__inner:focus,
|
||||
.el-form-item.is-error .el-textarea__inner,
|
||||
.el-form-item.is-error .el-textarea__inner:focus {
|
||||
border-color: #F56C6C; }
|
||||
.el-form-item.is-error .el-input-group__append .el-input__inner,
|
||||
.el-form-item.is-error .el-input-group__prepend .el-input__inner {
|
||||
border-color: transparent; }
|
||||
.el-form-item.is-error .el-input__validateIcon {
|
||||
color: #F56C6C; }
|
||||
.el-form-item--feedback .el-input__validateIcon {
|
||||
display: inline-block; }
|
||||
@@ -0,0 +1,256 @@
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
.el-header {
|
||||
padding: 0 20px;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
-ms-flex-negative: 0;
|
||||
flex-shrink: 0; }
|
||||
1008
orange-demo-multi/orange-demo-multi-web/src/assets/theme/icon.css
Normal file
1008
orange-demo-multi/orange-demo-multi-web/src/assets/theme/icon.css
Normal file
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,443 @@
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
.el-image__inner, .el-image__placeholder, .el-image__error {
|
||||
width: 100%;
|
||||
height: 100%; }
|
||||
|
||||
.el-image {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
overflow: hidden; }
|
||||
.el-image__inner {
|
||||
vertical-align: top; }
|
||||
.el-image__inner--center {
|
||||
position: relative;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
display: block; }
|
||||
.el-image__placeholder {
|
||||
background: #F5F7FA; }
|
||||
.el-image__error {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
font-size: 14px;
|
||||
background: #F5F7FA;
|
||||
color: #C0C4CC;
|
||||
vertical-align: middle; }
|
||||
.el-image__preview {
|
||||
cursor: pointer; }
|
||||
|
||||
.el-image-viewer__wrapper {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0; }
|
||||
|
||||
.el-image-viewer__btn {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
border-radius: 50%;
|
||||
opacity: .8;
|
||||
cursor: pointer;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none; }
|
||||
|
||||
.el-image-viewer__close {
|
||||
top: 40px;
|
||||
right: 40px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
font-size: 40px; }
|
||||
|
||||
.el-image-viewer__canvas {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center; }
|
||||
|
||||
.el-image-viewer__actions {
|
||||
left: 50%;
|
||||
bottom: 30px;
|
||||
-webkit-transform: translateX(-50%);
|
||||
transform: translateX(-50%);
|
||||
width: 282px;
|
||||
height: 44px;
|
||||
padding: 0 23px;
|
||||
background-color: #606266;
|
||||
border-color: #fff;
|
||||
border-radius: 22px; }
|
||||
.el-image-viewer__actions__inner {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: justify;
|
||||
cursor: default;
|
||||
font-size: 23px;
|
||||
color: #fff;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-ms-flex-pack: distribute;
|
||||
justify-content: space-around; }
|
||||
|
||||
.el-image-viewer__prev {
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
font-size: 24px;
|
||||
color: #fff;
|
||||
background-color: #606266;
|
||||
border-color: #fff;
|
||||
left: 40px; }
|
||||
|
||||
.el-image-viewer__next {
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
font-size: 24px;
|
||||
color: #fff;
|
||||
background-color: #606266;
|
||||
border-color: #fff;
|
||||
right: 40px;
|
||||
text-indent: 2px; }
|
||||
|
||||
.el-image-viewer__mask {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
opacity: .5;
|
||||
background: #000; }
|
||||
|
||||
.viewer-fade-enter-active {
|
||||
-webkit-animation: viewer-fade-in .3s;
|
||||
animation: viewer-fade-in .3s; }
|
||||
|
||||
.viewer-fade-leave-active {
|
||||
-webkit-animation: viewer-fade-out .3s;
|
||||
animation: viewer-fade-out .3s; }
|
||||
|
||||
@-webkit-keyframes viewer-fade-in {
|
||||
0% {
|
||||
-webkit-transform: translate3d(0, -20px, 0);
|
||||
transform: translate3d(0, -20px, 0);
|
||||
opacity: 0; }
|
||||
100% {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
opacity: 1; } }
|
||||
|
||||
@keyframes viewer-fade-in {
|
||||
0% {
|
||||
-webkit-transform: translate3d(0, -20px, 0);
|
||||
transform: translate3d(0, -20px, 0);
|
||||
opacity: 0; }
|
||||
100% {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
opacity: 1; } }
|
||||
|
||||
@-webkit-keyframes viewer-fade-out {
|
||||
0% {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
opacity: 1; }
|
||||
100% {
|
||||
-webkit-transform: translate3d(0, -20px, 0);
|
||||
transform: translate3d(0, -20px, 0);
|
||||
opacity: 0; } }
|
||||
|
||||
@keyframes viewer-fade-out {
|
||||
0% {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
opacity: 1; }
|
||||
100% {
|
||||
-webkit-transform: translate3d(0, -20px, 0);
|
||||
transform: translate3d(0, -20px, 0);
|
||||
opacity: 0; } }
|
||||
57046
orange-demo-multi/orange-demo-multi-web/src/assets/theme/index.css
Normal file
57046
orange-demo-multi/orange-demo-multi-web/src/assets/theme/index.css
Normal file
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,891 @@
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
.el-textarea {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
vertical-align: bottom;
|
||||
font-size: 14px; }
|
||||
.el-textarea__inner {
|
||||
display: block;
|
||||
resize: vertical;
|
||||
padding: 5px 15px;
|
||||
line-height: 1.5;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
font-size: inherit;
|
||||
color: #606266;
|
||||
background-color: #FFFFFF;
|
||||
background-image: none;
|
||||
border: 1px solid #DCDFE6;
|
||||
border-radius: 4px;
|
||||
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }
|
||||
.el-textarea__inner::-webkit-input-placeholder {
|
||||
color: #C0C4CC; }
|
||||
.el-textarea__inner::-moz-placeholder {
|
||||
color: #C0C4CC; }
|
||||
.el-textarea__inner::-ms-input-placeholder {
|
||||
color: #C0C4CC; }
|
||||
.el-textarea__inner::placeholder {
|
||||
color: #C0C4CC; }
|
||||
.el-textarea__inner:hover {
|
||||
border-color: #C0C4CC; }
|
||||
.el-textarea__inner:focus {
|
||||
outline: none;
|
||||
border-color: #409EFF; }
|
||||
.el-textarea .el-input__count {
|
||||
color: #909399;
|
||||
background: #FFFFFF;
|
||||
position: absolute;
|
||||
font-size: 12px;
|
||||
bottom: 5px;
|
||||
right: 10px; }
|
||||
.el-textarea.is-disabled .el-textarea__inner {
|
||||
background-color: #F5F7FA;
|
||||
border-color: #E4E7ED;
|
||||
color: #C0C4CC;
|
||||
cursor: not-allowed; }
|
||||
.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
|
||||
color: #C0C4CC; }
|
||||
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
|
||||
color: #C0C4CC; }
|
||||
.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
|
||||
color: #C0C4CC; }
|
||||
.el-textarea.is-disabled .el-textarea__inner::placeholder {
|
||||
color: #C0C4CC; }
|
||||
.el-textarea.is-exceed .el-textarea__inner {
|
||||
border-color: #F56C6C; }
|
||||
.el-textarea.is-exceed .el-input__count {
|
||||
color: #F56C6C; }
|
||||
|
||||
.el-input {
|
||||
position: relative;
|
||||
font-size: 14px;
|
||||
display: inline-block;
|
||||
width: 100%; }
|
||||
.el-input::-webkit-scrollbar {
|
||||
z-index: 11;
|
||||
width: 6px; }
|
||||
.el-input::-webkit-scrollbar:horizontal {
|
||||
height: 6px; }
|
||||
.el-input::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px;
|
||||
width: 6px;
|
||||
background: #b4bccc; }
|
||||
.el-input::-webkit-scrollbar-corner {
|
||||
background: #fff; }
|
||||
.el-input::-webkit-scrollbar-track {
|
||||
background: #fff; }
|
||||
.el-input::-webkit-scrollbar-track-piece {
|
||||
background: #fff;
|
||||
width: 6px; }
|
||||
.el-input .el-input__clear {
|
||||
color: #C0C4CC;
|
||||
font-size: 14px;
|
||||
cursor: pointer;
|
||||
-webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }
|
||||
.el-input .el-input__clear:hover {
|
||||
color: #909399; }
|
||||
.el-input .el-input__count {
|
||||
height: 100%;
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
color: #909399;
|
||||
font-size: 12px; }
|
||||
.el-input .el-input__count .el-input__count-inner {
|
||||
background: #FFFFFF;
|
||||
line-height: initial;
|
||||
display: inline-block;
|
||||
padding: 0 5px; }
|
||||
.el-input__inner {
|
||||
-webkit-appearance: none;
|
||||
background-color: #FFFFFF;
|
||||
background-image: none;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #DCDFE6;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
color: #606266;
|
||||
display: inline-block;
|
||||
font-size: inherit;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
outline: none;
|
||||
padding: 0 15px;
|
||||
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
width: 100%; }
|
||||
.el-input__inner::-webkit-input-placeholder {
|
||||
color: #C0C4CC; }
|
||||
.el-input__inner::-moz-placeholder {
|
||||
color: #C0C4CC; }
|
||||
.el-input__inner::-ms-input-placeholder {
|
||||
color: #C0C4CC; }
|
||||
.el-input__inner::placeholder {
|
||||
color: #C0C4CC; }
|
||||
.el-input__inner:hover {
|
||||
border-color: #C0C4CC; }
|
||||
.el-input__inner:focus {
|
||||
outline: none;
|
||||
border-color: #409EFF; }
|
||||
.el-input__suffix {
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
right: 5px;
|
||||
top: 0;
|
||||
text-align: center;
|
||||
color: #C0C4CC;
|
||||
-webkit-transition: all .3s;
|
||||
transition: all .3s;
|
||||
pointer-events: none; }
|
||||
.el-input__suffix-inner {
|
||||
pointer-events: all; }
|
||||
.el-input__prefix {
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
left: 5px;
|
||||
top: 0;
|
||||
text-align: center;
|
||||
color: #C0C4CC;
|
||||
-webkit-transition: all .3s;
|
||||
transition: all .3s; }
|
||||
.el-input__icon {
|
||||
height: 100%;
|
||||
width: 25px;
|
||||
text-align: center;
|
||||
-webkit-transition: all .3s;
|
||||
transition: all .3s;
|
||||
line-height: 40px; }
|
||||
.el-input__icon:after {
|
||||
content: '';
|
||||
height: 100%;
|
||||
width: 0;
|
||||
display: inline-block;
|
||||
vertical-align: middle; }
|
||||
.el-input__validateIcon {
|
||||
pointer-events: none; }
|
||||
.el-input.is-active .el-input__inner {
|
||||
outline: none;
|
||||
border-color: #409EFF; }
|
||||
.el-input.is-disabled .el-input__inner {
|
||||
background-color: #F5F7FA;
|
||||
border-color: #E4E7ED;
|
||||
color: #C0C4CC;
|
||||
cursor: not-allowed; }
|
||||
.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
|
||||
color: #C0C4CC; }
|
||||
.el-input.is-disabled .el-input__inner::-moz-placeholder {
|
||||
color: #C0C4CC; }
|
||||
.el-input.is-disabled .el-input__inner::-ms-input-placeholder {
|
||||
color: #C0C4CC; }
|
||||
.el-input.is-disabled .el-input__inner::placeholder {
|
||||
color: #C0C4CC; }
|
||||
.el-input.is-disabled .el-input__icon {
|
||||
cursor: not-allowed; }
|
||||
.el-input.is-exceed .el-input__inner {
|
||||
border-color: #F56C6C; }
|
||||
.el-input.is-exceed .el-input__suffix .el-input__count {
|
||||
color: #F56C6C; }
|
||||
.el-input--suffix .el-input__inner {
|
||||
padding-right: 30px; }
|
||||
.el-input--prefix .el-input__inner {
|
||||
padding-left: 30px; }
|
||||
.el-input--medium {
|
||||
font-size: 14px; }
|
||||
.el-input--medium .el-input__inner {
|
||||
height: 36px;
|
||||
line-height: 36px; }
|
||||
.el-input--medium .el-input__icon {
|
||||
line-height: 36px; }
|
||||
.el-input--small {
|
||||
font-size: 13px; }
|
||||
.el-input--small .el-input__inner {
|
||||
height: 32px;
|
||||
line-height: 32px; }
|
||||
.el-input--small .el-input__icon {
|
||||
line-height: 32px; }
|
||||
.el-input--mini {
|
||||
font-size: 12px; }
|
||||
.el-input--mini .el-input__inner {
|
||||
height: 28px;
|
||||
line-height: 28px; }
|
||||
.el-input--mini .el-input__icon {
|
||||
line-height: 28px; }
|
||||
|
||||
.el-input-group {
|
||||
line-height: normal;
|
||||
display: inline-table;
|
||||
width: 100%;
|
||||
border-collapse: separate;
|
||||
border-spacing: 0; }
|
||||
.el-input-group > .el-input__inner {
|
||||
vertical-align: middle;
|
||||
display: table-cell; }
|
||||
.el-input-group__append, .el-input-group__prepend {
|
||||
background-color: #F5F7FA;
|
||||
color: #909399;
|
||||
vertical-align: middle;
|
||||
display: table-cell;
|
||||
position: relative;
|
||||
border: 1px solid #DCDFE6;
|
||||
border-radius: 4px;
|
||||
padding: 0 20px;
|
||||
width: 1px;
|
||||
white-space: nowrap; }
|
||||
.el-input-group__append:focus, .el-input-group__prepend:focus {
|
||||
outline: none; }
|
||||
.el-input-group__append .el-select,
|
||||
.el-input-group__append .el-button, .el-input-group__prepend .el-select,
|
||||
.el-input-group__prepend .el-button {
|
||||
display: inline-block;
|
||||
margin: -10px -20px; }
|
||||
.el-input-group__append button.el-button,
|
||||
.el-input-group__append div.el-select .el-input__inner,
|
||||
.el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button,
|
||||
.el-input-group__prepend div.el-select .el-input__inner,
|
||||
.el-input-group__prepend div.el-select:hover .el-input__inner {
|
||||
border-color: transparent;
|
||||
background-color: transparent;
|
||||
color: inherit;
|
||||
border-top: 0;
|
||||
border-bottom: 0; }
|
||||
.el-input-group__append .el-button,
|
||||
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
|
||||
.el-input-group__prepend .el-input {
|
||||
font-size: inherit; }
|
||||
.el-input-group__prepend {
|
||||
border-right: 0;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0; }
|
||||
.el-input-group__append {
|
||||
border-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0; }
|
||||
.el-input-group--prepend .el-input__inner {
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0; }
|
||||
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
|
||||
border-color: transparent; }
|
||||
.el-input-group--append .el-input__inner {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0; }
|
||||
.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
|
||||
border-color: transparent; }
|
||||
|
||||
/** disalbe default clear on IE */
|
||||
.el-input__inner::-ms-clear {
|
||||
display: none;
|
||||
width: 0;
|
||||
height: 0; }
|
||||
|
||||
.el-input-number {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 180px;
|
||||
line-height: 38px; }
|
||||
.el-input-number .el-input {
|
||||
display: block; }
|
||||
.el-input-number .el-input__inner {
|
||||
-webkit-appearance: none;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
text-align: center; }
|
||||
.el-input-number__increase, .el-input-number__decrease {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 1px;
|
||||
width: 40px;
|
||||
height: auto;
|
||||
text-align: center;
|
||||
background: #F5F7FA;
|
||||
color: #606266;
|
||||
cursor: pointer;
|
||||
font-size: 13px; }
|
||||
.el-input-number__increase:hover, .el-input-number__decrease:hover {
|
||||
color: #409EFF; }
|
||||
.el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {
|
||||
border-color: #409EFF; }
|
||||
.el-input-number__increase.is-disabled, .el-input-number__decrease.is-disabled {
|
||||
color: #C0C4CC;
|
||||
cursor: not-allowed; }
|
||||
.el-input-number__increase {
|
||||
right: 1px;
|
||||
border-radius: 0 4px 4px 0;
|
||||
border-left: 1px solid #DCDFE6; }
|
||||
.el-input-number__decrease {
|
||||
left: 1px;
|
||||
border-radius: 4px 0 0 4px;
|
||||
border-right: 1px solid #DCDFE6; }
|
||||
.el-input-number.is-disabled .el-input-number__increase, .el-input-number.is-disabled .el-input-number__decrease {
|
||||
border-color: #E4E7ED;
|
||||
color: #E4E7ED; }
|
||||
.el-input-number.is-disabled .el-input-number__increase:hover, .el-input-number.is-disabled .el-input-number__decrease:hover {
|
||||
color: #E4E7ED;
|
||||
cursor: not-allowed; }
|
||||
.el-input-number--medium {
|
||||
width: 200px;
|
||||
line-height: 34px; }
|
||||
.el-input-number--medium .el-input-number__increase, .el-input-number--medium .el-input-number__decrease {
|
||||
width: 36px;
|
||||
font-size: 14px; }
|
||||
.el-input-number--medium .el-input__inner {
|
||||
padding-left: 43px;
|
||||
padding-right: 43px; }
|
||||
.el-input-number--small {
|
||||
width: 130px;
|
||||
line-height: 30px; }
|
||||
.el-input-number--small .el-input-number__increase, .el-input-number--small .el-input-number__decrease {
|
||||
width: 32px;
|
||||
font-size: 13px; }
|
||||
.el-input-number--small .el-input-number__increase [class*=el-icon], .el-input-number--small .el-input-number__decrease [class*=el-icon] {
|
||||
-webkit-transform: scale(0.9);
|
||||
transform: scale(0.9); }
|
||||
.el-input-number--small .el-input__inner {
|
||||
padding-left: 39px;
|
||||
padding-right: 39px; }
|
||||
.el-input-number--mini {
|
||||
width: 130px;
|
||||
line-height: 26px; }
|
||||
.el-input-number--mini .el-input-number__increase, .el-input-number--mini .el-input-number__decrease {
|
||||
width: 28px;
|
||||
font-size: 12px; }
|
||||
.el-input-number--mini .el-input-number__increase [class*=el-icon], .el-input-number--mini .el-input-number__decrease [class*=el-icon] {
|
||||
-webkit-transform: scale(0.8);
|
||||
transform: scale(0.8); }
|
||||
.el-input-number--mini .el-input__inner {
|
||||
padding-left: 35px;
|
||||
padding-right: 35px; }
|
||||
.el-input-number.is-without-controls .el-input__inner {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px; }
|
||||
.el-input-number.is-controls-right .el-input__inner {
|
||||
padding-left: 15px;
|
||||
padding-right: 50px; }
|
||||
.el-input-number.is-controls-right .el-input-number__increase, .el-input-number.is-controls-right .el-input-number__decrease {
|
||||
height: auto;
|
||||
line-height: 19px; }
|
||||
.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon], .el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon] {
|
||||
-webkit-transform: scale(0.8);
|
||||
transform: scale(0.8); }
|
||||
.el-input-number.is-controls-right .el-input-number__increase {
|
||||
border-radius: 0 4px 0 0;
|
||||
border-bottom: 1px solid #DCDFE6; }
|
||||
.el-input-number.is-controls-right .el-input-number__decrease {
|
||||
right: 1px;
|
||||
bottom: 1px;
|
||||
top: auto;
|
||||
left: auto;
|
||||
border-right: none;
|
||||
border-left: 1px solid #DCDFE6;
|
||||
border-radius: 0 0 4px 0; }
|
||||
.el-input-number.is-controls-right[class*=medium] [class*=increase], .el-input-number.is-controls-right[class*=medium] [class*=decrease] {
|
||||
line-height: 17px; }
|
||||
.el-input-number.is-controls-right[class*=small] [class*=increase], .el-input-number.is-controls-right[class*=small] [class*=decrease] {
|
||||
line-height: 15px; }
|
||||
.el-input-number.is-controls-right[class*=mini] [class*=increase], .el-input-number.is-controls-right[class*=mini] [class*=decrease] {
|
||||
line-height: 13px; }
|
||||
@@ -0,0 +1,534 @@
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
.el-textarea {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
vertical-align: bottom;
|
||||
font-size: 14px; }
|
||||
.el-textarea__inner {
|
||||
display: block;
|
||||
resize: vertical;
|
||||
padding: 5px 15px;
|
||||
line-height: 1.5;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
font-size: inherit;
|
||||
color: #606266;
|
||||
background-color: #FFFFFF;
|
||||
background-image: none;
|
||||
border: 1px solid #DCDFE6;
|
||||
border-radius: 4px;
|
||||
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }
|
||||
.el-textarea__inner::-webkit-input-placeholder {
|
||||
color: #C0C4CC; }
|
||||
.el-textarea__inner::-moz-placeholder {
|
||||
color: #C0C4CC; }
|
||||
.el-textarea__inner::-ms-input-placeholder {
|
||||
color: #C0C4CC; }
|
||||
.el-textarea__inner::placeholder {
|
||||
color: #C0C4CC; }
|
||||
.el-textarea__inner:hover {
|
||||
border-color: #C0C4CC; }
|
||||
.el-textarea__inner:focus {
|
||||
outline: none;
|
||||
border-color: #409EFF; }
|
||||
.el-textarea .el-input__count {
|
||||
color: #909399;
|
||||
background: #FFFFFF;
|
||||
position: absolute;
|
||||
font-size: 12px;
|
||||
bottom: 5px;
|
||||
right: 10px; }
|
||||
.el-textarea.is-disabled .el-textarea__inner {
|
||||
background-color: #F5F7FA;
|
||||
border-color: #E4E7ED;
|
||||
color: #C0C4CC;
|
||||
cursor: not-allowed; }
|
||||
.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
|
||||
color: #C0C4CC; }
|
||||
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
|
||||
color: #C0C4CC; }
|
||||
.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
|
||||
color: #C0C4CC; }
|
||||
.el-textarea.is-disabled .el-textarea__inner::placeholder {
|
||||
color: #C0C4CC; }
|
||||
.el-textarea.is-exceed .el-textarea__inner {
|
||||
border-color: #F56C6C; }
|
||||
.el-textarea.is-exceed .el-input__count {
|
||||
color: #F56C6C; }
|
||||
|
||||
.el-input {
|
||||
position: relative;
|
||||
font-size: 14px;
|
||||
display: inline-block;
|
||||
width: 100%; }
|
||||
.el-input::-webkit-scrollbar {
|
||||
z-index: 11;
|
||||
width: 6px; }
|
||||
.el-input::-webkit-scrollbar:horizontal {
|
||||
height: 6px; }
|
||||
.el-input::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px;
|
||||
width: 6px;
|
||||
background: #b4bccc; }
|
||||
.el-input::-webkit-scrollbar-corner {
|
||||
background: #fff; }
|
||||
.el-input::-webkit-scrollbar-track {
|
||||
background: #fff; }
|
||||
.el-input::-webkit-scrollbar-track-piece {
|
||||
background: #fff;
|
||||
width: 6px; }
|
||||
.el-input .el-input__clear {
|
||||
color: #C0C4CC;
|
||||
font-size: 14px;
|
||||
cursor: pointer;
|
||||
-webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }
|
||||
.el-input .el-input__clear:hover {
|
||||
color: #909399; }
|
||||
.el-input .el-input__count {
|
||||
height: 100%;
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
color: #909399;
|
||||
font-size: 12px; }
|
||||
.el-input .el-input__count .el-input__count-inner {
|
||||
background: #FFFFFF;
|
||||
line-height: initial;
|
||||
display: inline-block;
|
||||
padding: 0 5px; }
|
||||
.el-input__inner {
|
||||
-webkit-appearance: none;
|
||||
background-color: #FFFFFF;
|
||||
background-image: none;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #DCDFE6;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
color: #606266;
|
||||
display: inline-block;
|
||||
font-size: inherit;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
outline: none;
|
||||
padding: 0 15px;
|
||||
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
width: 100%; }
|
||||
.el-input__inner::-webkit-input-placeholder {
|
||||
color: #C0C4CC; }
|
||||
.el-input__inner::-moz-placeholder {
|
||||
color: #C0C4CC; }
|
||||
.el-input__inner::-ms-input-placeholder {
|
||||
color: #C0C4CC; }
|
||||
.el-input__inner::placeholder {
|
||||
color: #C0C4CC; }
|
||||
.el-input__inner:hover {
|
||||
border-color: #C0C4CC; }
|
||||
.el-input__inner:focus {
|
||||
outline: none;
|
||||
border-color: #409EFF; }
|
||||
.el-input__suffix {
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
right: 5px;
|
||||
top: 0;
|
||||
text-align: center;
|
||||
color: #C0C4CC;
|
||||
-webkit-transition: all .3s;
|
||||
transition: all .3s;
|
||||
pointer-events: none; }
|
||||
.el-input__suffix-inner {
|
||||
pointer-events: all; }
|
||||
.el-input__prefix {
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
left: 5px;
|
||||
top: 0;
|
||||
text-align: center;
|
||||
color: #C0C4CC;
|
||||
-webkit-transition: all .3s;
|
||||
transition: all .3s; }
|
||||
.el-input__icon {
|
||||
height: 100%;
|
||||
width: 25px;
|
||||
text-align: center;
|
||||
-webkit-transition: all .3s;
|
||||
transition: all .3s;
|
||||
line-height: 40px; }
|
||||
.el-input__icon:after {
|
||||
content: '';
|
||||
height: 100%;
|
||||
width: 0;
|
||||
display: inline-block;
|
||||
vertical-align: middle; }
|
||||
.el-input__validateIcon {
|
||||
pointer-events: none; }
|
||||
.el-input.is-active .el-input__inner {
|
||||
outline: none;
|
||||
border-color: #409EFF; }
|
||||
.el-input.is-disabled .el-input__inner {
|
||||
background-color: #F5F7FA;
|
||||
border-color: #E4E7ED;
|
||||
color: #C0C4CC;
|
||||
cursor: not-allowed; }
|
||||
.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
|
||||
color: #C0C4CC; }
|
||||
.el-input.is-disabled .el-input__inner::-moz-placeholder {
|
||||
color: #C0C4CC; }
|
||||
.el-input.is-disabled .el-input__inner::-ms-input-placeholder {
|
||||
color: #C0C4CC; }
|
||||
.el-input.is-disabled .el-input__inner::placeholder {
|
||||
color: #C0C4CC; }
|
||||
.el-input.is-disabled .el-input__icon {
|
||||
cursor: not-allowed; }
|
||||
.el-input.is-exceed .el-input__inner {
|
||||
border-color: #F56C6C; }
|
||||
.el-input.is-exceed .el-input__suffix .el-input__count {
|
||||
color: #F56C6C; }
|
||||
.el-input--suffix .el-input__inner {
|
||||
padding-right: 30px; }
|
||||
.el-input--prefix .el-input__inner {
|
||||
padding-left: 30px; }
|
||||
.el-input--medium {
|
||||
font-size: 14px; }
|
||||
.el-input--medium .el-input__inner {
|
||||
height: 36px;
|
||||
line-height: 36px; }
|
||||
.el-input--medium .el-input__icon {
|
||||
line-height: 36px; }
|
||||
.el-input--small {
|
||||
font-size: 13px; }
|
||||
.el-input--small .el-input__inner {
|
||||
height: 32px;
|
||||
line-height: 32px; }
|
||||
.el-input--small .el-input__icon {
|
||||
line-height: 32px; }
|
||||
.el-input--mini {
|
||||
font-size: 12px; }
|
||||
.el-input--mini .el-input__inner {
|
||||
height: 28px;
|
||||
line-height: 28px; }
|
||||
.el-input--mini .el-input__icon {
|
||||
line-height: 28px; }
|
||||
|
||||
.el-input-group {
|
||||
line-height: normal;
|
||||
display: inline-table;
|
||||
width: 100%;
|
||||
border-collapse: separate;
|
||||
border-spacing: 0; }
|
||||
.el-input-group > .el-input__inner {
|
||||
vertical-align: middle;
|
||||
display: table-cell; }
|
||||
.el-input-group__append, .el-input-group__prepend {
|
||||
background-color: #F5F7FA;
|
||||
color: #909399;
|
||||
vertical-align: middle;
|
||||
display: table-cell;
|
||||
position: relative;
|
||||
border: 1px solid #DCDFE6;
|
||||
border-radius: 4px;
|
||||
padding: 0 20px;
|
||||
width: 1px;
|
||||
white-space: nowrap; }
|
||||
.el-input-group__append:focus, .el-input-group__prepend:focus {
|
||||
outline: none; }
|
||||
.el-input-group__append .el-select,
|
||||
.el-input-group__append .el-button, .el-input-group__prepend .el-select,
|
||||
.el-input-group__prepend .el-button {
|
||||
display: inline-block;
|
||||
margin: -10px -20px; }
|
||||
.el-input-group__append button.el-button,
|
||||
.el-input-group__append div.el-select .el-input__inner,
|
||||
.el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button,
|
||||
.el-input-group__prepend div.el-select .el-input__inner,
|
||||
.el-input-group__prepend div.el-select:hover .el-input__inner {
|
||||
border-color: transparent;
|
||||
background-color: transparent;
|
||||
color: inherit;
|
||||
border-top: 0;
|
||||
border-bottom: 0; }
|
||||
.el-input-group__append .el-button,
|
||||
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
|
||||
.el-input-group__prepend .el-input {
|
||||
font-size: inherit; }
|
||||
.el-input-group__prepend {
|
||||
border-right: 0;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0; }
|
||||
.el-input-group__append {
|
||||
border-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0; }
|
||||
.el-input-group--prepend .el-input__inner {
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0; }
|
||||
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
|
||||
border-color: transparent; }
|
||||
.el-input-group--append .el-input__inner {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0; }
|
||||
.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
|
||||
border-color: transparent; }
|
||||
|
||||
/** disalbe default clear on IE */
|
||||
.el-input__inner::-ms-clear {
|
||||
display: none;
|
||||
width: 0;
|
||||
height: 0; }
|
||||
@@ -0,0 +1,342 @@
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
.el-link {
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: row;
|
||||
flex-direction: row;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
vertical-align: middle;
|
||||
position: relative;
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
padding: 0;
|
||||
font-size: 14px;
|
||||
font-weight: 500; }
|
||||
.el-link.is-underline:hover:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 0;
|
||||
bottom: 0;
|
||||
border-bottom: 1px solid #409EFF; }
|
||||
.el-link.is-disabled {
|
||||
cursor: not-allowed; }
|
||||
.el-link [class*="el-icon-"] + span {
|
||||
margin-left: 5px; }
|
||||
.el-link.el-link--default {
|
||||
color: #606266; }
|
||||
.el-link.el-link--default:hover {
|
||||
color: #409EFF; }
|
||||
.el-link.el-link--default:after {
|
||||
border-color: #409EFF; }
|
||||
.el-link.el-link--default.is-disabled {
|
||||
color: #C0C4CC; }
|
||||
.el-link.el-link--primary {
|
||||
color: #409EFF; }
|
||||
.el-link.el-link--primary:hover {
|
||||
color: #66b1ff; }
|
||||
.el-link.el-link--primary:after {
|
||||
border-color: #409EFF; }
|
||||
.el-link.el-link--primary.is-disabled {
|
||||
color: #a0cfff; }
|
||||
.el-link.el-link--primary.is-underline:hover:after {
|
||||
border-color: #409EFF; }
|
||||
.el-link.el-link--danger {
|
||||
color: #F56C6C; }
|
||||
.el-link.el-link--danger:hover {
|
||||
color: #f78989; }
|
||||
.el-link.el-link--danger:after {
|
||||
border-color: #F56C6C; }
|
||||
.el-link.el-link--danger.is-disabled {
|
||||
color: #fab6b6; }
|
||||
.el-link.el-link--danger.is-underline:hover:after {
|
||||
border-color: #F56C6C; }
|
||||
.el-link.el-link--success {
|
||||
color: #67C23A; }
|
||||
.el-link.el-link--success:hover {
|
||||
color: #85ce61; }
|
||||
.el-link.el-link--success:after {
|
||||
border-color: #67C23A; }
|
||||
.el-link.el-link--success.is-disabled {
|
||||
color: #b3e19d; }
|
||||
.el-link.el-link--success.is-underline:hover:after {
|
||||
border-color: #67C23A; }
|
||||
.el-link.el-link--warning {
|
||||
color: #E6A23C; }
|
||||
.el-link.el-link--warning:hover {
|
||||
color: #ebb563; }
|
||||
.el-link.el-link--warning:after {
|
||||
border-color: #E6A23C; }
|
||||
.el-link.el-link--warning.is-disabled {
|
||||
color: #f3d19e; }
|
||||
.el-link.el-link--warning.is-underline:hover:after {
|
||||
border-color: #E6A23C; }
|
||||
.el-link.el-link--info {
|
||||
color: #909399; }
|
||||
.el-link.el-link--info:hover {
|
||||
color: #a6a9ad; }
|
||||
.el-link.el-link--info:after {
|
||||
border-color: #909399; }
|
||||
.el-link.el-link--info.is-disabled {
|
||||
color: #c8c9cc; }
|
||||
.el-link.el-link--info.is-underline:hover:after {
|
||||
border-color: #909399; }
|
||||
@@ -0,0 +1,336 @@
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
.el-loading-parent--relative {
|
||||
position: relative !important; }
|
||||
|
||||
.el-loading-parent--hidden {
|
||||
overflow: hidden !important; }
|
||||
|
||||
.el-loading-mask {
|
||||
position: absolute;
|
||||
z-index: 2000;
|
||||
background-color: rgba(255, 255, 255, 0.9);
|
||||
margin: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
-webkit-transition: opacity 0.3s;
|
||||
transition: opacity 0.3s; }
|
||||
.el-loading-mask.is-fullscreen {
|
||||
position: fixed; }
|
||||
.el-loading-mask.is-fullscreen .el-loading-spinner {
|
||||
margin-top: -25px; }
|
||||
.el-loading-mask.is-fullscreen .el-loading-spinner .circular {
|
||||
height: 50px;
|
||||
width: 50px; }
|
||||
|
||||
.el-loading-spinner {
|
||||
top: 50%;
|
||||
margin-top: -21px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
position: absolute; }
|
||||
.el-loading-spinner .el-loading-text {
|
||||
color: #409EFF;
|
||||
margin: 3px 0;
|
||||
font-size: 14px; }
|
||||
.el-loading-spinner .circular {
|
||||
height: 42px;
|
||||
width: 42px;
|
||||
-webkit-animation: loading-rotate 2s linear infinite;
|
||||
animation: loading-rotate 2s linear infinite; }
|
||||
.el-loading-spinner .path {
|
||||
-webkit-animation: loading-dash 1.5s ease-in-out infinite;
|
||||
animation: loading-dash 1.5s ease-in-out infinite;
|
||||
stroke-dasharray: 90, 150;
|
||||
stroke-dashoffset: 0;
|
||||
stroke-width: 2;
|
||||
stroke: #409EFF;
|
||||
stroke-linecap: round; }
|
||||
.el-loading-spinner i {
|
||||
color: #409EFF; }
|
||||
|
||||
.el-loading-fade-enter,
|
||||
.el-loading-fade-leave-active {
|
||||
opacity: 0; }
|
||||
|
||||
@-webkit-keyframes loading-rotate {
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg); } }
|
||||
|
||||
@keyframes loading-rotate {
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg); } }
|
||||
|
||||
@-webkit-keyframes loading-dash {
|
||||
0% {
|
||||
stroke-dasharray: 1, 200;
|
||||
stroke-dashoffset: 0; }
|
||||
50% {
|
||||
stroke-dasharray: 90, 150;
|
||||
stroke-dashoffset: -40px; }
|
||||
100% {
|
||||
stroke-dasharray: 90, 150;
|
||||
stroke-dashoffset: -120px; } }
|
||||
|
||||
@keyframes loading-dash {
|
||||
0% {
|
||||
stroke-dasharray: 1, 200;
|
||||
stroke-dashoffset: 0; }
|
||||
50% {
|
||||
stroke-dasharray: 90, 150;
|
||||
stroke-dashoffset: -40px; }
|
||||
100% {
|
||||
stroke-dasharray: 90, 150;
|
||||
stroke-dashoffset: -120px; } }
|
||||
@@ -0,0 +1,261 @@
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
.el-main {
|
||||
display: block;
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
-ms-flex-preferred-size: auto;
|
||||
flex-basis: auto;
|
||||
overflow: auto;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
padding: 20px; }
|
||||
@@ -0,0 +1,719 @@
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
.fade-in-linear-enter-active,
|
||||
.fade-in-linear-leave-active {
|
||||
-webkit-transition: opacity 200ms linear;
|
||||
transition: opacity 200ms linear; }
|
||||
|
||||
.fade-in-linear-enter,
|
||||
.fade-in-linear-leave,
|
||||
.fade-in-linear-leave-active {
|
||||
opacity: 0; }
|
||||
|
||||
.el-fade-in-linear-enter-active,
|
||||
.el-fade-in-linear-leave-active {
|
||||
-webkit-transition: opacity 200ms linear;
|
||||
transition: opacity 200ms linear; }
|
||||
|
||||
.el-fade-in-linear-enter,
|
||||
.el-fade-in-linear-leave,
|
||||
.el-fade-in-linear-leave-active {
|
||||
opacity: 0; }
|
||||
|
||||
.el-fade-in-enter-active,
|
||||
.el-fade-in-leave-active {
|
||||
-webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
||||
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); }
|
||||
|
||||
.el-fade-in-enter,
|
||||
.el-fade-in-leave-active {
|
||||
opacity: 0; }
|
||||
|
||||
.el-zoom-in-center-enter-active,
|
||||
.el-zoom-in-center-leave-active {
|
||||
-webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
||||
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); }
|
||||
|
||||
.el-zoom-in-center-enter,
|
||||
.el-zoom-in-center-leave-active {
|
||||
opacity: 0;
|
||||
-webkit-transform: scaleX(0);
|
||||
transform: scaleX(0); }
|
||||
|
||||
.el-zoom-in-top-enter-active,
|
||||
.el-zoom-in-top-leave-active {
|
||||
opacity: 1;
|
||||
-webkit-transform: scaleY(1);
|
||||
transform: scaleY(1);
|
||||
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
||||
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
||||
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
||||
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
||||
-webkit-transform-origin: center top;
|
||||
transform-origin: center top; }
|
||||
|
||||
.el-zoom-in-top-enter,
|
||||
.el-zoom-in-top-leave-active {
|
||||
opacity: 0;
|
||||
-webkit-transform: scaleY(0);
|
||||
transform: scaleY(0); }
|
||||
|
||||
.el-zoom-in-bottom-enter-active,
|
||||
.el-zoom-in-bottom-leave-active {
|
||||
opacity: 1;
|
||||
-webkit-transform: scaleY(1);
|
||||
transform: scaleY(1);
|
||||
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
||||
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
||||
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
||||
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
||||
-webkit-transform-origin: center bottom;
|
||||
transform-origin: center bottom; }
|
||||
|
||||
.el-zoom-in-bottom-enter,
|
||||
.el-zoom-in-bottom-leave-active {
|
||||
opacity: 0;
|
||||
-webkit-transform: scaleY(0);
|
||||
transform: scaleY(0); }
|
||||
|
||||
.el-zoom-in-left-enter-active,
|
||||
.el-zoom-in-left-leave-active {
|
||||
opacity: 1;
|
||||
-webkit-transform: scale(1, 1);
|
||||
transform: scale(1, 1);
|
||||
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
||||
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
||||
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
||||
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
||||
-webkit-transform-origin: top left;
|
||||
transform-origin: top left; }
|
||||
|
||||
.el-zoom-in-left-enter,
|
||||
.el-zoom-in-left-leave-active {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(0.45, 0.45);
|
||||
transform: scale(0.45, 0.45); }
|
||||
|
||||
.collapse-transition {
|
||||
-webkit-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
|
||||
transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; }
|
||||
|
||||
.horizontal-collapse-transition {
|
||||
-webkit-transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
|
||||
transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out; }
|
||||
|
||||
.el-list-enter-active,
|
||||
.el-list-leave-active {
|
||||
-webkit-transition: all 1s;
|
||||
transition: all 1s; }
|
||||
|
||||
.el-list-enter, .el-list-leave-active {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(-30px);
|
||||
transform: translateY(-30px); }
|
||||
|
||||
.el-opacity-transition {
|
||||
-webkit-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
||||
transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); }
|
||||
|
||||
.el-menu {
|
||||
border-right: solid 1px #e6e6e6;
|
||||
list-style: none;
|
||||
position: relative;
|
||||
margin: 0;
|
||||
padding-left: 0;
|
||||
background-color: #272C34; }
|
||||
.el-menu::before,
|
||||
.el-menu::after {
|
||||
display: table;
|
||||
content: ""; }
|
||||
.el-menu::after {
|
||||
clear: both; }
|
||||
.el-menu.el-menu--horizontal {
|
||||
border-bottom: solid 1px #e6e6e6; }
|
||||
.el-menu--horizontal {
|
||||
border-right: none; }
|
||||
.el-menu--horizontal > .el-menu-item {
|
||||
float: left;
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
margin: 0;
|
||||
border-bottom: 2px solid transparent;
|
||||
color: #909399; }
|
||||
.el-menu--horizontal > .el-menu-item a,
|
||||
.el-menu--horizontal > .el-menu-item a:hover {
|
||||
color: inherit; }
|
||||
.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover, .el-menu--horizontal > .el-menu-item:not(.is-disabled):focus {
|
||||
background-color: #fff; }
|
||||
.el-menu--horizontal > .el-submenu {
|
||||
float: left; }
|
||||
.el-menu--horizontal > .el-submenu:focus, .el-menu--horizontal > .el-submenu:hover {
|
||||
outline: none; }
|
||||
.el-menu--horizontal > .el-submenu:focus .el-submenu__title, .el-menu--horizontal > .el-submenu:hover .el-submenu__title {
|
||||
color: #303133; }
|
||||
.el-menu--horizontal > .el-submenu.is-active .el-submenu__title {
|
||||
border-bottom: 2px solid #409EFF;
|
||||
color: #303133; }
|
||||
.el-menu--horizontal > .el-submenu .el-submenu__title {
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
border-bottom: 2px solid transparent;
|
||||
color: #909399; }
|
||||
.el-menu--horizontal > .el-submenu .el-submenu__title:hover {
|
||||
background-color: #fff; }
|
||||
.el-menu--horizontal > .el-submenu .el-submenu__icon-arrow {
|
||||
position: static;
|
||||
vertical-align: middle;
|
||||
margin-left: 8px;
|
||||
margin-top: -3px; }
|
||||
.el-menu--horizontal .el-menu .el-menu-item,
|
||||
.el-menu--horizontal .el-menu .el-submenu__title {
|
||||
background-color: #FFFFFF;
|
||||
float: none;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
padding: 0 10px;
|
||||
color: #909399; }
|
||||
.el-menu--horizontal .el-menu .el-menu-item.is-active,
|
||||
.el-menu--horizontal .el-menu .el-submenu.is-active > .el-submenu__title {
|
||||
color: #303133; }
|
||||
.el-menu--horizontal .el-menu-item:not(.is-disabled):hover,
|
||||
.el-menu--horizontal .el-menu-item:not(.is-disabled):focus {
|
||||
outline: none;
|
||||
color: #303133; }
|
||||
.el-menu--horizontal > .el-menu-item.is-active {
|
||||
border-bottom: 2px solid #409EFF;
|
||||
color: #303133; }
|
||||
.el-menu--collapse {
|
||||
width: 64px; }
|
||||
.el-menu--collapse > .el-menu-item [class^="el-icon-"],
|
||||
.el-menu--collapse > .el-submenu > .el-submenu__title [class^="el-icon-"] {
|
||||
margin: 0;
|
||||
vertical-align: middle;
|
||||
width: 24px;
|
||||
text-align: center; }
|
||||
.el-menu--collapse > .el-menu-item .el-submenu__icon-arrow,
|
||||
.el-menu--collapse > .el-submenu > .el-submenu__title .el-submenu__icon-arrow {
|
||||
display: none; }
|
||||
.el-menu--collapse > .el-menu-item span,
|
||||
.el-menu--collapse > .el-submenu > .el-submenu__title span {
|
||||
height: 0;
|
||||
width: 0;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
display: inline-block; }
|
||||
.el-menu--collapse > .el-menu-item.is-active i {
|
||||
color: inherit; }
|
||||
.el-menu--collapse .el-menu .el-submenu {
|
||||
min-width: 200px; }
|
||||
.el-menu--collapse .el-submenu {
|
||||
position: relative; }
|
||||
.el-menu--collapse .el-submenu .el-menu {
|
||||
position: absolute;
|
||||
margin-left: 5px;
|
||||
top: 0;
|
||||
left: 100%;
|
||||
z-index: 10;
|
||||
border: 1px solid #E4E7ED;
|
||||
border-radius: 2px;
|
||||
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); }
|
||||
.el-menu--collapse .el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow {
|
||||
-webkit-transform: none;
|
||||
transform: none; }
|
||||
.el-menu--popup {
|
||||
z-index: 100;
|
||||
min-width: 200px;
|
||||
border: none;
|
||||
padding: 5px 0;
|
||||
border-radius: 2px;
|
||||
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); }
|
||||
.el-menu--popup-bottom-start {
|
||||
margin-top: 5px; }
|
||||
.el-menu--popup-right-start {
|
||||
margin-left: 5px;
|
||||
margin-right: 5px; }
|
||||
|
||||
.el-menu-item {
|
||||
height: 56px;
|
||||
line-height: 56px;
|
||||
font-size: 14px;
|
||||
color: #FFFFFF;
|
||||
padding: 0 20px;
|
||||
list-style: none;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
-webkit-transition: border-color .3s, background-color .3s, color .3s;
|
||||
transition: border-color .3s, background-color .3s, color .3s;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
white-space: nowrap; }
|
||||
.el-menu-item * {
|
||||
vertical-align: middle; }
|
||||
.el-menu-item i {
|
||||
color: #909399; }
|
||||
.el-menu-item:hover, .el-menu-item:focus {
|
||||
outline: none;
|
||||
background-color: #409EFF; }
|
||||
.el-menu-item.is-disabled {
|
||||
opacity: 0.25;
|
||||
cursor: not-allowed;
|
||||
background: none !important; }
|
||||
.el-menu-item [class^="el-icon-"] {
|
||||
margin-right: 5px;
|
||||
width: 24px;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
vertical-align: middle; }
|
||||
.el-menu-item.is-active {
|
||||
color: #409EFF; }
|
||||
.el-menu-item.is-active i {
|
||||
color: inherit; }
|
||||
|
||||
.el-submenu {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding-left: 0; }
|
||||
.el-submenu__title {
|
||||
height: 56px;
|
||||
line-height: 56px;
|
||||
font-size: 14px;
|
||||
color: #FFFFFF;
|
||||
padding: 0 20px;
|
||||
list-style: none;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
-webkit-transition: border-color .3s, background-color .3s, color .3s;
|
||||
transition: border-color .3s, background-color .3s, color .3s;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
white-space: nowrap; }
|
||||
.el-submenu__title * {
|
||||
vertical-align: middle; }
|
||||
.el-submenu__title i {
|
||||
color: #909399; }
|
||||
.el-submenu__title:hover, .el-submenu__title:focus {
|
||||
outline: none;
|
||||
background-color: #409EFF; }
|
||||
.el-submenu__title.is-disabled {
|
||||
opacity: 0.25;
|
||||
cursor: not-allowed;
|
||||
background: none !important; }
|
||||
.el-submenu__title:hover {
|
||||
background-color: #409EFF; }
|
||||
.el-submenu .el-menu {
|
||||
border: none; }
|
||||
.el-submenu .el-menu-item {
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
padding: 0 45px;
|
||||
min-width: 200px; }
|
||||
.el-submenu__icon-arrow {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 20px;
|
||||
margin-top: -7px;
|
||||
-webkit-transition: -webkit-transform .3s;
|
||||
transition: -webkit-transform .3s;
|
||||
transition: transform .3s;
|
||||
transition: transform .3s, -webkit-transform .3s;
|
||||
font-size: 12px; }
|
||||
.el-submenu.is-active .el-submenu__title {
|
||||
border-bottom-color: #409EFF; }
|
||||
.el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow {
|
||||
-webkit-transform: rotateZ(180deg);
|
||||
transform: rotateZ(180deg); }
|
||||
.el-submenu.is-disabled .el-submenu__title,
|
||||
.el-submenu.is-disabled .el-menu-item {
|
||||
opacity: 0.25;
|
||||
cursor: not-allowed;
|
||||
background: none !important; }
|
||||
.el-submenu [class^="el-icon-"] {
|
||||
vertical-align: middle;
|
||||
margin-right: 5px;
|
||||
width: 24px;
|
||||
text-align: center;
|
||||
font-size: 18px; }
|
||||
|
||||
.el-menu-item-group > ul {
|
||||
padding: 0; }
|
||||
|
||||
.el-menu-item-group__title {
|
||||
padding: 7px 0 7px 20px;
|
||||
line-height: normal;
|
||||
font-size: 12px;
|
||||
color: #909399; }
|
||||
|
||||
.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow {
|
||||
-webkit-transition: .2s;
|
||||
transition: .2s;
|
||||
opacity: 0; }
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,336 @@
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
.el-message {
|
||||
min-width: 380px;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
border-radius: 4px;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #EBEEF5;
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
top: 20px;
|
||||
-webkit-transform: translateX(-50%);
|
||||
transform: translateX(-50%);
|
||||
background-color: #edf2fc;
|
||||
-webkit-transition: opacity 0.3s, top 0.4s, -webkit-transform .4s;
|
||||
transition: opacity 0.3s, top 0.4s, -webkit-transform .4s;
|
||||
transition: opacity 0.3s, transform .4s, top 0.4s;
|
||||
transition: opacity 0.3s, transform .4s, top 0.4s, -webkit-transform .4s;
|
||||
overflow: hidden;
|
||||
padding: 15px 15px 15px 20px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center; }
|
||||
.el-message.is-center {
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center; }
|
||||
.el-message.is-closable .el-message__content {
|
||||
padding-right: 16px; }
|
||||
.el-message p {
|
||||
margin: 0; }
|
||||
.el-message--info .el-message__content {
|
||||
color: #909399; }
|
||||
.el-message--success {
|
||||
background-color: #f0f9eb;
|
||||
border-color: #e1f3d8; }
|
||||
.el-message--success .el-message__content {
|
||||
color: #67C23A; }
|
||||
.el-message--warning {
|
||||
background-color: #fdf6ec;
|
||||
border-color: #faecd8; }
|
||||
.el-message--warning .el-message__content {
|
||||
color: #E6A23C; }
|
||||
.el-message--error {
|
||||
background-color: #fef0f0;
|
||||
border-color: #fde2e2; }
|
||||
.el-message--error .el-message__content {
|
||||
color: #F56C6C; }
|
||||
.el-message__icon {
|
||||
margin-right: 10px; }
|
||||
.el-message__content {
|
||||
padding: 0;
|
||||
font-size: 14px;
|
||||
line-height: 1; }
|
||||
.el-message__content:focus {
|
||||
outline-width: 0; }
|
||||
.el-message__closeBtn {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 15px;
|
||||
-webkit-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
cursor: pointer;
|
||||
color: #C0C4CC;
|
||||
font-size: 16px; }
|
||||
.el-message__closeBtn:focus {
|
||||
outline-width: 0; }
|
||||
.el-message__closeBtn:hover {
|
||||
color: #909399; }
|
||||
.el-message .el-icon-success {
|
||||
color: #67C23A; }
|
||||
.el-message .el-icon-error {
|
||||
color: #F56C6C; }
|
||||
.el-message .el-icon-info {
|
||||
color: #909399; }
|
||||
.el-message .el-icon-warning {
|
||||
color: #E6A23C; }
|
||||
|
||||
.el-message-fade-enter,
|
||||
.el-message-fade-leave-active {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate(-50%, -100%);
|
||||
transform: translate(-50%, -100%); }
|
||||
@@ -0,0 +1,323 @@
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
.el-notification {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
width: 330px;
|
||||
padding: 14px 26px 14px 13px;
|
||||
border-radius: 8px;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #EBEEF5;
|
||||
position: fixed;
|
||||
background-color: #FFFFFF;
|
||||
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
||||
-webkit-transition: opacity .3s, left .3s, right .3s, top 0.4s, bottom .3s, -webkit-transform .3s;
|
||||
transition: opacity .3s, left .3s, right .3s, top 0.4s, bottom .3s, -webkit-transform .3s;
|
||||
transition: opacity .3s, transform .3s, left .3s, right .3s, top 0.4s, bottom .3s;
|
||||
transition: opacity .3s, transform .3s, left .3s, right .3s, top 0.4s, bottom .3s, -webkit-transform .3s;
|
||||
overflow: hidden; }
|
||||
.el-notification.right {
|
||||
right: 16px; }
|
||||
.el-notification.left {
|
||||
left: 16px; }
|
||||
.el-notification__group {
|
||||
margin-left: 13px;
|
||||
margin-right: 8px; }
|
||||
.el-notification__title {
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
color: #303133;
|
||||
margin: 0; }
|
||||
.el-notification__content {
|
||||
font-size: 14px;
|
||||
line-height: 21px;
|
||||
margin: 6px 0 0 0;
|
||||
color: #606266;
|
||||
text-align: justify; }
|
||||
.el-notification__content p {
|
||||
margin: 0; }
|
||||
.el-notification__icon {
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
font-size: 24px; }
|
||||
.el-notification__closeBtn {
|
||||
position: absolute;
|
||||
top: 18px;
|
||||
right: 15px;
|
||||
cursor: pointer;
|
||||
color: #909399;
|
||||
font-size: 16px; }
|
||||
.el-notification__closeBtn:hover {
|
||||
color: #606266; }
|
||||
.el-notification .el-icon-success {
|
||||
color: #67C23A; }
|
||||
.el-notification .el-icon-error {
|
||||
color: #F56C6C; }
|
||||
.el-notification .el-icon-info {
|
||||
color: #909399; }
|
||||
.el-notification .el-icon-warning {
|
||||
color: #E6A23C; }
|
||||
|
||||
.el-notification-fade-enter.right {
|
||||
right: 0;
|
||||
-webkit-transform: translateX(100%);
|
||||
transform: translateX(100%); }
|
||||
|
||||
.el-notification-fade-enter.left {
|
||||
left: 0;
|
||||
-webkit-transform: translateX(-100%);
|
||||
transform: translateX(-100%); }
|
||||
|
||||
.el-notification-fade-leave-active {
|
||||
opacity: 0; }
|
||||
@@ -0,0 +1,276 @@
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
.el-select-group {
|
||||
margin: 0;
|
||||
padding: 0; }
|
||||
.el-select-group__wrap {
|
||||
position: relative;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0; }
|
||||
.el-select-group__wrap:not(:last-of-type) {
|
||||
padding-bottom: 24px; }
|
||||
.el-select-group__wrap:not(:last-of-type)::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
display: block;
|
||||
left: 20px;
|
||||
right: 20px;
|
||||
bottom: 12px;
|
||||
height: 1px;
|
||||
background: #E4E7ED; }
|
||||
.el-select-group__title {
|
||||
padding-left: 20px;
|
||||
font-size: 12px;
|
||||
color: #909399;
|
||||
line-height: 30px; }
|
||||
.el-select-group .el-select-dropdown__item {
|
||||
padding-left: 20px; }
|
||||
@@ -0,0 +1,273 @@
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
.el-select-dropdown__item {
|
||||
font-size: 14px;
|
||||
padding: 0 20px;
|
||||
position: relative;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
color: #606266;
|
||||
height: 34px;
|
||||
line-height: 34px;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
cursor: pointer; }
|
||||
.el-select-dropdown__item.is-disabled {
|
||||
color: #C0C4CC;
|
||||
cursor: not-allowed; }
|
||||
.el-select-dropdown__item.is-disabled:hover {
|
||||
background-color: #FFFFFF; }
|
||||
.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
|
||||
background-color: #F5F7FA; }
|
||||
.el-select-dropdown__item.selected {
|
||||
color: #409EFF;
|
||||
font-weight: bold; }
|
||||
@@ -0,0 +1,283 @@
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
.el-page-header {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
line-height: 24px; }
|
||||
.el-page-header__left {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
cursor: pointer;
|
||||
margin-right: 40px;
|
||||
position: relative; }
|
||||
.el-page-header__left::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 16px;
|
||||
right: -20px;
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
background-color: #DCDFE6; }
|
||||
.el-page-header__left .el-icon-back {
|
||||
font-size: 18px;
|
||||
margin-right: 6px;
|
||||
-ms-flex-item-align: center;
|
||||
align-self: center; }
|
||||
.el-page-header__title {
|
||||
font-size: 14px;
|
||||
font-weight: 500; }
|
||||
.el-page-header__content {
|
||||
font-size: 18px;
|
||||
color: #303133; }
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,264 @@
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
.el-popconfirm__main {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center; }
|
||||
|
||||
.el-popconfirm__icon {
|
||||
margin-right: 5px; }
|
||||
|
||||
.el-popconfirm__action {
|
||||
text-align: right;
|
||||
margin: 0; }
|
||||
@@ -0,0 +1,605 @@
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
.el-popper .popper__arrow,
|
||||
.el-popper .popper__arrow::after {
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-color: transparent;
|
||||
border-style: solid; }
|
||||
|
||||
.el-popper .popper__arrow {
|
||||
border-width: 6px;
|
||||
-webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
|
||||
filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); }
|
||||
|
||||
.el-popper .popper__arrow::after {
|
||||
content: " ";
|
||||
border-width: 6px; }
|
||||
|
||||
.el-popper[x-placement^="top"] {
|
||||
margin-bottom: 12px; }
|
||||
|
||||
.el-popper[x-placement^="top"] .popper__arrow {
|
||||
bottom: -6px;
|
||||
left: 50%;
|
||||
margin-right: 3px;
|
||||
border-top-color: #EBEEF5;
|
||||
border-bottom-width: 0; }
|
||||
.el-popper[x-placement^="top"] .popper__arrow::after {
|
||||
bottom: 1px;
|
||||
margin-left: -6px;
|
||||
border-top-color: #FFFFFF;
|
||||
border-bottom-width: 0; }
|
||||
|
||||
.el-popper[x-placement^="bottom"] {
|
||||
margin-top: 12px; }
|
||||
|
||||
.el-popper[x-placement^="bottom"] .popper__arrow {
|
||||
top: -6px;
|
||||
left: 50%;
|
||||
margin-right: 3px;
|
||||
border-top-width: 0;
|
||||
border-bottom-color: #EBEEF5; }
|
||||
.el-popper[x-placement^="bottom"] .popper__arrow::after {
|
||||
top: 1px;
|
||||
margin-left: -6px;
|
||||
border-top-width: 0;
|
||||
border-bottom-color: #FFFFFF; }
|
||||
|
||||
.el-popper[x-placement^="right"] {
|
||||
margin-left: 12px; }
|
||||
|
||||
.el-popper[x-placement^="right"] .popper__arrow {
|
||||
top: 50%;
|
||||
left: -6px;
|
||||
margin-bottom: 3px;
|
||||
border-right-color: #EBEEF5;
|
||||
border-left-width: 0; }
|
||||
.el-popper[x-placement^="right"] .popper__arrow::after {
|
||||
bottom: -6px;
|
||||
left: 1px;
|
||||
border-right-color: #FFFFFF;
|
||||
border-left-width: 0; }
|
||||
|
||||
.el-popper[x-placement^="left"] {
|
||||
margin-right: 12px; }
|
||||
|
||||
.el-popper[x-placement^="left"] .popper__arrow {
|
||||
top: 50%;
|
||||
right: -6px;
|
||||
margin-bottom: 3px;
|
||||
border-right-width: 0;
|
||||
border-left-color: #EBEEF5; }
|
||||
.el-popper[x-placement^="left"] .popper__arrow::after {
|
||||
right: 1px;
|
||||
bottom: -6px;
|
||||
margin-left: -6px;
|
||||
border-right-width: 0;
|
||||
border-left-color: #FFFFFF; }
|
||||
|
||||
.el-popover {
|
||||
position: absolute;
|
||||
background: #FFFFFF;
|
||||
min-width: 150px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #EBEEF5;
|
||||
padding: 12px;
|
||||
z-index: 2000;
|
||||
color: #606266;
|
||||
line-height: 1.4;
|
||||
text-align: justify;
|
||||
font-size: 14px;
|
||||
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
||||
word-break: break-all; }
|
||||
.el-popover--plain {
|
||||
padding: 18px 20px; }
|
||||
.el-popover__title {
|
||||
color: #303133;
|
||||
font-size: 16px;
|
||||
line-height: 1;
|
||||
margin-bottom: 12px; }
|
||||
.el-popover__reference:focus:not(.focusing), .el-popover__reference:focus:hover {
|
||||
outline-width: 0; }
|
||||
.el-popover:focus:active, .el-popover:focus {
|
||||
outline-width: 0; }
|
||||
@@ -0,0 +1,328 @@
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
.el-popper .popper__arrow,
|
||||
.el-popper .popper__arrow::after {
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-color: transparent;
|
||||
border-style: solid; }
|
||||
|
||||
.el-popper .popper__arrow {
|
||||
border-width: 6px;
|
||||
-webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
|
||||
filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); }
|
||||
|
||||
.el-popper .popper__arrow::after {
|
||||
content: " ";
|
||||
border-width: 6px; }
|
||||
|
||||
.el-popper[x-placement^="top"] {
|
||||
margin-bottom: 12px; }
|
||||
|
||||
.el-popper[x-placement^="top"] .popper__arrow {
|
||||
bottom: -6px;
|
||||
left: 50%;
|
||||
margin-right: 3px;
|
||||
border-top-color: #EBEEF5;
|
||||
border-bottom-width: 0; }
|
||||
.el-popper[x-placement^="top"] .popper__arrow::after {
|
||||
bottom: 1px;
|
||||
margin-left: -6px;
|
||||
border-top-color: #FFFFFF;
|
||||
border-bottom-width: 0; }
|
||||
|
||||
.el-popper[x-placement^="bottom"] {
|
||||
margin-top: 12px; }
|
||||
|
||||
.el-popper[x-placement^="bottom"] .popper__arrow {
|
||||
top: -6px;
|
||||
left: 50%;
|
||||
margin-right: 3px;
|
||||
border-top-width: 0;
|
||||
border-bottom-color: #EBEEF5; }
|
||||
.el-popper[x-placement^="bottom"] .popper__arrow::after {
|
||||
top: 1px;
|
||||
margin-left: -6px;
|
||||
border-top-width: 0;
|
||||
border-bottom-color: #FFFFFF; }
|
||||
|
||||
.el-popper[x-placement^="right"] {
|
||||
margin-left: 12px; }
|
||||
|
||||
.el-popper[x-placement^="right"] .popper__arrow {
|
||||
top: 50%;
|
||||
left: -6px;
|
||||
margin-bottom: 3px;
|
||||
border-right-color: #EBEEF5;
|
||||
border-left-width: 0; }
|
||||
.el-popper[x-placement^="right"] .popper__arrow::after {
|
||||
bottom: -6px;
|
||||
left: 1px;
|
||||
border-right-color: #FFFFFF;
|
||||
border-left-width: 0; }
|
||||
|
||||
.el-popper[x-placement^="left"] {
|
||||
margin-right: 12px; }
|
||||
|
||||
.el-popper[x-placement^="left"] .popper__arrow {
|
||||
top: 50%;
|
||||
right: -6px;
|
||||
margin-bottom: 3px;
|
||||
border-right-width: 0;
|
||||
border-left-color: #EBEEF5; }
|
||||
.el-popper[x-placement^="left"] .popper__arrow::after {
|
||||
right: 1px;
|
||||
bottom: -6px;
|
||||
margin-left: -6px;
|
||||
border-right-width: 0;
|
||||
border-left-color: #FFFFFF; }
|
||||
@@ -0,0 +1,349 @@
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
.el-progress {
|
||||
position: relative;
|
||||
line-height: 1; }
|
||||
.el-progress__text {
|
||||
font-size: 14px;
|
||||
color: #606266;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-left: 10px;
|
||||
line-height: 1; }
|
||||
.el-progress__text i {
|
||||
vertical-align: middle;
|
||||
display: block; }
|
||||
.el-progress--circle, .el-progress--dashboard {
|
||||
display: inline-block; }
|
||||
.el-progress--circle .el-progress__text, .el-progress--dashboard .el-progress__text {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
-webkit-transform: translate(0, -50%);
|
||||
transform: translate(0, -50%); }
|
||||
.el-progress--circle .el-progress__text i, .el-progress--dashboard .el-progress__text i {
|
||||
vertical-align: middle;
|
||||
display: inline-block; }
|
||||
.el-progress--without-text .el-progress__text {
|
||||
display: none; }
|
||||
.el-progress--without-text .el-progress-bar {
|
||||
padding-right: 0;
|
||||
margin-right: 0;
|
||||
display: block; }
|
||||
.el-progress--text-inside .el-progress-bar {
|
||||
padding-right: 0;
|
||||
margin-right: 0; }
|
||||
.el-progress.is-success .el-progress-bar__inner {
|
||||
background-color: #67C23A; }
|
||||
.el-progress.is-success .el-progress__text {
|
||||
color: #67C23A; }
|
||||
.el-progress.is-warning .el-progress-bar__inner {
|
||||
background-color: #E6A23C; }
|
||||
.el-progress.is-warning .el-progress__text {
|
||||
color: #E6A23C; }
|
||||
.el-progress.is-exception .el-progress-bar__inner {
|
||||
background-color: #F56C6C; }
|
||||
.el-progress.is-exception .el-progress__text {
|
||||
color: #F56C6C; }
|
||||
|
||||
.el-progress-bar {
|
||||
padding-right: 50px;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: 100%;
|
||||
margin-right: -55px;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
.el-progress-bar__outer {
|
||||
height: 6px;
|
||||
border-radius: 100px;
|
||||
background-color: #EBEEF5;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
vertical-align: middle; }
|
||||
.el-progress-bar__inner {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
background-color: #409EFF;
|
||||
text-align: right;
|
||||
border-radius: 100px;
|
||||
line-height: 1;
|
||||
white-space: nowrap;
|
||||
-webkit-transition: width 0.6s ease;
|
||||
transition: width 0.6s ease; }
|
||||
.el-progress-bar__inner::after {
|
||||
display: inline-block;
|
||||
content: "";
|
||||
height: 100%;
|
||||
vertical-align: middle; }
|
||||
.el-progress-bar__innerText {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
color: #FFFFFF;
|
||||
font-size: 12px;
|
||||
margin: 0 5px; }
|
||||
|
||||
@-webkit-keyframes progress {
|
||||
0% {
|
||||
background-position: 0 0; }
|
||||
100% {
|
||||
background-position: 32px 0; } }
|
||||
|
||||
@keyframes progress {
|
||||
0% {
|
||||
background-position: 0 0; }
|
||||
100% {
|
||||
background-position: 32px 0; } }
|
||||
@@ -0,0 +1,458 @@
|
||||
@charset "UTF-8";
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
.el-radio-button {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
outline: none; }
|
||||
.el-radio-button__inner {
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
white-space: nowrap;
|
||||
vertical-align: middle;
|
||||
background: #FFFFFF;
|
||||
border: 1px solid #DCDFE6;
|
||||
font-weight: 500;
|
||||
border-left: 0;
|
||||
color: #606266;
|
||||
-webkit-appearance: none;
|
||||
text-align: center;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
outline: none;
|
||||
margin: 0;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
padding: 12px 20px;
|
||||
font-size: 14px;
|
||||
border-radius: 0; }
|
||||
.el-radio-button__inner.is-round {
|
||||
padding: 12px 20px; }
|
||||
.el-radio-button__inner:hover {
|
||||
color: #409EFF; }
|
||||
.el-radio-button__inner [class*="el-icon-"] {
|
||||
line-height: 0.9; }
|
||||
.el-radio-button__inner [class*="el-icon-"] + span {
|
||||
margin-left: 5px; }
|
||||
.el-radio-button:first-child .el-radio-button__inner {
|
||||
border-left: 1px solid #DCDFE6;
|
||||
border-radius: 4px 0 0 4px;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important; }
|
||||
.el-radio-button__orig-radio {
|
||||
opacity: 0;
|
||||
outline: none;
|
||||
position: absolute;
|
||||
z-index: -1; }
|
||||
.el-radio-button__orig-radio:checked + .el-radio-button__inner {
|
||||
color: #FFFFFF;
|
||||
background-color: #409EFF;
|
||||
border-color: #409EFF;
|
||||
-webkit-box-shadow: -1px 0 0 0 #409EFF;
|
||||
box-shadow: -1px 0 0 0 #409EFF; }
|
||||
.el-radio-button__orig-radio:disabled + .el-radio-button__inner {
|
||||
color: #C0C4CC;
|
||||
cursor: not-allowed;
|
||||
background-image: none;
|
||||
background-color: #FFFFFF;
|
||||
border-color: #EBEEF5;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none; }
|
||||
.el-radio-button__orig-radio:disabled:checked + .el-radio-button__inner {
|
||||
background-color: #F2F6FC; }
|
||||
.el-radio-button:last-child .el-radio-button__inner {
|
||||
border-radius: 0 4px 4px 0; }
|
||||
.el-radio-button:first-child:last-child .el-radio-button__inner {
|
||||
border-radius: 4px; }
|
||||
.el-radio-button--medium .el-radio-button__inner {
|
||||
padding: 10px 20px;
|
||||
font-size: 14px;
|
||||
border-radius: 0; }
|
||||
.el-radio-button--medium .el-radio-button__inner.is-round {
|
||||
padding: 10px 20px; }
|
||||
.el-radio-button--small .el-radio-button__inner {
|
||||
padding: 9px 15px;
|
||||
font-size: 12px;
|
||||
border-radius: 0; }
|
||||
.el-radio-button--small .el-radio-button__inner.is-round {
|
||||
padding: 9px 15px; }
|
||||
.el-radio-button--mini .el-radio-button__inner {
|
||||
padding: 7px 15px;
|
||||
font-size: 12px;
|
||||
border-radius: 0; }
|
||||
.el-radio-button--mini .el-radio-button__inner.is-round {
|
||||
padding: 7px 15px; }
|
||||
.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {
|
||||
/*获得焦点时 样式提醒*/
|
||||
-webkit-box-shadow: 0 0 2px 2px #409EFF;
|
||||
box-shadow: 0 0 2px 2px #409EFF; }
|
||||
@@ -0,0 +1,255 @@
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
.el-radio-group {
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
vertical-align: middle;
|
||||
font-size: 0; }
|
||||
@@ -0,0 +1,509 @@
|
||||
@charset "UTF-8";
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
.el-radio {
|
||||
color: #606266;
|
||||
font-weight: 500;
|
||||
line-height: 1;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
outline: none;
|
||||
font-size: 14px;
|
||||
margin-right: 30px;
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none; }
|
||||
.el-radio.is-bordered {
|
||||
padding: 12px 20px 0 10px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #DCDFE6;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
height: 40px; }
|
||||
.el-radio.is-bordered.is-checked {
|
||||
border-color: #409EFF; }
|
||||
.el-radio.is-bordered.is-disabled {
|
||||
cursor: not-allowed;
|
||||
border-color: #EBEEF5; }
|
||||
.el-radio.is-bordered + .el-radio.is-bordered {
|
||||
margin-left: 10px; }
|
||||
.el-radio--medium.is-bordered {
|
||||
padding: 10px 20px 0 10px;
|
||||
border-radius: 4px;
|
||||
height: 36px; }
|
||||
.el-radio--medium.is-bordered .el-radio__label {
|
||||
font-size: 14px; }
|
||||
.el-radio--medium.is-bordered .el-radio__inner {
|
||||
height: 14px;
|
||||
width: 14px; }
|
||||
.el-radio--small.is-bordered {
|
||||
padding: 8px 15px 0 10px;
|
||||
border-radius: 3px;
|
||||
height: 32px; }
|
||||
.el-radio--small.is-bordered .el-radio__label {
|
||||
font-size: 12px; }
|
||||
.el-radio--small.is-bordered .el-radio__inner {
|
||||
height: 12px;
|
||||
width: 12px; }
|
||||
.el-radio--mini.is-bordered {
|
||||
padding: 6px 15px 0 10px;
|
||||
border-radius: 3px;
|
||||
height: 28px; }
|
||||
.el-radio--mini.is-bordered .el-radio__label {
|
||||
font-size: 12px; }
|
||||
.el-radio--mini.is-bordered .el-radio__inner {
|
||||
height: 12px;
|
||||
width: 12px; }
|
||||
.el-radio:last-child {
|
||||
margin-right: 0; }
|
||||
.el-radio__input {
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
position: relative;
|
||||
vertical-align: middle; }
|
||||
.el-radio__input.is-disabled .el-radio__inner {
|
||||
background-color: #F5F7FA;
|
||||
border-color: #E4E7ED;
|
||||
cursor: not-allowed; }
|
||||
.el-radio__input.is-disabled .el-radio__inner::after {
|
||||
cursor: not-allowed;
|
||||
background-color: #F5F7FA; }
|
||||
.el-radio__input.is-disabled .el-radio__inner + .el-radio__label {
|
||||
cursor: not-allowed; }
|
||||
.el-radio__input.is-disabled.is-checked .el-radio__inner {
|
||||
background-color: #F5F7FA;
|
||||
border-color: #E4E7ED; }
|
||||
.el-radio__input.is-disabled.is-checked .el-radio__inner::after {
|
||||
background-color: #C0C4CC; }
|
||||
.el-radio__input.is-disabled + span.el-radio__label {
|
||||
color: #C0C4CC;
|
||||
cursor: not-allowed; }
|
||||
.el-radio__input.is-checked .el-radio__inner {
|
||||
border-color: #409EFF;
|
||||
background: #409EFF; }
|
||||
.el-radio__input.is-checked .el-radio__inner::after {
|
||||
-webkit-transform: translate(-50%, -50%) scale(1);
|
||||
transform: translate(-50%, -50%) scale(1); }
|
||||
.el-radio__input.is-checked + .el-radio__label {
|
||||
color: #409EFF; }
|
||||
.el-radio__input.is-focus .el-radio__inner {
|
||||
border-color: #409EFF; }
|
||||
.el-radio__inner {
|
||||
border: 1px solid #DCDFE6;
|
||||
border-radius: 100%;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
background-color: #FFFFFF;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
.el-radio__inner:hover {
|
||||
border-color: #409EFF; }
|
||||
.el-radio__inner::after {
|
||||
width: 4px;
|
||||
height: 4px;
|
||||
border-radius: 100%;
|
||||
background-color: #FFFFFF;
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
-webkit-transform: translate(-50%, -50%) scale(0);
|
||||
transform: translate(-50%, -50%) scale(0);
|
||||
-webkit-transition: -webkit-transform .15s ease-in;
|
||||
transition: -webkit-transform .15s ease-in;
|
||||
transition: transform .15s ease-in;
|
||||
transition: transform .15s ease-in, -webkit-transform .15s ease-in; }
|
||||
.el-radio__original {
|
||||
opacity: 0;
|
||||
outline: none;
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
margin: 0; }
|
||||
.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) {
|
||||
/*获得焦点时 样式提醒*/ }
|
||||
.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
|
||||
-webkit-box-shadow: 0 0 2px 2px #409EFF;
|
||||
box-shadow: 0 0 2px 2px #409EFF; }
|
||||
.el-radio__label {
|
||||
font-size: 14px;
|
||||
padding-left: 10px; }
|
||||
@@ -0,0 +1,284 @@
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
.el-rate {
|
||||
height: 20px;
|
||||
line-height: 1; }
|
||||
.el-rate:focus, .el-rate:active {
|
||||
outline-width: 0; }
|
||||
.el-rate__item {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
font-size: 0;
|
||||
vertical-align: middle; }
|
||||
.el-rate__icon {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-size: 18px;
|
||||
margin-right: 6px;
|
||||
color: #C0C4CC;
|
||||
-webkit-transition: .3s;
|
||||
transition: .3s; }
|
||||
.el-rate__icon.hover {
|
||||
-webkit-transform: scale(1.15);
|
||||
transform: scale(1.15); }
|
||||
.el-rate__icon .path2 {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0; }
|
||||
.el-rate__decimal {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: inline-block;
|
||||
overflow: hidden; }
|
||||
.el-rate__text {
|
||||
font-size: 14px;
|
||||
vertical-align: middle; }
|
||||
@@ -0,0 +1,174 @@
|
||||
@charset "UTF-8";
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
body {
|
||||
font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
color: #000000;
|
||||
-webkit-font-smoothing: antialiased; }
|
||||
|
||||
a {
|
||||
color: #409EFF;
|
||||
text-decoration: none; }
|
||||
a:hover, a:focus {
|
||||
color: #66b1ff; }
|
||||
a:active {
|
||||
color: #3a8ee6; }
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color: #606266;
|
||||
font-weight: inherit; }
|
||||
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
|
||||
margin-top: 0; }
|
||||
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {
|
||||
margin-bottom: 0; }
|
||||
|
||||
h1 {
|
||||
font-size: 20px; }
|
||||
|
||||
h2 {
|
||||
font-size: 18px; }
|
||||
|
||||
h3 {
|
||||
font-size: 16px; }
|
||||
|
||||
h4, h5, h6, p {
|
||||
font-size: inherit; }
|
||||
|
||||
p {
|
||||
line-height: 1.8; }
|
||||
p:first-child {
|
||||
margin-top: 0; }
|
||||
p:last-child {
|
||||
margin-bottom: 0; }
|
||||
|
||||
sup, sub {
|
||||
font-size: 13px; }
|
||||
|
||||
small {
|
||||
font-size: 12px; }
|
||||
|
||||
hr {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
border: 0;
|
||||
border-top: 1px solid #eeeeee; }
|
||||
289
orange-demo-multi/orange-demo-multi-web/src/assets/theme/row.css
Normal file
289
orange-demo-multi/orange-demo-multi-web/src/assets/theme/row.css
Normal file
@@ -0,0 +1,289 @@
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
.el-row {
|
||||
position: relative;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
.el-row::before,
|
||||
.el-row::after {
|
||||
display: table;
|
||||
content: ""; }
|
||||
.el-row::after {
|
||||
clear: both; }
|
||||
.el-row--flex {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex; }
|
||||
.el-row--flex:before, .el-row--flex:after {
|
||||
display: none; }
|
||||
.el-row--flex.is-justify-center {
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center; }
|
||||
.el-row--flex.is-justify-end {
|
||||
-webkit-box-pack: end;
|
||||
-ms-flex-pack: end;
|
||||
justify-content: flex-end; }
|
||||
.el-row--flex.is-justify-space-between {
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between; }
|
||||
.el-row--flex.is-justify-space-around {
|
||||
-ms-flex-pack: distribute;
|
||||
justify-content: space-around; }
|
||||
.el-row--flex.is-align-middle {
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center; }
|
||||
.el-row--flex.is-align-bottom {
|
||||
-webkit-box-align: end;
|
||||
-ms-flex-align: end;
|
||||
align-items: flex-end; }
|
||||
@@ -0,0 +1,296 @@
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
.el-scrollbar {
|
||||
overflow: hidden;
|
||||
position: relative; }
|
||||
.el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .el-scrollbar__bar {
|
||||
opacity: 1;
|
||||
-webkit-transition: opacity 340ms ease-out;
|
||||
transition: opacity 340ms ease-out; }
|
||||
.el-scrollbar__wrap {
|
||||
overflow: scroll;
|
||||
height: 100%; }
|
||||
.el-scrollbar__wrap--hidden-default {
|
||||
scrollbar-width: none; }
|
||||
.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
|
||||
width: 0;
|
||||
height: 0; }
|
||||
.el-scrollbar__thumb {
|
||||
position: relative;
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
cursor: pointer;
|
||||
border-radius: inherit;
|
||||
background-color: rgba(144, 147, 153, 0.3);
|
||||
-webkit-transition: .3s background-color;
|
||||
transition: .3s background-color; }
|
||||
.el-scrollbar__thumb:hover {
|
||||
background-color: rgba(144, 147, 153, 0.5); }
|
||||
.el-scrollbar__bar {
|
||||
position: absolute;
|
||||
right: 2px;
|
||||
bottom: 2px;
|
||||
z-index: 1;
|
||||
border-radius: 4px;
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 120ms ease-out;
|
||||
transition: opacity 120ms ease-out; }
|
||||
.el-scrollbar__bar.is-vertical {
|
||||
width: 6px;
|
||||
top: 2px; }
|
||||
.el-scrollbar__bar.is-vertical > div {
|
||||
width: 100%; }
|
||||
.el-scrollbar__bar.is-horizontal {
|
||||
height: 6px;
|
||||
left: 2px; }
|
||||
.el-scrollbar__bar.is-horizontal > div {
|
||||
height: 100%; }
|
||||
@@ -0,0 +1,623 @@
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
.el-popper .popper__arrow,
|
||||
.el-popper .popper__arrow::after {
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-color: transparent;
|
||||
border-style: solid; }
|
||||
|
||||
.el-popper .popper__arrow {
|
||||
border-width: 6px;
|
||||
-webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
|
||||
filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); }
|
||||
|
||||
.el-popper .popper__arrow::after {
|
||||
content: " ";
|
||||
border-width: 6px; }
|
||||
|
||||
.el-popper[x-placement^="top"] {
|
||||
margin-bottom: 12px; }
|
||||
|
||||
.el-popper[x-placement^="top"] .popper__arrow {
|
||||
bottom: -6px;
|
||||
left: 50%;
|
||||
margin-right: 3px;
|
||||
border-top-color: #EBEEF5;
|
||||
border-bottom-width: 0; }
|
||||
.el-popper[x-placement^="top"] .popper__arrow::after {
|
||||
bottom: 1px;
|
||||
margin-left: -6px;
|
||||
border-top-color: #FFFFFF;
|
||||
border-bottom-width: 0; }
|
||||
|
||||
.el-popper[x-placement^="bottom"] {
|
||||
margin-top: 12px; }
|
||||
|
||||
.el-popper[x-placement^="bottom"] .popper__arrow {
|
||||
top: -6px;
|
||||
left: 50%;
|
||||
margin-right: 3px;
|
||||
border-top-width: 0;
|
||||
border-bottom-color: #EBEEF5; }
|
||||
.el-popper[x-placement^="bottom"] .popper__arrow::after {
|
||||
top: 1px;
|
||||
margin-left: -6px;
|
||||
border-top-width: 0;
|
||||
border-bottom-color: #FFFFFF; }
|
||||
|
||||
.el-popper[x-placement^="right"] {
|
||||
margin-left: 12px; }
|
||||
|
||||
.el-popper[x-placement^="right"] .popper__arrow {
|
||||
top: 50%;
|
||||
left: -6px;
|
||||
margin-bottom: 3px;
|
||||
border-right-color: #EBEEF5;
|
||||
border-left-width: 0; }
|
||||
.el-popper[x-placement^="right"] .popper__arrow::after {
|
||||
bottom: -6px;
|
||||
left: 1px;
|
||||
border-right-color: #FFFFFF;
|
||||
border-left-width: 0; }
|
||||
|
||||
.el-popper[x-placement^="left"] {
|
||||
margin-right: 12px; }
|
||||
|
||||
.el-popper[x-placement^="left"] .popper__arrow {
|
||||
top: 50%;
|
||||
right: -6px;
|
||||
margin-bottom: 3px;
|
||||
border-right-width: 0;
|
||||
border-left-color: #EBEEF5; }
|
||||
.el-popper[x-placement^="left"] .popper__arrow::after {
|
||||
right: 1px;
|
||||
bottom: -6px;
|
||||
margin-left: -6px;
|
||||
border-right-width: 0;
|
||||
border-left-color: #FFFFFF; }
|
||||
|
||||
.el-select-dropdown {
|
||||
position: absolute;
|
||||
z-index: 1001;
|
||||
border: solid 1px #E4E7ED;
|
||||
border-radius: 4px;
|
||||
background-color: #FFFFFF;
|
||||
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin: 5px 0; }
|
||||
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
|
||||
color: #409EFF;
|
||||
background-color: #FFFFFF; }
|
||||
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
|
||||
background-color: #F5F7FA; }
|
||||
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
font-family: 'element-icons';
|
||||
content: "\e6da";
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale; }
|
||||
.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
|
||||
padding: 0; }
|
||||
|
||||
.el-select-dropdown__empty {
|
||||
padding: 10px 0;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
color: #999;
|
||||
font-size: 14px; }
|
||||
|
||||
.el-select-dropdown__wrap {
|
||||
max-height: 274px; }
|
||||
|
||||
.el-select-dropdown__list {
|
||||
list-style: none;
|
||||
padding: 6px 0;
|
||||
margin: 0;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
2825
orange-demo-multi/orange-demo-multi-web/src/assets/theme/select.css
Normal file
2825
orange-demo-multi/orange-demo-multi-web/src/assets/theme/select.css
Normal file
File diff suppressed because it is too large
Load Diff
1677
orange-demo-multi/orange-demo-multi-web/src/assets/theme/slider.css
Normal file
1677
orange-demo-multi/orange-demo-multi-web/src/assets/theme/slider.css
Normal file
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,180 @@
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
.el-time-spinner {
|
||||
width: 100%;
|
||||
white-space: nowrap; }
|
||||
|
||||
.el-spinner {
|
||||
display: inline-block;
|
||||
vertical-align: middle; }
|
||||
|
||||
.el-spinner-inner {
|
||||
-webkit-animation: rotate 2s linear infinite;
|
||||
animation: rotate 2s linear infinite;
|
||||
width: 50px;
|
||||
height: 50px; }
|
||||
.el-spinner-inner .path {
|
||||
stroke: #ececec;
|
||||
stroke-linecap: round;
|
||||
-webkit-animation: dash 1.5s ease-in-out infinite;
|
||||
animation: dash 1.5s ease-in-out infinite; }
|
||||
|
||||
@-webkit-keyframes rotate {
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg); } }
|
||||
|
||||
@keyframes rotate {
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg); } }
|
||||
|
||||
@-webkit-keyframes dash {
|
||||
0% {
|
||||
stroke-dasharray: 1, 150;
|
||||
stroke-dashoffset: 0; }
|
||||
50% {
|
||||
stroke-dasharray: 90, 150;
|
||||
stroke-dashoffset: -35; }
|
||||
100% {
|
||||
stroke-dasharray: 90, 150;
|
||||
stroke-dashoffset: -124; } }
|
||||
|
||||
@keyframes dash {
|
||||
0% {
|
||||
stroke-dasharray: 1, 150;
|
||||
stroke-dashoffset: 0; }
|
||||
50% {
|
||||
stroke-dasharray: 90, 150;
|
||||
stroke-dashoffset: -35; }
|
||||
100% {
|
||||
stroke-dasharray: 90, 150;
|
||||
stroke-dashoffset: -124; } }
|
||||
@@ -0,0 +1,485 @@
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
.el-step {
|
||||
position: relative;
|
||||
-ms-flex-negative: 1;
|
||||
flex-shrink: 1; }
|
||||
.el-step:last-of-type .el-step__line {
|
||||
display: none; }
|
||||
.el-step:last-of-type.is-flex {
|
||||
-ms-flex-preferred-size: auto !important;
|
||||
flex-basis: auto !important;
|
||||
-ms-flex-negative: 0;
|
||||
flex-shrink: 0;
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex-positive: 0;
|
||||
flex-grow: 0; }
|
||||
.el-step:last-of-type .el-step__main, .el-step:last-of-type .el-step__description {
|
||||
padding-right: 0; }
|
||||
.el-step__head {
|
||||
position: relative;
|
||||
width: 100%; }
|
||||
.el-step__head.is-process {
|
||||
color: #303133;
|
||||
border-color: #303133; }
|
||||
.el-step__head.is-wait {
|
||||
color: #C0C4CC;
|
||||
border-color: #C0C4CC; }
|
||||
.el-step__head.is-success {
|
||||
color: #67C23A;
|
||||
border-color: #67C23A; }
|
||||
.el-step__head.is-error {
|
||||
color: #F56C6C;
|
||||
border-color: #F56C6C; }
|
||||
.el-step__head.is-finish {
|
||||
color: #409EFF;
|
||||
border-color: #409EFF; }
|
||||
.el-step__icon {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
font-size: 14px;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
background: #FFFFFF;
|
||||
-webkit-transition: .15s ease-out;
|
||||
transition: .15s ease-out; }
|
||||
.el-step__icon.is-text {
|
||||
border-radius: 50%;
|
||||
border: 2px solid;
|
||||
border-color: inherit; }
|
||||
.el-step__icon.is-icon {
|
||||
width: 40px; }
|
||||
.el-step__icon-inner {
|
||||
display: inline-block;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
line-height: 1;
|
||||
color: inherit; }
|
||||
.el-step__icon-inner[class*=el-icon]:not(.is-status) {
|
||||
font-size: 25px;
|
||||
font-weight: normal; }
|
||||
.el-step__icon-inner.is-status {
|
||||
-webkit-transform: translateY(1px);
|
||||
transform: translateY(1px); }
|
||||
.el-step__line {
|
||||
position: absolute;
|
||||
border-color: inherit;
|
||||
background-color: #C0C4CC; }
|
||||
.el-step__line-inner {
|
||||
display: block;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: inherit;
|
||||
-webkit-transition: .15s ease-out;
|
||||
transition: .15s ease-out;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
width: 0;
|
||||
height: 0; }
|
||||
.el-step__main {
|
||||
white-space: normal;
|
||||
text-align: left; }
|
||||
.el-step__title {
|
||||
font-size: 16px;
|
||||
line-height: 38px; }
|
||||
.el-step__title.is-process {
|
||||
font-weight: bold;
|
||||
color: #303133; }
|
||||
.el-step__title.is-wait {
|
||||
color: #C0C4CC; }
|
||||
.el-step__title.is-success {
|
||||
color: #67C23A; }
|
||||
.el-step__title.is-error {
|
||||
color: #F56C6C; }
|
||||
.el-step__title.is-finish {
|
||||
color: #409EFF; }
|
||||
.el-step__description {
|
||||
padding-right: 10%;
|
||||
margin-top: -5px;
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
font-weight: normal; }
|
||||
.el-step__description.is-process {
|
||||
color: #303133; }
|
||||
.el-step__description.is-wait {
|
||||
color: #C0C4CC; }
|
||||
.el-step__description.is-success {
|
||||
color: #67C23A; }
|
||||
.el-step__description.is-error {
|
||||
color: #F56C6C; }
|
||||
.el-step__description.is-finish {
|
||||
color: #409EFF; }
|
||||
.el-step.is-horizontal {
|
||||
display: inline-block; }
|
||||
.el-step.is-horizontal .el-step__line {
|
||||
height: 2px;
|
||||
top: 11px;
|
||||
left: 0;
|
||||
right: 0; }
|
||||
.el-step.is-vertical {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex; }
|
||||
.el-step.is-vertical .el-step__head {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex-positive: 0;
|
||||
flex-grow: 0;
|
||||
width: 24px; }
|
||||
.el-step.is-vertical .el-step__main {
|
||||
padding-left: 10px;
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex-positive: 1;
|
||||
flex-grow: 1; }
|
||||
.el-step.is-vertical .el-step__title {
|
||||
line-height: 24px;
|
||||
padding-bottom: 8px; }
|
||||
.el-step.is-vertical .el-step__line {
|
||||
width: 2px;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 11px; }
|
||||
.el-step.is-vertical .el-step__icon.is-icon {
|
||||
width: 24px; }
|
||||
.el-step.is-center .el-step__head {
|
||||
text-align: center; }
|
||||
.el-step.is-center .el-step__main {
|
||||
text-align: center; }
|
||||
.el-step.is-center .el-step__description {
|
||||
padding-left: 20%;
|
||||
padding-right: 20%; }
|
||||
.el-step.is-center .el-step__line {
|
||||
left: 50%;
|
||||
right: -50%; }
|
||||
.el-step.is-simple {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center; }
|
||||
.el-step.is-simple .el-step__head {
|
||||
width: auto;
|
||||
font-size: 0;
|
||||
padding-right: 10px; }
|
||||
.el-step.is-simple .el-step__icon {
|
||||
background: transparent;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
font-size: 12px; }
|
||||
.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status) {
|
||||
font-size: 18px; }
|
||||
.el-step.is-simple .el-step__icon-inner.is-status {
|
||||
-webkit-transform: scale(0.8) translateY(1px);
|
||||
transform: scale(0.8) translateY(1px); }
|
||||
.el-step.is-simple .el-step__main {
|
||||
position: relative;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: stretch;
|
||||
-ms-flex-align: stretch;
|
||||
align-items: stretch;
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex-positive: 1;
|
||||
flex-grow: 1; }
|
||||
.el-step.is-simple .el-step__title {
|
||||
font-size: 16px;
|
||||
line-height: 20px; }
|
||||
.el-step.is-simple:not(:last-of-type) .el-step__title {
|
||||
max-width: 50%;
|
||||
word-break: break-all; }
|
||||
.el-step.is-simple .el-step__arrow {
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex-positive: 1;
|
||||
flex-grow: 1;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center; }
|
||||
.el-step.is-simple .el-step__arrow::before, .el-step.is-simple .el-step__arrow::after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
height: 15px;
|
||||
width: 1px;
|
||||
background: #C0C4CC; }
|
||||
.el-step.is-simple .el-step__arrow::before {
|
||||
-webkit-transform: rotate(-45deg) translateY(-4px);
|
||||
transform: rotate(-45deg) translateY(-4px);
|
||||
-webkit-transform-origin: 0 0;
|
||||
transform-origin: 0 0; }
|
||||
.el-step.is-simple .el-step__arrow::after {
|
||||
-webkit-transform: rotate(45deg) translateY(4px);
|
||||
transform: rotate(45deg) translateY(4px);
|
||||
-webkit-transform-origin: 100% 100%;
|
||||
transform-origin: 100% 100%; }
|
||||
.el-step.is-simple:last-of-type .el-step__arrow {
|
||||
display: none; }
|
||||
@@ -0,0 +1,146 @@
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
.el-steps {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex; }
|
||||
.el-steps--simple {
|
||||
padding: 13px 8%;
|
||||
border-radius: 4px;
|
||||
background: #F5F7FA; }
|
||||
.el-steps--horizontal {
|
||||
white-space: nowrap; }
|
||||
.el-steps--vertical {
|
||||
height: 100%;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-flow: column;
|
||||
flex-flow: column; }
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user