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