e
3 years ago
parent
4d1d529715
commit
e5de9fa4a1
30 changed files with 23245 additions and 0 deletions
Binary file not shown.
Binary file not shown.
@ -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: #00B9FF; } |
||||
.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: #00B9FF; |
||||
border-color: #00B9FF; |
||||
-webkit-box-shadow: -1px 0 0 0 #00B9FF; |
||||
box-shadow: -1px 0 0 0 #00B9FF; } |
||||
.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 #00B9FF; |
||||
box-shadow: 0 0 2px 2px #00B9FF; } |
||||
@ -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: #00B9FF; } |
||||
.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: #00B9FF; |
||||
background: #00B9FF; } |
||||
.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: #00B9FF; } |
||||
.el-radio__input.is-focus .el-radio__inner { |
||||
border-color: #00B9FF; } |
||||
.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: #00B9FF; } |
||||
.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 #00B9FF; |
||||
box-shadow: 0 0 2px 2px #00B9FF; } |
||||
.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: #00B9FF; |
||||
text-decoration: none; } |
||||
a:hover, a:focus { |
||||
color: #33c7ff; } |
||||
a:active { |
||||
color: #00a7e6; } |
||||
|
||||
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; } |
||||
@ -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: #00B9FF; |
||||
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; } |
||||
File diff suppressed because it is too large
Load Diff
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: #00B9FF; |
||||
border-color: #00B9FF; } |
||||
.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: #00B9FF; } |
||||
.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: #00B9FF; } |
||||
.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; } |
||||
@ -0,0 +1,333 @@ |
||||
/* 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-switch { |
||||
display: -webkit-inline-box; |
||||
display: -ms-inline-flexbox; |
||||
display: inline-flex; |
||||
-webkit-box-align: center; |
||||
-ms-flex-align: center; |
||||
align-items: center; |
||||
position: relative; |
||||
font-size: 14px; |
||||
line-height: 20px; |
||||
height: 20px; |
||||
vertical-align: middle; } |
||||
.el-switch.is-disabled .el-switch__core, |
||||
.el-switch.is-disabled .el-switch__label { |
||||
cursor: not-allowed; } |
||||
.el-switch__label { |
||||
-webkit-transition: .2s; |
||||
transition: .2s; |
||||
height: 20px; |
||||
display: inline-block; |
||||
font-size: 14px; |
||||
font-weight: 500; |
||||
cursor: pointer; |
||||
vertical-align: middle; |
||||
color: #303133; } |
||||
.el-switch__label.is-active { |
||||
color: #00B9FF; } |
||||
.el-switch__label--left { |
||||
margin-right: 10px; } |
||||
.el-switch__label--right { |
||||
margin-left: 10px; } |
||||
.el-switch__label * { |
||||
line-height: 1; |
||||
font-size: 14px; |
||||
display: inline-block; } |
||||
.el-switch__input { |
||||
position: absolute; |
||||
width: 0; |
||||
height: 0; |
||||
opacity: 0; |
||||
margin: 0; } |
||||
.el-switch__core { |
||||
margin: 0; |
||||
display: inline-block; |
||||
position: relative; |
||||
width: 40px; |
||||
height: 20px; |
||||
border: 1px solid #DCDFE6; |
||||
outline: none; |
||||
border-radius: 10px; |
||||
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
background: #DCDFE6; |
||||
cursor: pointer; |
||||
-webkit-transition: border-color .3s, background-color .3s; |
||||
transition: border-color .3s, background-color .3s; |
||||
vertical-align: middle; } |
||||
.el-switch__core:after { |
||||
content: ""; |
||||
position: absolute; |
||||
top: 1px; |
||||
left: 1px; |
||||
border-radius: 100%; |
||||
-webkit-transition: all .3s; |
||||
transition: all .3s; |
||||
width: 16px; |
||||
height: 16px; |
||||
background-color: #FFFFFF; } |
||||
.el-switch.is-checked .el-switch__core { |
||||
border-color: #00B9FF; |
||||
background-color: #00B9FF; } |
||||
.el-switch.is-checked .el-switch__core::after { |
||||
left: 100%; |
||||
margin-left: -17px; } |
||||
.el-switch.is-disabled { |
||||
opacity: 0.6; } |
||||
.el-switch--wide .el-switch__label.el-switch__label--left span { |
||||
left: 10px; } |
||||
.el-switch--wide .el-switch__label.el-switch__label--right span { |
||||
right: 10px; } |
||||
.el-switch .label-fade-enter, |
||||
.el-switch .label-fade-leave-active { |
||||
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,831 @@ |
||||
/* 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-tabs__header { |
||||
padding: 0; |
||||
position: relative; |
||||
margin: 0 0 15px; } |
||||
|
||||
.el-tabs__active-bar { |
||||
position: absolute; |
||||
bottom: 0; |
||||
left: 0; |
||||
height: 2px; |
||||
background-color: #00B9FF; |
||||
z-index: 1; |
||||
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); |
||||
transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); |
||||
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); |
||||
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); |
||||
list-style: none; } |
||||
|
||||
.el-tabs__new-tab { |
||||
float: right; |
||||
border: 1px solid #d3dce6; |
||||
height: 18px; |
||||
width: 18px; |
||||
line-height: 18px; |
||||
margin: 12px 0 9px 10px; |
||||
border-radius: 3px; |
||||
text-align: center; |
||||
font-size: 12px; |
||||
color: #d3dce6; |
||||
cursor: pointer; |
||||
-webkit-transition: all .15s; |
||||
transition: all .15s; } |
||||
.el-tabs__new-tab .el-icon-plus { |
||||
-webkit-transform: scale(0.8, 0.8); |
||||
transform: scale(0.8, 0.8); } |
||||
.el-tabs__new-tab:hover { |
||||
color: #00B9FF; } |
||||
|
||||
.el-tabs__nav-wrap { |
||||
overflow: hidden; |
||||
margin-bottom: -1px; |
||||
position: relative; } |
||||
.el-tabs__nav-wrap::after { |
||||
content: ""; |
||||
position: absolute; |
||||
left: 0; |
||||
bottom: 0; |
||||
width: 100%; |
||||
height: 2px; |
||||
background-color: #E4E7ED; |
||||
z-index: 1; } |
||||
.el-tabs__nav-wrap.is-scrollable { |
||||
padding: 0 20px; |
||||
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; } |
||||
|
||||
.el-tabs__nav-scroll { |
||||
overflow: hidden; } |
||||
|
||||
.el-tabs__nav-next, .el-tabs__nav-prev { |
||||
position: absolute; |
||||
cursor: pointer; |
||||
line-height: 44px; |
||||
font-size: 12px; |
||||
color: #909399; } |
||||
|
||||
.el-tabs__nav-next { |
||||
right: 0; } |
||||
|
||||
.el-tabs__nav-prev { |
||||
left: 0; } |
||||
|
||||
.el-tabs__nav { |
||||
white-space: nowrap; |
||||
position: relative; |
||||
-webkit-transition: -webkit-transform .3s; |
||||
transition: -webkit-transform .3s; |
||||
transition: transform .3s; |
||||
transition: transform .3s, -webkit-transform .3s; |
||||
float: left; |
||||
z-index: 2; } |
||||
.el-tabs__nav.is-stretch { |
||||
min-width: 100%; |
||||
display: -webkit-box; |
||||
display: -ms-flexbox; |
||||
display: flex; } |
||||
.el-tabs__nav.is-stretch > * { |
||||
-webkit-box-flex: 1; |
||||
-ms-flex: 1; |
||||
flex: 1; |
||||
text-align: center; } |
||||
|
||||
.el-tabs__item { |
||||
padding: 0 20px; |
||||
height: 40px; |
||||
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
line-height: 40px; |
||||
display: inline-block; |
||||
list-style: none; |
||||
font-size: 14px; |
||||
font-weight: 500; |
||||
color: #303133; |
||||
position: relative; } |
||||
.el-tabs__item:focus, .el-tabs__item:focus:active { |
||||
outline: none; } |
||||
.el-tabs__item:focus.is-active.is-focus:not(:active) { |
||||
-webkit-box-shadow: 0 0 2px 2px #00B9FF inset; |
||||
box-shadow: 0 0 2px 2px #00B9FF inset; |
||||
border-radius: 3px; } |
||||
.el-tabs__item .el-icon-close { |
||||
border-radius: 50%; |
||||
text-align: center; |
||||
-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); |
||||
margin-left: 5px; } |
||||
.el-tabs__item .el-icon-close:before { |
||||
-webkit-transform: scale(0.9); |
||||
transform: scale(0.9); |
||||
display: inline-block; } |
||||
.el-tabs__item .el-icon-close:hover { |
||||
background-color: #C0C4CC; |
||||
color: #FFFFFF; } |
||||
.el-tabs__item.is-active { |
||||
color: #00B9FF; } |
||||
.el-tabs__item:hover { |
||||
color: #00B9FF; |
||||
cursor: pointer; } |
||||
.el-tabs__item.is-disabled { |
||||
color: #C0C4CC; |
||||
cursor: default; } |
||||
|
||||
.el-tabs__content { |
||||
overflow: hidden; |
||||
position: relative; } |
||||
|
||||
.el-tabs--card > .el-tabs__header { |
||||
border-bottom: 1px solid #E4E7ED; } |
||||
|
||||
.el-tabs--card > .el-tabs__header .el-tabs__nav-wrap::after { |
||||
content: none; } |
||||
|
||||
.el-tabs--card > .el-tabs__header .el-tabs__nav { |
||||
border: 1px solid #E4E7ED; |
||||
border-bottom: none; |
||||
border-radius: 4px 4px 0 0; |
||||
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; } |
||||
|
||||
.el-tabs--card > .el-tabs__header .el-tabs__active-bar { |
||||
display: none; } |
||||
|
||||
.el-tabs--card > .el-tabs__header .el-tabs__item .el-icon-close { |
||||
position: relative; |
||||
font-size: 12px; |
||||
width: 0; |
||||
height: 14px; |
||||
vertical-align: middle; |
||||
line-height: 15px; |
||||
overflow: hidden; |
||||
top: -1px; |
||||
right: -2px; |
||||
-webkit-transform-origin: 100% 50%; |
||||
transform-origin: 100% 50%; } |
||||
|
||||
.el-tabs--card > .el-tabs__header .el-tabs__item { |
||||
border-bottom: 1px solid transparent; |
||||
border-left: 1px solid #E4E7ED; |
||||
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); |
||||
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } |
||||
.el-tabs--card > .el-tabs__header .el-tabs__item:first-child { |
||||
border-left: none; } |
||||
.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover { |
||||
padding-left: 13px; |
||||
padding-right: 13px; } |
||||
.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close { |
||||
width: 14px; } |
||||
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active { |
||||
border-bottom-color: #FFFFFF; } |
||||
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable { |
||||
padding-left: 20px; |
||||
padding-right: 20px; } |
||||
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close { |
||||
width: 14px; } |
||||
|
||||
.el-tabs--border-card { |
||||
background: #FFFFFF; |
||||
border: 1px solid #DCDFE6; |
||||
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04); |
||||
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04); } |
||||
.el-tabs--border-card > .el-tabs__content { |
||||
padding: 15px; } |
||||
.el-tabs--border-card > .el-tabs__header { |
||||
background-color: #F5F7FA; |
||||
border-bottom: 1px solid #E4E7ED; |
||||
margin: 0; } |
||||
.el-tabs--border-card > .el-tabs__header .el-tabs__nav-wrap::after { |
||||
content: none; } |
||||
.el-tabs--border-card > .el-tabs__header .el-tabs__item { |
||||
-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); |
||||
border: 1px solid transparent; |
||||
margin-top: -1px; |
||||
color: #909399; } |
||||
.el-tabs--border-card > .el-tabs__header .el-tabs__item:first-child { |
||||
margin-left: -1px; } |
||||
.el-tabs--border-card > .el-tabs__header .el-tabs__item + .el-tabs__item { |
||||
margin-left: -1px; } |
||||
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active { |
||||
color: #00B9FF; |
||||
background-color: #FFFFFF; |
||||
border-right-color: #DCDFE6; |
||||
border-left-color: #DCDFE6; } |
||||
.el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover { |
||||
color: #00B9FF; } |
||||
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-disabled { |
||||
color: #C0C4CC; } |
||||
.el-tabs--border-card > .el-tabs__header .is-scrollable .el-tabs__item:first-child { |
||||
margin-left: 0; } |
||||
|
||||
.el-tabs--top .el-tabs__item.is-top:nth-child(2), |
||||
.el-tabs--top .el-tabs__item.is-bottom:nth-child(2), .el-tabs--bottom .el-tabs__item.is-top:nth-child(2), |
||||
.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2) { |
||||
padding-left: 0; } |
||||
|
||||
.el-tabs--top .el-tabs__item.is-top:last-child, |
||||
.el-tabs--top .el-tabs__item.is-bottom:last-child, .el-tabs--bottom .el-tabs__item.is-top:last-child, |
||||
.el-tabs--bottom .el-tabs__item.is-bottom:last-child { |
||||
padding-right: 0; } |
||||
|
||||
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2), |
||||
.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2), |
||||
.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2) { |
||||
padding-left: 20px; } |
||||
|
||||
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child, |
||||
.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child, |
||||
.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:last-child { |
||||
padding-right: 20px; } |
||||
|
||||
.el-tabs--bottom .el-tabs__header.is-bottom { |
||||
margin-bottom: 0; |
||||
margin-top: 10px; } |
||||
|
||||
.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom { |
||||
border-bottom: 0; |
||||
border-top: 1px solid #DCDFE6; } |
||||
|
||||
.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom { |
||||
margin-top: -1px; |
||||
margin-bottom: 0; } |
||||
|
||||
.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) { |
||||
border: 1px solid transparent; } |
||||
|
||||
.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom { |
||||
margin: 0 -1px -1px -1px; } |
||||
|
||||
.el-tabs--left, .el-tabs--right { |
||||
overflow: hidden; } |
||||
.el-tabs--left .el-tabs__header.is-left, |
||||
.el-tabs--left .el-tabs__header.is-right, |
||||
.el-tabs--left .el-tabs__nav-wrap.is-left, |
||||
.el-tabs--left .el-tabs__nav-wrap.is-right, |
||||
.el-tabs--left .el-tabs__nav-scroll, .el-tabs--right .el-tabs__header.is-left, |
||||
.el-tabs--right .el-tabs__header.is-right, |
||||
.el-tabs--right .el-tabs__nav-wrap.is-left, |
||||
.el-tabs--right .el-tabs__nav-wrap.is-right, |
||||
.el-tabs--right .el-tabs__nav-scroll { |
||||
height: 100%; } |
||||
.el-tabs--left .el-tabs__active-bar.is-left, |
||||
.el-tabs--left .el-tabs__active-bar.is-right, .el-tabs--right .el-tabs__active-bar.is-left, |
||||
.el-tabs--right .el-tabs__active-bar.is-right { |
||||
top: 0; |
||||
bottom: auto; |
||||
width: 2px; |
||||
height: auto; } |
||||
.el-tabs--left .el-tabs__nav-wrap.is-left, |
||||
.el-tabs--left .el-tabs__nav-wrap.is-right, .el-tabs--right .el-tabs__nav-wrap.is-left, |
||||
.el-tabs--right .el-tabs__nav-wrap.is-right { |
||||
margin-bottom: 0; } |
||||
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, |
||||
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, |
||||
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, |
||||
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, |
||||
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, |
||||
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, |
||||
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next { |
||||
height: 30px; |
||||
line-height: 30px; |
||||
width: 100%; |
||||
text-align: center; |
||||
cursor: pointer; } |
||||
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i, |
||||
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i, |
||||
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i, |
||||
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i, |
||||
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i, |
||||
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i, |
||||
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i { |
||||
-webkit-transform: rotateZ(90deg); |
||||
transform: rotateZ(90deg); } |
||||
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, |
||||
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, |
||||
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev { |
||||
left: auto; |
||||
top: 0; } |
||||
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, |
||||
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, |
||||
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next { |
||||
right: auto; |
||||
bottom: 0; } |
||||
.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable, |
||||
.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable, .el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable, |
||||
.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable { |
||||
padding: 30px 0; } |
||||
.el-tabs--left .el-tabs__nav-wrap.is-left::after, |
||||
.el-tabs--left .el-tabs__nav-wrap.is-right::after, .el-tabs--right .el-tabs__nav-wrap.is-left::after, |
||||
.el-tabs--right .el-tabs__nav-wrap.is-right::after { |
||||
height: 100%; |
||||
width: 2px; |
||||
bottom: auto; |
||||
top: 0; } |
||||
.el-tabs--left .el-tabs__nav.is-left, |
||||
.el-tabs--left .el-tabs__nav.is-right, .el-tabs--right .el-tabs__nav.is-left, |
||||
.el-tabs--right .el-tabs__nav.is-right { |
||||
float: none; } |
||||
.el-tabs--left .el-tabs__item.is-left, |
||||
.el-tabs--left .el-tabs__item.is-right, .el-tabs--right .el-tabs__item.is-left, |
||||
.el-tabs--right .el-tabs__item.is-right { |
||||
display: block; } |
||||
|
||||
.el-tabs--left .el-tabs__header.is-left { |
||||
float: left; |
||||
margin-bottom: 0; |
||||
margin-right: 10px; } |
||||
|
||||
.el-tabs--left .el-tabs__nav-wrap.is-left { |
||||
margin-right: -1px; } |
||||
.el-tabs--left .el-tabs__nav-wrap.is-left::after { |
||||
left: auto; |
||||
right: 0; } |
||||
|
||||
.el-tabs--left .el-tabs__active-bar.is-left { |
||||
right: 0; |
||||
left: auto; } |
||||
|
||||
.el-tabs--left .el-tabs__item.is-left { |
||||
text-align: right; } |
||||
|
||||
.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left { |
||||
display: none; } |
||||
|
||||
.el-tabs--left.el-tabs--card .el-tabs__item.is-left { |
||||
border-left: none; |
||||
border-right: 1px solid #E4E7ED; |
||||
border-bottom: none; |
||||
border-top: 1px solid #E4E7ED; |
||||
text-align: left; } |
||||
|
||||
.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child { |
||||
border-right: 1px solid #E4E7ED; |
||||
border-top: none; } |
||||
|
||||
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active { |
||||
border: 1px solid #E4E7ED; |
||||
border-right-color: #fff; |
||||
border-left: none; |
||||
border-bottom: none; } |
||||
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child { |
||||
border-top: none; } |
||||
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child { |
||||
border-bottom: none; } |
||||
|
||||
.el-tabs--left.el-tabs--card .el-tabs__nav { |
||||
border-radius: 4px 0 0 4px; |
||||
border-bottom: 1px solid #E4E7ED; |
||||
border-right: none; } |
||||
|
||||
.el-tabs--left.el-tabs--card .el-tabs__new-tab { |
||||
float: none; } |
||||
|
||||
.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left { |
||||
border-right: 1px solid #dfe4ed; } |
||||
|
||||
.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left { |
||||
border: 1px solid transparent; |
||||
margin: -1px 0 -1px -1px; } |
||||
.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active { |
||||
border-color: transparent; |
||||
border-top-color: #d1dbe5; |
||||
border-bottom-color: #d1dbe5; } |
||||
|
||||
.el-tabs--right .el-tabs__header.is-right { |
||||
float: right; |
||||
margin-bottom: 0; |
||||
margin-left: 10px; } |
||||
|
||||
.el-tabs--right .el-tabs__nav-wrap.is-right { |
||||
margin-left: -1px; } |
||||
.el-tabs--right .el-tabs__nav-wrap.is-right::after { |
||||
left: 0; |
||||
right: auto; } |
||||
|
||||
.el-tabs--right .el-tabs__active-bar.is-right { |
||||
left: 0; } |
||||
|
||||
.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right { |
||||
display: none; } |
||||
|
||||
.el-tabs--right.el-tabs--card .el-tabs__item.is-right { |
||||
border-bottom: none; |
||||
border-top: 1px solid #E4E7ED; } |
||||
|
||||
.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child { |
||||
border-left: 1px solid #E4E7ED; |
||||
border-top: none; } |
||||
|
||||
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active { |
||||
border: 1px solid #E4E7ED; |
||||
border-left-color: #fff; |
||||
border-right: none; |
||||
border-bottom: none; } |
||||
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child { |
||||
border-top: none; } |
||||
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child { |
||||
border-bottom: none; } |
||||
|
||||
.el-tabs--right.el-tabs--card .el-tabs__nav { |
||||
border-radius: 0 4px 4px 0; |
||||
border-bottom: 1px solid #E4E7ED; |
||||
border-left: none; } |
||||
|
||||
.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right { |
||||
border-left: 1px solid #dfe4ed; } |
||||
|
||||
.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right { |
||||
border: 1px solid transparent; |
||||
margin: -1px -1px -1px 0; } |
||||
.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active { |
||||
border-color: transparent; |
||||
border-top-color: #d1dbe5; |
||||
border-bottom-color: #d1dbe5; } |
||||
|
||||
.slideInRight-transition, |
||||
.slideInLeft-transition { |
||||
display: inline-block; } |
||||
|
||||
.slideInRight-enter { |
||||
-webkit-animation: slideInRight-enter .3s; |
||||
animation: slideInRight-enter .3s; } |
||||
|
||||
.slideInRight-leave { |
||||
position: absolute; |
||||
left: 0; |
||||
right: 0; |
||||
-webkit-animation: slideInRight-leave .3s; |
||||
animation: slideInRight-leave .3s; } |
||||
|
||||
.slideInLeft-enter { |
||||
-webkit-animation: slideInLeft-enter .3s; |
||||
animation: slideInLeft-enter .3s; } |
||||
|
||||
.slideInLeft-leave { |
||||
position: absolute; |
||||
left: 0; |
||||
right: 0; |
||||
-webkit-animation: slideInLeft-leave .3s; |
||||
animation: slideInLeft-leave .3s; } |
||||
|
||||
@-webkit-keyframes slideInRight-enter { |
||||
0% { |
||||
opacity: 0; |
||||
-webkit-transform-origin: 0 0; |
||||
transform-origin: 0 0; |
||||
-webkit-transform: translateX(100%); |
||||
transform: translateX(100%); } |
||||
to { |
||||
opacity: 1; |
||||
-webkit-transform-origin: 0 0; |
||||
transform-origin: 0 0; |
||||
-webkit-transform: translateX(0); |
||||
transform: translateX(0); } } |
||||
|
||||
@keyframes slideInRight-enter { |
||||
0% { |
||||
opacity: 0; |
||||
-webkit-transform-origin: 0 0; |
||||
transform-origin: 0 0; |
||||
-webkit-transform: translateX(100%); |
||||
transform: translateX(100%); } |
||||
to { |
||||
opacity: 1; |
||||
-webkit-transform-origin: 0 0; |
||||
transform-origin: 0 0; |
||||
-webkit-transform: translateX(0); |
||||
transform: translateX(0); } } |
||||
|
||||
@-webkit-keyframes slideInRight-leave { |
||||
0% { |
||||
-webkit-transform-origin: 0 0; |
||||
transform-origin: 0 0; |
||||
-webkit-transform: translateX(0); |
||||
transform: translateX(0); |
||||
opacity: 1; } |
||||
100% { |
||||
-webkit-transform-origin: 0 0; |
||||
transform-origin: 0 0; |
||||
-webkit-transform: translateX(100%); |
||||
transform: translateX(100%); |
||||
opacity: 0; } } |
||||
|
||||
@keyframes slideInRight-leave { |
||||
0% { |
||||
-webkit-transform-origin: 0 0; |
||||
transform-origin: 0 0; |
||||
-webkit-transform: translateX(0); |
||||
transform: translateX(0); |
||||
opacity: 1; } |
||||
100% { |
||||
-webkit-transform-origin: 0 0; |
||||
transform-origin: 0 0; |
||||
-webkit-transform: translateX(100%); |
||||
transform: translateX(100%); |
||||
opacity: 0; } } |
||||
|
||||
@-webkit-keyframes slideInLeft-enter { |
||||
0% { |
||||
opacity: 0; |
||||
-webkit-transform-origin: 0 0; |
||||
transform-origin: 0 0; |
||||
-webkit-transform: translateX(-100%); |
||||
transform: translateX(-100%); } |
||||
to { |
||||
opacity: 1; |
||||
-webkit-transform-origin: 0 0; |
||||
transform-origin: 0 0; |
||||
-webkit-transform: translateX(0); |
||||
transform: translateX(0); } } |
||||
|
||||
@keyframes slideInLeft-enter { |
||||
0% { |
||||
opacity: 0; |
||||
-webkit-transform-origin: 0 0; |
||||
transform-origin: 0 0; |
||||
-webkit-transform: translateX(-100%); |
||||
transform: translateX(-100%); } |
||||
to { |
||||
opacity: 1; |
||||
-webkit-transform-origin: 0 0; |
||||
transform-origin: 0 0; |
||||
-webkit-transform: translateX(0); |
||||
transform: translateX(0); } } |
||||
|
||||
@-webkit-keyframes slideInLeft-leave { |
||||
0% { |
||||
-webkit-transform-origin: 0 0; |
||||
transform-origin: 0 0; |
||||
-webkit-transform: translateX(0); |
||||
transform: translateX(0); |
||||
opacity: 1; } |
||||
100% { |
||||
-webkit-transform-origin: 0 0; |
||||
transform-origin: 0 0; |
||||
-webkit-transform: translateX(-100%); |
||||
transform: translateX(-100%); |
||||
opacity: 0; } } |
||||
|
||||
@keyframes slideInLeft-leave { |
||||
0% { |
||||
-webkit-transform-origin: 0 0; |
||||
transform-origin: 0 0; |
||||
-webkit-transform: translateX(0); |
||||
transform: translateX(0); |
||||
opacity: 1; } |
||||
100% { |
||||
-webkit-transform-origin: 0 0; |
||||
transform-origin: 0 0; |
||||
-webkit-transform: translateX(-100%); |
||||
transform: translateX(-100%); |
||||
opacity: 0; } } |
||||
@ -0,0 +1,462 @@ |
||||
/* 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-tag { |
||||
background-color: #e6f8ff; |
||||
border-color: #ccf1ff; |
||||
color: #00b9ff; |
||||
display: inline-block; |
||||
height: 32px; |
||||
padding: 0 10px; |
||||
line-height: 30px; |
||||
font-size: 12px; |
||||
color: #00B9FF; |
||||
border-width: 1px; |
||||
border-style: solid; |
||||
border-radius: 4px; |
||||
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
white-space: nowrap; } |
||||
.el-tag.is-hit { |
||||
border-color: #00B9FF; } |
||||
.el-tag .el-tag__close { |
||||
color: #00b9ff; } |
||||
.el-tag .el-tag__close:hover { |
||||
color: #FFFFFF; |
||||
background-color: #00b9ff; } |
||||
.el-tag.el-tag--info { |
||||
background-color: #f4f4f5; |
||||
border-color: #e9e9eb; |
||||
color: #909399; } |
||||
.el-tag.el-tag--info.is-hit { |
||||
border-color: #909399; } |
||||
.el-tag.el-tag--info .el-tag__close { |
||||
color: #909399; } |
||||
.el-tag.el-tag--info .el-tag__close:hover { |
||||
color: #FFFFFF; |
||||
background-color: #909399; } |
||||
.el-tag.el-tag--success { |
||||
background-color: #f0f9eb; |
||||
border-color: #e1f3d8; |
||||
color: #67c23a; } |
||||
.el-tag.el-tag--success.is-hit { |
||||
border-color: #67C23A; } |
||||
.el-tag.el-tag--success .el-tag__close { |
||||
color: #67c23a; } |
||||
.el-tag.el-tag--success .el-tag__close:hover { |
||||
color: #FFFFFF; |
||||
background-color: #67c23a; } |
||||
.el-tag.el-tag--warning { |
||||
background-color: #fdf6ec; |
||||
border-color: #faecd8; |
||||
color: #e6a23c; } |
||||
.el-tag.el-tag--warning.is-hit { |
||||
border-color: #E6A23C; } |
||||
.el-tag.el-tag--warning .el-tag__close { |
||||
color: #e6a23c; } |
||||
.el-tag.el-tag--warning .el-tag__close:hover { |
||||
color: #FFFFFF; |
||||
background-color: #e6a23c; } |
||||
.el-tag.el-tag--danger { |
||||
background-color: #fef0f0; |
||||
border-color: #fde2e2; |
||||
color: #f56c6c; } |
||||
.el-tag.el-tag--danger.is-hit { |
||||
border-color: #F56C6C; } |
||||
.el-tag.el-tag--danger .el-tag__close { |
||||
color: #f56c6c; } |
||||
.el-tag.el-tag--danger .el-tag__close:hover { |
||||
color: #FFFFFF; |
||||
background-color: #f56c6c; } |
||||
.el-tag .el-icon-close { |
||||
border-radius: 50%; |
||||
text-align: center; |
||||
position: relative; |
||||
cursor: pointer; |
||||
font-size: 12px; |
||||
height: 16px; |
||||
width: 16px; |
||||
line-height: 16px; |
||||
vertical-align: middle; |
||||
top: -1px; |
||||
right: -5px; } |
||||
.el-tag .el-icon-close::before { |
||||
display: block; } |
||||
.el-tag--dark { |
||||
background-color: #00b9ff; |
||||
border-color: #00b9ff; |
||||
color: white; } |
||||
.el-tag--dark.is-hit { |
||||
border-color: #00B9FF; } |
||||
.el-tag--dark .el-tag__close { |
||||
color: white; } |
||||
.el-tag--dark .el-tag__close:hover { |
||||
color: #FFFFFF; |
||||
background-color: #33c7ff; } |
||||
.el-tag--dark.el-tag--info { |
||||
background-color: #909399; |
||||
border-color: #909399; |
||||
color: white; } |
||||
.el-tag--dark.el-tag--info.is-hit { |
||||
border-color: #909399; } |
||||
.el-tag--dark.el-tag--info .el-tag__close { |
||||
color: white; } |
||||
.el-tag--dark.el-tag--info .el-tag__close:hover { |
||||
color: #FFFFFF; |
||||
background-color: #a6a9ad; } |
||||
.el-tag--dark.el-tag--success { |
||||
background-color: #67c23a; |
||||
border-color: #67c23a; |
||||
color: white; } |
||||
.el-tag--dark.el-tag--success.is-hit { |
||||
border-color: #67C23A; } |
||||
.el-tag--dark.el-tag--success .el-tag__close { |
||||
color: white; } |
||||
.el-tag--dark.el-tag--success .el-tag__close:hover { |
||||
color: #FFFFFF; |
||||
background-color: #85ce61; } |
||||
.el-tag--dark.el-tag--warning { |
||||
background-color: #e6a23c; |
||||
border-color: #e6a23c; |
||||
color: white; } |
||||
.el-tag--dark.el-tag--warning.is-hit { |
||||
border-color: #E6A23C; } |
||||
.el-tag--dark.el-tag--warning .el-tag__close { |
||||
color: white; } |
||||
.el-tag--dark.el-tag--warning .el-tag__close:hover { |
||||
color: #FFFFFF; |
||||
background-color: #ebb563; } |
||||
.el-tag--dark.el-tag--danger { |
||||
background-color: #f56c6c; |
||||
border-color: #f56c6c; |
||||
color: white; } |
||||
.el-tag--dark.el-tag--danger.is-hit { |
||||
border-color: #F56C6C; } |
||||
.el-tag--dark.el-tag--danger .el-tag__close { |
||||
color: white; } |
||||
.el-tag--dark.el-tag--danger .el-tag__close:hover { |
||||
color: #FFFFFF; |
||||
background-color: #f78989; } |
||||
.el-tag--plain { |
||||
background-color: white; |
||||
border-color: #99e3ff; |
||||
color: #00b9ff; } |
||||
.el-tag--plain.is-hit { |
||||
border-color: #00B9FF; } |
||||
.el-tag--plain .el-tag__close { |
||||
color: #00b9ff; } |
||||
.el-tag--plain .el-tag__close:hover { |
||||
color: #FFFFFF; |
||||
background-color: #00b9ff; } |
||||
.el-tag--plain.el-tag--info { |
||||
background-color: white; |
||||
border-color: #d3d4d6; |
||||
color: #909399; } |
||||
.el-tag--plain.el-tag--info.is-hit { |
||||
border-color: #909399; } |
||||
.el-tag--plain.el-tag--info .el-tag__close { |
||||
color: #909399; } |
||||
.el-tag--plain.el-tag--info .el-tag__close:hover { |
||||
color: #FFFFFF; |
||||
background-color: #909399; } |
||||
.el-tag--plain.el-tag--success { |
||||
background-color: white; |
||||
border-color: #c2e7b0; |
||||
color: #67c23a; } |
||||
.el-tag--plain.el-tag--success.is-hit { |
||||
border-color: #67C23A; } |
||||
.el-tag--plain.el-tag--success .el-tag__close { |
||||
color: #67c23a; } |
||||
.el-tag--plain.el-tag--success .el-tag__close:hover { |
||||
color: #FFFFFF; |
||||
background-color: #67c23a; } |
||||
.el-tag--plain.el-tag--warning { |
||||
background-color: white; |
||||
border-color: #f5dab1; |
||||
color: #e6a23c; } |
||||
.el-tag--plain.el-tag--warning.is-hit { |
||||
border-color: #E6A23C; } |
||||
.el-tag--plain.el-tag--warning .el-tag__close { |
||||
color: #e6a23c; } |
||||
.el-tag--plain.el-tag--warning .el-tag__close:hover { |
||||
color: #FFFFFF; |
||||
background-color: #e6a23c; } |
||||
.el-tag--plain.el-tag--danger { |
||||
background-color: white; |
||||
border-color: #fbc4c4; |
||||
color: #f56c6c; } |
||||
.el-tag--plain.el-tag--danger.is-hit { |
||||
border-color: #F56C6C; } |
||||
.el-tag--plain.el-tag--danger .el-tag__close { |
||||
color: #f56c6c; } |
||||
.el-tag--plain.el-tag--danger .el-tag__close:hover { |
||||
color: #FFFFFF; |
||||
background-color: #f56c6c; } |
||||
.el-tag--medium { |
||||
height: 28px; |
||||
line-height: 26px; } |
||||
.el-tag--medium .el-icon-close { |
||||
-webkit-transform: scale(0.8); |
||||
transform: scale(0.8); } |
||||
.el-tag--small { |
||||
height: 24px; |
||||
padding: 0 8px; |
||||
line-height: 22px; } |
||||
.el-tag--small .el-icon-close { |
||||
-webkit-transform: scale(0.8); |
||||
transform: scale(0.8); } |
||||
.el-tag--mini { |
||||
height: 20px; |
||||
padding: 0 5px; |
||||
line-height: 19px; } |
||||
.el-tag--mini .el-icon-close { |
||||
margin-left: -3px; |
||||
-webkit-transform: scale(0.7); |
||||
transform: scale(0.7); } |
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,318 @@ |
||||
/* 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-timeline-item { |
||||
position: relative; |
||||
padding-bottom: 20px; } |
||||
.el-timeline-item__wrapper { |
||||
position: relative; |
||||
padding-left: 28px; |
||||
top: -3px; } |
||||
.el-timeline-item__tail { |
||||
position: absolute; |
||||
left: 4px; |
||||
height: 100%; |
||||
border-left: 2px solid #E4E7ED; } |
||||
.el-timeline-item__icon { |
||||
color: #FFFFFF; |
||||
font-size: 13px; } |
||||
.el-timeline-item__node { |
||||
position: absolute; |
||||
background-color: #E4E7ED; |
||||
border-radius: 50%; |
||||
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-timeline-item__node--normal { |
||||
left: -1px; |
||||
width: 12px; |
||||
height: 12px; } |
||||
.el-timeline-item__node--large { |
||||
left: -2px; |
||||
width: 14px; |
||||
height: 14px; } |
||||
.el-timeline-item__node--primary { |
||||
background-color: #00B9FF; } |
||||
.el-timeline-item__node--success { |
||||
background-color: #67C23A; } |
||||
.el-timeline-item__node--warning { |
||||
background-color: #E6A23C; } |
||||
.el-timeline-item__node--danger { |
||||
background-color: #F56C6C; } |
||||
.el-timeline-item__node--info { |
||||
background-color: #909399; } |
||||
.el-timeline-item__dot { |
||||
position: absolute; |
||||
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-timeline-item__content { |
||||
color: #303133; } |
||||
.el-timeline-item__timestamp { |
||||
color: #909399; |
||||
line-height: 1; |
||||
font-size: 13px; } |
||||
.el-timeline-item__timestamp.is-top { |
||||
margin-bottom: 8px; |
||||
padding-top: 4px; } |
||||
.el-timeline-item__timestamp.is-bottom { |
||||
margin-top: 8px; } |
||||
@ -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-timeline { |
||||
margin: 0; |
||||
font-size: 14px; |
||||
list-style: none; } |
||||
.el-timeline .el-timeline-item:last-child .el-timeline-item__tail { |
||||
display: none; } |
||||
@ -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-tooltip:focus:not(.focusing), .el-tooltip:focus:hover { |
||||
outline-width: 0; } |
||||
|
||||
.el-tooltip__popper { |
||||
position: absolute; |
||||
border-radius: 4px; |
||||
padding: 10px; |
||||
z-index: 2000; |
||||
font-size: 12px; |
||||
line-height: 1.2; |
||||
min-width: 10px; |
||||
word-wrap: break-word; } |
||||
.el-tooltip__popper .popper__arrow, |
||||
.el-tooltip__popper .popper__arrow::after { |
||||
position: absolute; |
||||
display: block; |
||||
width: 0; |
||||
height: 0; |
||||
border-color: transparent; |
||||
border-style: solid; } |
||||
.el-tooltip__popper .popper__arrow { |
||||
border-width: 6px; } |
||||
.el-tooltip__popper .popper__arrow::after { |
||||
content: " "; |
||||
border-width: 5px; } |
||||
.el-tooltip__popper[x-placement^="top"] { |
||||
margin-bottom: 12px; } |
||||
.el-tooltip__popper[x-placement^="top"] .popper__arrow { |
||||
bottom: -6px; |
||||
border-top-color: #303133; |
||||
border-bottom-width: 0; } |
||||
.el-tooltip__popper[x-placement^="top"] .popper__arrow::after { |
||||
bottom: 1px; |
||||
margin-left: -5px; |
||||
border-top-color: #303133; |
||||
border-bottom-width: 0; } |
||||
.el-tooltip__popper[x-placement^="bottom"] { |
||||
margin-top: 12px; } |
||||
.el-tooltip__popper[x-placement^="bottom"] .popper__arrow { |
||||
top: -6px; |
||||
border-top-width: 0; |
||||
border-bottom-color: #303133; } |
||||
.el-tooltip__popper[x-placement^="bottom"] .popper__arrow::after { |
||||
top: 1px; |
||||
margin-left: -5px; |
||||
border-top-width: 0; |
||||
border-bottom-color: #303133; } |
||||
.el-tooltip__popper[x-placement^="right"] { |
||||
margin-left: 12px; } |
||||
.el-tooltip__popper[x-placement^="right"] .popper__arrow { |
||||
left: -6px; |
||||
border-right-color: #303133; |
||||
border-left-width: 0; } |
||||
.el-tooltip__popper[x-placement^="right"] .popper__arrow::after { |
||||
bottom: -5px; |
||||
left: 1px; |
||||
border-right-color: #303133; |
||||
border-left-width: 0; } |
||||
.el-tooltip__popper[x-placement^="left"] { |
||||
margin-right: 12px; } |
||||
.el-tooltip__popper[x-placement^="left"] .popper__arrow { |
||||
right: -6px; |
||||
border-right-width: 0; |
||||
border-left-color: #303133; } |
||||
.el-tooltip__popper[x-placement^="left"] .popper__arrow::after { |
||||
right: 1px; |
||||
bottom: -5px; |
||||
margin-left: -5px; |
||||
border-right-width: 0; |
||||
border-left-color: #303133; } |
||||
.el-tooltip__popper.is-dark { |
||||
background: #303133; |
||||
color: #FFFFFF; } |
||||
.el-tooltip__popper.is-light { |
||||
background: #FFFFFF; |
||||
border: 1px solid #303133; } |
||||
.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow { |
||||
border-top-color: #303133; } |
||||
.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow::after { |
||||
border-top-color: #FFFFFF; } |
||||
.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow { |
||||
border-bottom-color: #303133; } |
||||
.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow::after { |
||||
border-bottom-color: #FFFFFF; } |
||||
.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow { |
||||
border-left-color: #303133; } |
||||
.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow::after { |
||||
border-left-color: #FFFFFF; } |
||||
.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow { |
||||
border-right-color: #303133; } |
||||
.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow::after { |
||||
border-right-color: #FFFFFF; } |
||||
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
Loading…
Reference in new issue