You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
65692 lines
1.4 MiB
65692 lines
1.4 MiB
<!DOCTYPE html>
|
|
<!-- saved from url=(0067)http://localhost:9527/#/contentManage/course/live_courses/live_list -->
|
|
<html class=" "><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<meta name="renderer" content="webkit">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
|
<link rel="icon" href="http://localhost:9527/favicon.ico">
|
|
<title>Vue Element Admin</title>
|
|
<link href="./Vue Element Admin_files/app.js.下载" rel="preload" as="script"><link href="./Vue Element Admin_files/chunk-vendors.js.下载" rel="preload" as="script"><style type="text/css">/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
|
|
|
|
/* Document
|
|
========================================================================== */
|
|
|
|
/**
|
|
* 1. Correct the line height in all browsers.
|
|
* 2. Prevent adjustments of font size after orientation changes in
|
|
* IE on Windows Phone and in iOS.
|
|
*/
|
|
|
|
html {
|
|
line-height: 1.15; /* 1 */
|
|
-ms-text-size-adjust: 100%; /* 2 */
|
|
-webkit-text-size-adjust: 100%; /* 2 */
|
|
}
|
|
|
|
/* Sections
|
|
========================================================================== */
|
|
|
|
/**
|
|
* Remove the margin in all browsers (opinionated).
|
|
*/
|
|
|
|
body {
|
|
margin: 0;
|
|
}
|
|
|
|
/**
|
|
* Add the correct display in IE 9-.
|
|
*/
|
|
|
|
article,
|
|
aside,
|
|
footer,
|
|
header,
|
|
nav,
|
|
section {
|
|
display: block;
|
|
}
|
|
|
|
/**
|
|
* Correct the font size and margin on `h1` elements within `section` and
|
|
* `article` contexts in Chrome, Firefox, and Safari.
|
|
*/
|
|
|
|
h1 {
|
|
font-size: 2em;
|
|
margin: 0.67em 0;
|
|
}
|
|
|
|
/* Grouping content
|
|
========================================================================== */
|
|
|
|
/**
|
|
* Add the correct display in IE 9-.
|
|
* 1. Add the correct display in IE.
|
|
*/
|
|
|
|
figcaption,
|
|
figure,
|
|
main { /* 1 */
|
|
display: block;
|
|
}
|
|
|
|
/**
|
|
* Add the correct margin in IE 8.
|
|
*/
|
|
|
|
figure {
|
|
margin: 1em 40px;
|
|
}
|
|
|
|
/**
|
|
* 1. Add the correct box sizing in Firefox.
|
|
* 2. Show the overflow in Edge and IE.
|
|
*/
|
|
|
|
hr {
|
|
-webkit-box-sizing: content-box;
|
|
box-sizing: content-box; /* 1 */
|
|
height: 0; /* 1 */
|
|
overflow: visible; /* 2 */
|
|
}
|
|
|
|
/**
|
|
* 1. Correct the inheritance and scaling of font size in all browsers.
|
|
* 2. Correct the odd `em` font sizing in all browsers.
|
|
*/
|
|
|
|
pre {
|
|
font-family: monospace, monospace; /* 1 */
|
|
font-size: 1em; /* 2 */
|
|
}
|
|
|
|
/* Text-level semantics
|
|
========================================================================== */
|
|
|
|
/**
|
|
* 1. Remove the gray background on active links in IE 10.
|
|
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
|
|
*/
|
|
|
|
a {
|
|
background-color: transparent; /* 1 */
|
|
-webkit-text-decoration-skip: objects; /* 2 */
|
|
}
|
|
|
|
/**
|
|
* 1. Remove the bottom border in Chrome 57- and Firefox 39-.
|
|
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
|
*/
|
|
|
|
abbr[title] {
|
|
border-bottom: none; /* 1 */
|
|
text-decoration: underline; /* 2 */
|
|
-webkit-text-decoration: underline dotted;
|
|
text-decoration: underline dotted; /* 2 */
|
|
}
|
|
|
|
/**
|
|
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
|
|
*/
|
|
|
|
b,
|
|
strong {
|
|
font-weight: inherit;
|
|
}
|
|
|
|
/**
|
|
* Add the correct font weight in Chrome, Edge, and Safari.
|
|
*/
|
|
|
|
b,
|
|
strong {
|
|
font-weight: bolder;
|
|
}
|
|
|
|
/**
|
|
* 1. Correct the inheritance and scaling of font size in all browsers.
|
|
* 2. Correct the odd `em` font sizing in all browsers.
|
|
*/
|
|
|
|
code,
|
|
kbd,
|
|
samp {
|
|
font-family: monospace, monospace; /* 1 */
|
|
font-size: 1em; /* 2 */
|
|
}
|
|
|
|
/**
|
|
* Add the correct font style in Android 4.3-.
|
|
*/
|
|
|
|
dfn {
|
|
font-style: italic;
|
|
}
|
|
|
|
/**
|
|
* Add the correct background and color in IE 9-.
|
|
*/
|
|
|
|
mark {
|
|
background-color: #ff0;
|
|
color: #000;
|
|
}
|
|
|
|
/**
|
|
* Add the correct font size in all browsers.
|
|
*/
|
|
|
|
small {
|
|
font-size: 80%;
|
|
}
|
|
|
|
/**
|
|
* Prevent `sub` and `sup` elements from affecting the line height in
|
|
* all browsers.
|
|
*/
|
|
|
|
sub,
|
|
sup {
|
|
font-size: 75%;
|
|
line-height: 0;
|
|
position: relative;
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
sub {
|
|
bottom: -0.25em;
|
|
}
|
|
|
|
sup {
|
|
top: -0.5em;
|
|
}
|
|
|
|
/* Embedded content
|
|
========================================================================== */
|
|
|
|
/**
|
|
* Add the correct display in IE 9-.
|
|
*/
|
|
|
|
audio,
|
|
video {
|
|
display: inline-block;
|
|
}
|
|
|
|
/**
|
|
* Add the correct display in iOS 4-7.
|
|
*/
|
|
|
|
audio:not([controls]) {
|
|
display: none;
|
|
height: 0;
|
|
}
|
|
|
|
/**
|
|
* Remove the border on images inside links in IE 10-.
|
|
*/
|
|
|
|
img {
|
|
border-style: none;
|
|
}
|
|
|
|
/**
|
|
* Hide the overflow in IE.
|
|
*/
|
|
|
|
svg:not(:root) {
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* Forms
|
|
========================================================================== */
|
|
|
|
/**
|
|
* 1. Change the font styles in all browsers (opinionated).
|
|
* 2. Remove the margin in Firefox and Safari.
|
|
*/
|
|
|
|
button,
|
|
input,
|
|
optgroup,
|
|
select,
|
|
textarea {
|
|
font-family: sans-serif; /* 1 */
|
|
font-size: 100%; /* 1 */
|
|
line-height: 1.15; /* 1 */
|
|
margin: 0; /* 2 */
|
|
}
|
|
|
|
/**
|
|
* Show the overflow in IE.
|
|
* 1. Show the overflow in Edge.
|
|
*/
|
|
|
|
button,
|
|
input { /* 1 */
|
|
overflow: visible;
|
|
}
|
|
|
|
/**
|
|
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
|
* 1. Remove the inheritance of text transform in Firefox.
|
|
*/
|
|
|
|
button,
|
|
select { /* 1 */
|
|
text-transform: none;
|
|
}
|
|
|
|
/**
|
|
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
|
|
* controls in Android 4.
|
|
* 2. Correct the inability to style clickable types in iOS and Safari.
|
|
*/
|
|
|
|
button,
|
|
html [type="button"], /* 1 */
|
|
[type="reset"],
|
|
[type="submit"] {
|
|
-webkit-appearance: button; /* 2 */
|
|
}
|
|
|
|
/**
|
|
* Remove the inner border and padding in Firefox.
|
|
*/
|
|
|
|
button::-moz-focus-inner,
|
|
[type="button"]::-moz-focus-inner,
|
|
[type="reset"]::-moz-focus-inner,
|
|
[type="submit"]::-moz-focus-inner {
|
|
border-style: none;
|
|
padding: 0;
|
|
}
|
|
|
|
/**
|
|
* Restore the focus styles unset by the previous rule.
|
|
*/
|
|
|
|
button:-moz-focusring,
|
|
[type="button"]:-moz-focusring,
|
|
[type="reset"]:-moz-focusring,
|
|
[type="submit"]:-moz-focusring {
|
|
outline: 1px dotted ButtonText;
|
|
}
|
|
|
|
/**
|
|
* Correct the padding in Firefox.
|
|
*/
|
|
|
|
fieldset {
|
|
padding: 0.35em 0.75em 0.625em;
|
|
}
|
|
|
|
/**
|
|
* 1. Correct the text wrapping in Edge and IE.
|
|
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
|
* 3. Remove the padding so developers are not caught out when they zero out
|
|
* `fieldset` elements in all browsers.
|
|
*/
|
|
|
|
legend {
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box; /* 1 */
|
|
color: inherit; /* 2 */
|
|
display: table; /* 1 */
|
|
max-width: 100%; /* 1 */
|
|
padding: 0; /* 3 */
|
|
white-space: normal; /* 1 */
|
|
}
|
|
|
|
/**
|
|
* 1. Add the correct display in IE 9-.
|
|
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
|
*/
|
|
|
|
progress {
|
|
display: inline-block; /* 1 */
|
|
vertical-align: baseline; /* 2 */
|
|
}
|
|
|
|
/**
|
|
* Remove the default vertical scrollbar in IE.
|
|
*/
|
|
|
|
textarea {
|
|
overflow: auto;
|
|
}
|
|
|
|
/**
|
|
* 1. Add the correct box sizing in IE 10-.
|
|
* 2. Remove the padding in IE 10-.
|
|
*/
|
|
|
|
[type="checkbox"],
|
|
[type="radio"] {
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box; /* 1 */
|
|
padding: 0; /* 2 */
|
|
}
|
|
|
|
/**
|
|
* Correct the cursor style of increment and decrement buttons in Chrome.
|
|
*/
|
|
|
|
[type="number"]::-webkit-inner-spin-button,
|
|
[type="number"]::-webkit-outer-spin-button {
|
|
height: auto;
|
|
}
|
|
|
|
/**
|
|
* 1. Correct the odd appearance in Chrome and Safari.
|
|
* 2. Correct the outline style in Safari.
|
|
*/
|
|
|
|
[type="search"] {
|
|
-webkit-appearance: textfield; /* 1 */
|
|
outline-offset: -2px; /* 2 */
|
|
}
|
|
|
|
/**
|
|
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
|
|
*/
|
|
|
|
[type="search"]::-webkit-search-cancel-button,
|
|
[type="search"]::-webkit-search-decoration {
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
/**
|
|
* 1. Correct the inability to style clickable types in iOS and Safari.
|
|
* 2. Change font properties to `inherit` in Safari.
|
|
*/
|
|
|
|
::-webkit-file-upload-button {
|
|
-webkit-appearance: button; /* 1 */
|
|
font: inherit; /* 2 */
|
|
}
|
|
|
|
/* Interactive
|
|
========================================================================== */
|
|
|
|
/*
|
|
* Add the correct display in IE 9-.
|
|
* 1. Add the correct display in Edge, IE, and Firefox.
|
|
*/
|
|
|
|
details, /* 1 */
|
|
menu {
|
|
display: block;
|
|
}
|
|
|
|
/*
|
|
* Add the correct display in all browsers.
|
|
*/
|
|
|
|
summary {
|
|
display: list-item;
|
|
}
|
|
|
|
/* Scripting
|
|
========================================================================== */
|
|
|
|
/**
|
|
* Add the correct display in IE 9-.
|
|
*/
|
|
|
|
canvas {
|
|
display: inline-block;
|
|
}
|
|
|
|
/**
|
|
* Add the correct display in IE.
|
|
*/
|
|
|
|
template {
|
|
display: none;
|
|
}
|
|
|
|
/* Hidden
|
|
========================================================================== */
|
|
|
|
/**
|
|
* Add the correct display in IE 10-.
|
|
*/
|
|
|
|
[hidden] {
|
|
display: none;
|
|
}
|
|
</style><style type="text/css">@charset "UTF-8";
|
|
/**
|
|
* I think element-ui's default theme color is too light for long-term use.
|
|
* So I modified the default color and you can modify it to your liking.
|
|
**/
|
|
/* theme color */
|
|
/* icon font path, required */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.fade-in-linear-enter-active,
|
|
.fade-in-linear-leave-active {
|
|
-webkit-transition: opacity 200ms linear;
|
|
transition: opacity 200ms linear;
|
|
}
|
|
|
|
.fade-in-linear-enter,
|
|
.fade-in-linear-leave,
|
|
.fade-in-linear-leave-active {
|
|
opacity: 0;
|
|
}
|
|
|
|
.el-fade-in-linear-enter-active,
|
|
.el-fade-in-linear-leave-active {
|
|
-webkit-transition: opacity 200ms linear;
|
|
transition: opacity 200ms linear;
|
|
}
|
|
|
|
.el-fade-in-linear-enter,
|
|
.el-fade-in-linear-leave,
|
|
.el-fade-in-linear-leave-active {
|
|
opacity: 0;
|
|
}
|
|
|
|
.el-fade-in-enter-active,
|
|
.el-fade-in-leave-active {
|
|
-webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
}
|
|
|
|
.el-fade-in-enter,
|
|
.el-fade-in-leave-active {
|
|
opacity: 0;
|
|
}
|
|
|
|
.el-zoom-in-center-enter-active,
|
|
.el-zoom-in-center-leave-active {
|
|
-webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
}
|
|
|
|
.el-zoom-in-center-enter,
|
|
.el-zoom-in-center-leave-active {
|
|
opacity: 0;
|
|
-webkit-transform: scaleX(0);
|
|
transform: scaleX(0);
|
|
}
|
|
|
|
.el-zoom-in-top-enter-active,
|
|
.el-zoom-in-top-leave-active {
|
|
opacity: 1;
|
|
-webkit-transform: scaleY(1);
|
|
transform: scaleY(1);
|
|
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
-webkit-transform-origin: center top;
|
|
transform-origin: center top;
|
|
}
|
|
|
|
.el-zoom-in-top-enter,
|
|
.el-zoom-in-top-leave-active {
|
|
opacity: 0;
|
|
-webkit-transform: scaleY(0);
|
|
transform: scaleY(0);
|
|
}
|
|
|
|
.el-zoom-in-bottom-enter-active,
|
|
.el-zoom-in-bottom-leave-active {
|
|
opacity: 1;
|
|
-webkit-transform: scaleY(1);
|
|
transform: scaleY(1);
|
|
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
-webkit-transform-origin: center bottom;
|
|
transform-origin: center bottom;
|
|
}
|
|
|
|
.el-zoom-in-bottom-enter,
|
|
.el-zoom-in-bottom-leave-active {
|
|
opacity: 0;
|
|
-webkit-transform: scaleY(0);
|
|
transform: scaleY(0);
|
|
}
|
|
|
|
.el-zoom-in-left-enter-active,
|
|
.el-zoom-in-left-leave-active {
|
|
opacity: 1;
|
|
-webkit-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
-webkit-transform-origin: top left;
|
|
transform-origin: top left;
|
|
}
|
|
|
|
.el-zoom-in-left-enter,
|
|
.el-zoom-in-left-leave-active {
|
|
opacity: 0;
|
|
-webkit-transform: scale(0.45, 0.45);
|
|
transform: scale(0.45, 0.45);
|
|
}
|
|
|
|
.collapse-transition {
|
|
-webkit-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
|
|
transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
|
|
}
|
|
|
|
.horizontal-collapse-transition {
|
|
-webkit-transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
|
|
transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
|
|
}
|
|
|
|
.el-list-enter-active,
|
|
.el-list-leave-active {
|
|
-webkit-transition: all 1s;
|
|
transition: all 1s;
|
|
}
|
|
|
|
.el-list-enter, .el-list-leave-active {
|
|
opacity: 0;
|
|
-webkit-transform: translateY(-30px);
|
|
transform: translateY(-30px);
|
|
}
|
|
|
|
.el-opacity-transition {
|
|
-webkit-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
}
|
|
|
|
/* 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
|
|
--------------------------*/
|
|
@font-face {
|
|
font-family: "element-icons";
|
|
src: url(/static/fonts/element-icons.535877f5.woff) format("woff"), url(/static/fonts/element-icons.732389de.ttf) format("truetype");
|
|
/* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
|
|
font-weight: normal;
|
|
font-display: "auto";
|
|
font-style: normal;
|
|
}
|
|
[class^=el-icon-], [class*=" el-icon-"] {
|
|
/* use !important to prevent issues with browser extensions that change fonts */
|
|
font-family: "element-icons" !important;
|
|
speak: none;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
line-height: 1;
|
|
vertical-align: baseline;
|
|
display: inline-block;
|
|
/* Better Font Rendering =========== */
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
.el-icon-ice-cream-round:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-ice-cream-square:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-lollipop:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-potato-strips:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-milk-tea:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-ice-drink:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-ice-tea:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-coffee:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-orange:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-pear:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-apple:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-cherry:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-watermelon:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-grape:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-refrigerator:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-goblet-square-full:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-goblet-square:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-goblet-full:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-goblet:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-cold-drink:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-coffee-cup:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-water-cup:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-hot-water:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-ice-cream:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-dessert:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-sugar:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-tableware:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-burger:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-knife-fork:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-fork-spoon:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-chicken:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-food:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-dish-1:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-dish:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-moon-night:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-moon:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-cloudy-and-sunny:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-partly-cloudy:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-cloudy:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-sunny:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-sunset:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-sunrise-1:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-sunrise:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-heavy-rain:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-lightning:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-light-rain:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-wind-power:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-baseball:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-soccer:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-football:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-basketball:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-ship:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-truck:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-bicycle:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-mobile-phone:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-service:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-key:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-unlock:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-lock:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-watch:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-watch-1:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-timer:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-alarm-clock:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-map-location:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-delete-location:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-add-location:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-location-information:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-location-outline:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-location:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-place:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-discover:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-first-aid-kit:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-trophy-1:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-trophy:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-medal:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-medal-1:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-stopwatch:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-mic:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-copy-document:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-full-screen:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-switch-button:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-aim:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-crop:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-odometer:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-time:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-bangzhu:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-close-notification:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-microphone:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-turn-off-microphone:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-position:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-postcard:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-message:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-chat-line-square:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-chat-dot-square:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-chat-dot-round:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-chat-square:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-chat-line-round:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-chat-round:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-set-up:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-turn-off:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-open:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-connection:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-link:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-cpu:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-thumb:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-female:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-male:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-guide:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-news:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-price-tag:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-discount:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-wallet:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-coin:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-money:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-bank-card:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-box:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-present:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-sell:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-sold-out:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-shopping-bag-2:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-shopping-bag-1:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-shopping-cart-2:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-shopping-cart-1:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-shopping-cart-full:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-smoking:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-no-smoking:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-house:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-table-lamp:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-school:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-office-building:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-toilet-paper:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-notebook-2:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-notebook-1:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-files:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-collection:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-receiving:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-suitcase-1:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-suitcase:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-film:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-collection-tag:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-data-analysis:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-pie-chart:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-data-board:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-data-line:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-reading:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-magic-stick:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-coordinate:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-mouse:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-brush:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-headset:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-umbrella:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-scissors:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-mobile:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-attract:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-monitor:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-search:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-takeaway-box:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-paperclip:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-printer:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-document-add:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-document:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-document-checked:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-document-copy:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-document-delete:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-document-remove:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-tickets:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-folder-checked:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-folder-delete:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-folder-remove:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-folder-add:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-folder-opened:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-folder:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-edit-outline:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-edit:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-date:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-c-scale-to-original:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-view:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-loading:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-rank:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-sort-down:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-sort-up:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-sort:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-finished:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-refresh-left:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-refresh-right:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-refresh:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-video-play:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-video-pause:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-d-arrow-right:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-d-arrow-left:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-arrow-up:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-arrow-down:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-arrow-right:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-arrow-left:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-top-right:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-top-left:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-top:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-bottom:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-right:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-back:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-bottom-right:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-bottom-left:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-caret-top:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-caret-bottom:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-caret-right:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-caret-left:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-d-caret:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-share:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-menu:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-s-grid:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-s-check:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-s-data:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-s-opportunity:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-s-custom:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-s-claim:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-s-finance:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-s-comment:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-s-flag:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-s-marketing:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-s-shop:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-s-open:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-s-management:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-s-ticket:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-s-release:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-s-home:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-s-promotion:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-s-operation:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-s-unfold:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-s-fold:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-s-platform:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-s-order:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-s-cooperation:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-bell:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-message-solid:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-video-camera:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-video-camera-solid:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-camera:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-camera-solid:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-download:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-upload2:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-upload:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-picture-outline-round:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-picture-outline:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-picture:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-close:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-check:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-plus:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-minus:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-help:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-s-help:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-circle-close:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-circle-check:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-circle-plus-outline:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-remove-outline:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-zoom-out:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-zoom-in:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-error:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-success:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-circle-plus:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-remove:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-info:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-question:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-warning-outline:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-warning:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-goods:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-s-goods:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-star-off:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-star-on:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-more-outline:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-more:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-phone-outline:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-phone:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-user:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-user-solid:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-setting:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-s-tools:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-delete:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-delete-solid:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-eleme:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-platform-eleme:before {
|
|
content: "";
|
|
}
|
|
|
|
.el-icon-loading {
|
|
-webkit-animation: rotating 2s linear infinite;
|
|
animation: rotating 2s linear infinite;
|
|
}
|
|
|
|
.el-icon--right {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.el-icon--left {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
@-webkit-keyframes rotating {
|
|
0% {
|
|
-webkit-transform: rotateZ(0deg);
|
|
transform: rotateZ(0deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotateZ(360deg);
|
|
transform: rotateZ(360deg);
|
|
}
|
|
}
|
|
|
|
@keyframes rotating {
|
|
0% {
|
|
-webkit-transform: rotateZ(0deg);
|
|
transform: rotateZ(0deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotateZ(360deg);
|
|
transform: rotateZ(360deg);
|
|
}
|
|
}
|
|
/* 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
|
|
--------------------------*/
|
|
/* 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: #e6ebf5;
|
|
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: #e6ebf5;
|
|
}
|
|
.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: #e6ebf5;
|
|
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: #e6ebf5;
|
|
}
|
|
.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 #dfe4ed;
|
|
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: #1890ff;
|
|
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: "";
|
|
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;
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.el-textarea {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 100%;
|
|
vertical-align: bottom;
|
|
font-size: 14px;
|
|
}
|
|
.el-textarea__inner {
|
|
display: block;
|
|
resize: vertical;
|
|
padding: 5px 15px;
|
|
line-height: 1.5;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
font-size: inherit;
|
|
color: #606266;
|
|
background-color: #FFFFFF;
|
|
background-image: none;
|
|
border: 1px solid #DCDFE6;
|
|
border-radius: 4px;
|
|
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
.el-textarea__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner:hover {
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner:focus {
|
|
outline: none;
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-textarea .el-input__count {
|
|
color: #909399;
|
|
background: #FFFFFF;
|
|
position: absolute;
|
|
font-size: 12px;
|
|
bottom: 5px;
|
|
right: 10px;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner {
|
|
background-color: #F5F7FA;
|
|
border-color: #dfe4ed;
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
|
|
.el-textarea.is-exceed .el-textarea__inner {
|
|
border-color: #ff4949;
|
|
}
|
|
.el-textarea.is-exceed .el-input__count {
|
|
color: #ff4949;
|
|
}
|
|
|
|
.el-input {
|
|
position: relative;
|
|
font-size: 14px;
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
.el-input::-webkit-scrollbar {
|
|
z-index: 11;
|
|
width: 6px;
|
|
}
|
|
.el-input::-webkit-scrollbar:horizontal {
|
|
height: 6px;
|
|
}
|
|
.el-input::-webkit-scrollbar-thumb {
|
|
border-radius: 5px;
|
|
width: 6px;
|
|
background: #b4bccc;
|
|
}
|
|
.el-input::-webkit-scrollbar-corner {
|
|
background: #fff;
|
|
}
|
|
.el-input::-webkit-scrollbar-track {
|
|
background: #fff;
|
|
}
|
|
.el-input::-webkit-scrollbar-track-piece {
|
|
background: #fff;
|
|
width: 6px;
|
|
}
|
|
.el-input .el-input__clear {
|
|
color: #C0C4CC;
|
|
font-size: 14px;
|
|
cursor: pointer;
|
|
-webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
.el-input .el-input__clear:hover {
|
|
color: #909399;
|
|
}
|
|
.el-input .el-input__count {
|
|
height: 100%;
|
|
display: -webkit-inline-box;
|
|
display: -ms-inline-flexbox;
|
|
display: inline-flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
color: #909399;
|
|
font-size: 12px;
|
|
}
|
|
.el-input .el-input__count .el-input__count-inner {
|
|
background: #FFFFFF;
|
|
line-height: initial;
|
|
display: inline-block;
|
|
padding: 0 5px;
|
|
}
|
|
.el-input__inner {
|
|
-webkit-appearance: none;
|
|
background-color: #FFFFFF;
|
|
background-image: none;
|
|
border-radius: 4px;
|
|
border: 1px solid #DCDFE6;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
color: #606266;
|
|
display: inline-block;
|
|
font-size: inherit;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
outline: none;
|
|
padding: 0 15px;
|
|
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
width: 100%;
|
|
}
|
|
.el-input__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner:hover {
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-input__inner:focus {
|
|
outline: none;
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-input__suffix {
|
|
position: absolute;
|
|
height: 100%;
|
|
right: 5px;
|
|
top: 0;
|
|
text-align: center;
|
|
color: #C0C4CC;
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.el-input__suffix-inner {
|
|
pointer-events: all;
|
|
}
|
|
|
|
.el-input__prefix {
|
|
position: absolute;
|
|
height: 100%;
|
|
left: 5px;
|
|
top: 0;
|
|
text-align: center;
|
|
color: #C0C4CC;
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
.el-input__icon {
|
|
height: 100%;
|
|
width: 25px;
|
|
text-align: center;
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
line-height: 40px;
|
|
}
|
|
.el-input__icon:after {
|
|
content: "";
|
|
height: 100%;
|
|
width: 0;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.el-input__validateIcon {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.el-input.is-active .el-input__inner {
|
|
outline: none;
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-input.is-disabled .el-input__inner {
|
|
background-color: #F5F7FA;
|
|
border-color: #dfe4ed;
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__icon {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.el-input.is-exceed .el-input__inner {
|
|
border-color: #ff4949;
|
|
}
|
|
.el-input.is-exceed .el-input__suffix .el-input__count {
|
|
color: #ff4949;
|
|
}
|
|
|
|
.el-input--suffix .el-input__inner {
|
|
padding-right: 30px;
|
|
}
|
|
|
|
.el-input--prefix .el-input__inner {
|
|
padding-left: 30px;
|
|
}
|
|
|
|
.el-input--medium {
|
|
font-size: 14px;
|
|
}
|
|
.el-input--medium .el-input__inner {
|
|
height: 36px;
|
|
line-height: 36px;
|
|
}
|
|
|
|
.el-input--medium .el-input__icon {
|
|
line-height: 36px;
|
|
}
|
|
|
|
.el-input--small {
|
|
font-size: 13px;
|
|
}
|
|
.el-input--small .el-input__inner {
|
|
height: 32px;
|
|
line-height: 32px;
|
|
}
|
|
|
|
.el-input--small .el-input__icon {
|
|
line-height: 32px;
|
|
}
|
|
|
|
.el-input--mini {
|
|
font-size: 12px;
|
|
}
|
|
.el-input--mini .el-input__inner {
|
|
height: 28px;
|
|
line-height: 28px;
|
|
}
|
|
|
|
.el-input--mini .el-input__icon {
|
|
line-height: 28px;
|
|
}
|
|
|
|
.el-input-group {
|
|
line-height: normal;
|
|
display: inline-table;
|
|
width: 100%;
|
|
border-collapse: separate;
|
|
border-spacing: 0;
|
|
}
|
|
.el-input-group > .el-input__inner {
|
|
vertical-align: middle;
|
|
display: table-cell;
|
|
}
|
|
.el-input-group__append, .el-input-group__prepend {
|
|
background-color: #F5F7FA;
|
|
color: #909399;
|
|
vertical-align: middle;
|
|
display: table-cell;
|
|
position: relative;
|
|
border: 1px solid #DCDFE6;
|
|
border-radius: 4px;
|
|
padding: 0 20px;
|
|
width: 1px;
|
|
white-space: nowrap;
|
|
}
|
|
.el-input-group__append:focus, .el-input-group__prepend:focus {
|
|
outline: none;
|
|
}
|
|
.el-input-group__append .el-select,
|
|
.el-input-group__append .el-button, .el-input-group__prepend .el-select,
|
|
.el-input-group__prepend .el-button {
|
|
display: inline-block;
|
|
margin: -10px -20px;
|
|
}
|
|
.el-input-group__append button.el-button,
|
|
.el-input-group__append div.el-select .el-input__inner,
|
|
.el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button,
|
|
.el-input-group__prepend div.el-select .el-input__inner,
|
|
.el-input-group__prepend div.el-select:hover .el-input__inner {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
color: inherit;
|
|
border-top: 0;
|
|
border-bottom: 0;
|
|
}
|
|
.el-input-group__append .el-button,
|
|
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
|
|
.el-input-group__prepend .el-input {
|
|
font-size: inherit;
|
|
}
|
|
|
|
.el-input-group__prepend {
|
|
border-right: 0;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.el-input-group__append {
|
|
border-left: 0;
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.el-input-group--prepend .el-input__inner {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
|
|
border-color: transparent;
|
|
}
|
|
|
|
.el-input-group--append .el-input__inner {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
|
|
border-color: transparent;
|
|
}
|
|
|
|
/** disalbe default clear on IE */
|
|
.el-input__inner::-ms-clear {
|
|
display: none;
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
|
|
/* 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: #e8f4ff;
|
|
border-color: #d1e9ff;
|
|
color: #1890ff;
|
|
display: inline-block;
|
|
height: 32px;
|
|
padding: 0 10px;
|
|
line-height: 30px;
|
|
font-size: 12px;
|
|
color: #1890ff;
|
|
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: #1890ff;
|
|
}
|
|
|
|
.el-tag .el-tag__close {
|
|
color: #1890ff;
|
|
}
|
|
.el-tag .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #1890ff;
|
|
}
|
|
.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: #e7faf0;
|
|
border-color: #d0f5e0;
|
|
color: #13ce66;
|
|
}
|
|
.el-tag.el-tag--success.is-hit {
|
|
border-color: #13ce66;
|
|
}
|
|
|
|
.el-tag.el-tag--success .el-tag__close {
|
|
color: #13ce66;
|
|
}
|
|
.el-tag.el-tag--success .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #13ce66;
|
|
}
|
|
.el-tag.el-tag--warning {
|
|
background-color: #fff8e6;
|
|
border-color: #fff1cc;
|
|
color: #ffba00;
|
|
}
|
|
.el-tag.el-tag--warning.is-hit {
|
|
border-color: #ffba00;
|
|
}
|
|
|
|
.el-tag.el-tag--warning .el-tag__close {
|
|
color: #ffba00;
|
|
}
|
|
.el-tag.el-tag--warning .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #ffba00;
|
|
}
|
|
.el-tag.el-tag--danger {
|
|
background-color: #ffeded;
|
|
border-color: #ffdbdb;
|
|
color: #ff4949;
|
|
}
|
|
.el-tag.el-tag--danger.is-hit {
|
|
border-color: #ff4949;
|
|
}
|
|
|
|
.el-tag.el-tag--danger .el-tag__close {
|
|
color: #ff4949;
|
|
}
|
|
.el-tag.el-tag--danger .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #ff4949;
|
|
}
|
|
.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: #1890ff;
|
|
border-color: #1890ff;
|
|
color: white;
|
|
}
|
|
.el-tag--dark.is-hit {
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-tag--dark .el-tag__close {
|
|
color: white;
|
|
}
|
|
.el-tag--dark .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #46a6ff;
|
|
}
|
|
.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: #13ce66;
|
|
border-color: #13ce66;
|
|
color: white;
|
|
}
|
|
.el-tag--dark.el-tag--success.is-hit {
|
|
border-color: #13ce66;
|
|
}
|
|
|
|
.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: #42d885;
|
|
}
|
|
.el-tag--dark.el-tag--warning {
|
|
background-color: #ffba00;
|
|
border-color: #ffba00;
|
|
color: white;
|
|
}
|
|
.el-tag--dark.el-tag--warning.is-hit {
|
|
border-color: #ffba00;
|
|
}
|
|
|
|
.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: #ffc833;
|
|
}
|
|
.el-tag--dark.el-tag--danger {
|
|
background-color: #ff4949;
|
|
border-color: #ff4949;
|
|
color: white;
|
|
}
|
|
.el-tag--dark.el-tag--danger.is-hit {
|
|
border-color: #ff4949;
|
|
}
|
|
|
|
.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: #ff6d6d;
|
|
}
|
|
|
|
.el-tag--plain {
|
|
background-color: white;
|
|
border-color: #a3d3ff;
|
|
color: #1890ff;
|
|
}
|
|
.el-tag--plain.is-hit {
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-tag--plain .el-tag__close {
|
|
color: #1890ff;
|
|
}
|
|
.el-tag--plain .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #1890ff;
|
|
}
|
|
.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: #a1ebc2;
|
|
color: #13ce66;
|
|
}
|
|
.el-tag--plain.el-tag--success.is-hit {
|
|
border-color: #13ce66;
|
|
}
|
|
|
|
.el-tag--plain.el-tag--success .el-tag__close {
|
|
color: #13ce66;
|
|
}
|
|
.el-tag--plain.el-tag--success .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #13ce66;
|
|
}
|
|
.el-tag--plain.el-tag--warning {
|
|
background-color: white;
|
|
border-color: #ffe399;
|
|
color: #ffba00;
|
|
}
|
|
.el-tag--plain.el-tag--warning.is-hit {
|
|
border-color: #ffba00;
|
|
}
|
|
|
|
.el-tag--plain.el-tag--warning .el-tag__close {
|
|
color: #ffba00;
|
|
}
|
|
.el-tag--plain.el-tag--warning .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #ffba00;
|
|
}
|
|
.el-tag--plain.el-tag--danger {
|
|
background-color: white;
|
|
border-color: #ffb6b6;
|
|
color: #ff4949;
|
|
}
|
|
.el-tag--plain.el-tag--danger.is-hit {
|
|
border-color: #ff4949;
|
|
}
|
|
|
|
.el-tag--plain.el-tag--danger .el-tag__close {
|
|
color: #ff4949;
|
|
}
|
|
.el-tag--plain.el-tag--danger .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #ff4949;
|
|
}
|
|
|
|
.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);
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.el-select-dropdown__item {
|
|
font-size: 14px;
|
|
padding: 0 20px;
|
|
position: relative;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
color: #606266;
|
|
height: 34px;
|
|
line-height: 34px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
}
|
|
.el-select-dropdown__item.is-disabled {
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-select-dropdown__item.is-disabled:hover {
|
|
background-color: #FFFFFF;
|
|
}
|
|
|
|
.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
|
|
background-color: #F5F7FA;
|
|
}
|
|
.el-select-dropdown__item.selected {
|
|
color: #1890ff;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.el-select-group {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.el-select-group__wrap {
|
|
position: relative;
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.el-select-group__wrap:not(:last-of-type) {
|
|
padding-bottom: 24px;
|
|
}
|
|
.el-select-group__wrap:not(:last-of-type)::after {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
left: 20px;
|
|
right: 20px;
|
|
bottom: 12px;
|
|
height: 1px;
|
|
background: #dfe4ed;
|
|
}
|
|
|
|
.el-select-group__title {
|
|
padding-left: 20px;
|
|
font-size: 12px;
|
|
color: #909399;
|
|
line-height: 30px;
|
|
}
|
|
|
|
.el-select-group .el-select-dropdown__item {
|
|
padding-left: 20px;
|
|
}
|
|
|
|
/* 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: 0.3s background-color;
|
|
transition: 0.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%;
|
|
}
|
|
|
|
.el-select {
|
|
display: inline-block;
|
|
position: relative;
|
|
}
|
|
.el-select .el-select__tags > span {
|
|
display: contents;
|
|
}
|
|
.el-select:hover .el-input__inner {
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-select .el-input__inner {
|
|
cursor: pointer;
|
|
padding-right: 35px;
|
|
}
|
|
.el-select .el-input__inner:focus {
|
|
border-color: #1890ff;
|
|
}
|
|
.el-select .el-input .el-select__caret {
|
|
color: #C0C4CC;
|
|
font-size: 14px;
|
|
-webkit-transition: -webkit-transform 0.3s;
|
|
transition: -webkit-transform 0.3s;
|
|
transition: transform 0.3s;
|
|
transition: transform 0.3s, -webkit-transform 0.3s;
|
|
-webkit-transform: rotateZ(180deg);
|
|
transform: rotateZ(180deg);
|
|
cursor: pointer;
|
|
}
|
|
.el-select .el-input .el-select__caret.is-reverse {
|
|
-webkit-transform: rotateZ(0deg);
|
|
transform: rotateZ(0deg);
|
|
}
|
|
|
|
.el-select .el-input .el-select__caret.is-show-close {
|
|
font-size: 14px;
|
|
text-align: center;
|
|
-webkit-transform: rotateZ(180deg);
|
|
transform: rotateZ(180deg);
|
|
border-radius: 100%;
|
|
color: #C0C4CC;
|
|
-webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
.el-select .el-input .el-select__caret.is-show-close:hover {
|
|
color: #909399;
|
|
}
|
|
|
|
.el-select .el-input.is-disabled .el-input__inner {
|
|
cursor: not-allowed;
|
|
}
|
|
.el-select .el-input.is-disabled .el-input__inner:hover {
|
|
border-color: #dfe4ed;
|
|
}
|
|
.el-select .el-input.is-focus .el-input__inner {
|
|
border-color: #1890ff;
|
|
}
|
|
.el-select > .el-input {
|
|
display: block;
|
|
}
|
|
.el-select__input {
|
|
border: none;
|
|
outline: none;
|
|
padding: 0;
|
|
margin-left: 15px;
|
|
color: #666;
|
|
font-size: 14px;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
height: 28px;
|
|
background-color: transparent;
|
|
}
|
|
.el-select__input.is-mini {
|
|
height: 14px;
|
|
}
|
|
|
|
.el-select__close {
|
|
cursor: pointer;
|
|
position: absolute;
|
|
top: 8px;
|
|
z-index: 1000;
|
|
right: 25px;
|
|
color: #C0C4CC;
|
|
line-height: 18px;
|
|
font-size: 14px;
|
|
}
|
|
.el-select__close:hover {
|
|
color: #909399;
|
|
}
|
|
|
|
.el-select__tags {
|
|
position: absolute;
|
|
line-height: normal;
|
|
white-space: normal;
|
|
z-index: 1;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.el-select .el-tag__close {
|
|
margin-top: -2px;
|
|
}
|
|
.el-select .el-tag {
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
border-color: transparent;
|
|
margin: 2px 0 2px 6px;
|
|
background-color: #f0f2f5;
|
|
}
|
|
.el-select .el-tag__close.el-icon-close {
|
|
background-color: #C0C4CC;
|
|
right: -7px;
|
|
top: 0;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-select .el-tag__close.el-icon-close:hover {
|
|
background-color: #909399;
|
|
}
|
|
.el-select .el-tag__close.el-icon-close::before {
|
|
display: block;
|
|
-webkit-transform: translate(0, 0.5px);
|
|
transform: translate(0, 0.5px);
|
|
}
|
|
|
|
.el-pagination {
|
|
white-space: nowrap;
|
|
padding: 2px 5px;
|
|
color: #303133;
|
|
font-weight: bold;
|
|
}
|
|
.el-pagination::before,
|
|
.el-pagination::after {
|
|
display: table;
|
|
content: "";
|
|
}
|
|
|
|
.el-pagination::after {
|
|
clear: both;
|
|
}
|
|
|
|
.el-pagination span:not([class*=suffix]),
|
|
.el-pagination button {
|
|
display: inline-block;
|
|
font-size: 13px;
|
|
min-width: 35.5px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
vertical-align: top;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.el-pagination .el-input__inner {
|
|
text-align: center;
|
|
-moz-appearance: textfield;
|
|
line-height: normal;
|
|
}
|
|
.el-pagination .el-input__suffix {
|
|
right: 0;
|
|
-webkit-transform: scale(0.8);
|
|
transform: scale(0.8);
|
|
}
|
|
.el-pagination .el-select .el-input {
|
|
width: 100px;
|
|
margin: 0 5px;
|
|
}
|
|
.el-pagination .el-select .el-input .el-input__inner {
|
|
padding-right: 25px;
|
|
border-radius: 3px;
|
|
}
|
|
.el-pagination button {
|
|
border: none;
|
|
padding: 0 6px;
|
|
background: transparent;
|
|
}
|
|
.el-pagination button:focus {
|
|
outline: none;
|
|
}
|
|
.el-pagination button:hover {
|
|
color: #1890ff;
|
|
}
|
|
.el-pagination button:disabled {
|
|
color: #C0C4CC;
|
|
background-color: #FFFFFF;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-pagination .btn-prev,
|
|
.el-pagination .btn-next {
|
|
background: center center no-repeat;
|
|
background-size: 16px;
|
|
background-color: #FFFFFF;
|
|
cursor: pointer;
|
|
margin: 0;
|
|
color: #303133;
|
|
}
|
|
.el-pagination .btn-prev .el-icon,
|
|
.el-pagination .btn-next .el-icon {
|
|
display: block;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
}
|
|
.el-pagination .btn-prev {
|
|
padding-right: 12px;
|
|
}
|
|
.el-pagination .btn-next {
|
|
padding-left: 12px;
|
|
}
|
|
.el-pagination .el-pager li.disabled {
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-pagination--small .btn-prev,
|
|
.el-pagination--small .btn-next,
|
|
.el-pagination--small .el-pager li,
|
|
.el-pagination--small .el-pager li.btn-quicknext,
|
|
.el-pagination--small .el-pager li.btn-quickprev,
|
|
.el-pagination--small .el-pager li:last-child {
|
|
border-color: transparent;
|
|
font-size: 12px;
|
|
line-height: 22px;
|
|
height: 22px;
|
|
min-width: 22px;
|
|
}
|
|
.el-pagination--small .arrow.disabled {
|
|
visibility: hidden;
|
|
}
|
|
.el-pagination--small .more::before,
|
|
.el-pagination--small li.more::before {
|
|
line-height: 24px;
|
|
}
|
|
.el-pagination--small span:not([class*=suffix]),
|
|
.el-pagination--small button {
|
|
height: 22px;
|
|
line-height: 22px;
|
|
}
|
|
.el-pagination--small .el-pagination__editor {
|
|
height: 22px;
|
|
}
|
|
.el-pagination--small .el-pagination__editor.el-input .el-input__inner {
|
|
height: 22px;
|
|
}
|
|
|
|
.el-pagination__sizes {
|
|
margin: 0 10px 0 0;
|
|
font-weight: normal;
|
|
color: #606266;
|
|
}
|
|
.el-pagination__sizes .el-input .el-input__inner {
|
|
font-size: 13px;
|
|
padding-left: 8px;
|
|
}
|
|
.el-pagination__sizes .el-input .el-input__inner:hover {
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-pagination__total {
|
|
margin-right: 10px;
|
|
font-weight: normal;
|
|
color: #606266;
|
|
}
|
|
|
|
.el-pagination__jump {
|
|
margin-left: 24px;
|
|
font-weight: normal;
|
|
color: #606266;
|
|
}
|
|
.el-pagination__jump .el-input__inner {
|
|
padding: 0 3px;
|
|
}
|
|
|
|
.el-pagination__rightwrapper {
|
|
float: right;
|
|
}
|
|
|
|
.el-pagination__editor {
|
|
line-height: 18px;
|
|
padding: 0 2px;
|
|
height: 28px;
|
|
text-align: center;
|
|
margin: 0 2px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
border-radius: 3px;
|
|
}
|
|
.el-pagination__editor.el-input {
|
|
width: 50px;
|
|
}
|
|
.el-pagination__editor.el-input .el-input__inner {
|
|
height: 28px;
|
|
}
|
|
.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,
|
|
.el-pagination__editor .el-input__inner::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.el-pagination.is-background .btn-prev,
|
|
.el-pagination.is-background .btn-next,
|
|
.el-pagination.is-background .el-pager li {
|
|
margin: 0 5px;
|
|
background-color: #f4f4f5;
|
|
color: #606266;
|
|
min-width: 30px;
|
|
border-radius: 2px;
|
|
}
|
|
.el-pagination.is-background .btn-prev.disabled,
|
|
.el-pagination.is-background .btn-next.disabled,
|
|
.el-pagination.is-background .el-pager li.disabled {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-pagination.is-background .btn-prev, .el-pagination.is-background .btn-next {
|
|
padding: 0;
|
|
}
|
|
.el-pagination.is-background .btn-prev:disabled, .el-pagination.is-background .btn-next:disabled {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-pagination.is-background .el-pager li:not(.disabled):hover {
|
|
color: #1890ff;
|
|
}
|
|
.el-pagination.is-background .el-pager li:not(.disabled).active {
|
|
background-color: #1890ff;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-pagination.is-background.el-pagination--small .btn-prev,
|
|
.el-pagination.is-background.el-pagination--small .btn-next,
|
|
.el-pagination.is-background.el-pagination--small .el-pager li {
|
|
margin: 0 3px;
|
|
min-width: 22px;
|
|
}
|
|
|
|
.el-pager {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
list-style: none;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
font-size: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.el-pager .more::before {
|
|
line-height: 30px;
|
|
}
|
|
.el-pager li {
|
|
padding: 0 4px;
|
|
background: #FFFFFF;
|
|
vertical-align: top;
|
|
display: inline-block;
|
|
font-size: 13px;
|
|
min-width: 35.5px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
cursor: pointer;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
text-align: center;
|
|
margin: 0;
|
|
}
|
|
.el-pager li.btn-quicknext, .el-pager li.btn-quickprev {
|
|
line-height: 28px;
|
|
color: #303133;
|
|
}
|
|
.el-pager li.btn-quicknext.disabled, .el-pager li.btn-quickprev.disabled {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-pager li.btn-quickprev:hover {
|
|
cursor: pointer;
|
|
}
|
|
.el-pager li.btn-quicknext:hover {
|
|
cursor: pointer;
|
|
}
|
|
.el-pager li.active + li {
|
|
border-left: 0;
|
|
}
|
|
.el-pager li:hover {
|
|
color: #1890ff;
|
|
}
|
|
.el-pager li.active {
|
|
color: #1890ff;
|
|
cursor: default;
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
.v-modal-enter {
|
|
-webkit-animation: v-modal-in 0.2s ease;
|
|
animation: v-modal-in 0.2s ease;
|
|
}
|
|
|
|
.v-modal-leave {
|
|
-webkit-animation: v-modal-out 0.2s ease forwards;
|
|
animation: v-modal-out 0.2s ease forwards;
|
|
}
|
|
|
|
@-webkit-keyframes v-modal-in {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@keyframes v-modal-in {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@-webkit-keyframes v-modal-out {
|
|
100% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes v-modal-out {
|
|
100% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.v-modal {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 0.5;
|
|
background: #000000;
|
|
}
|
|
|
|
.el-popup-parent--hidden {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.el-dialog {
|
|
position: relative;
|
|
margin: 0 auto 50px;
|
|
background: #FFFFFF;
|
|
border-radius: 2px;
|
|
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
width: 50%;
|
|
}
|
|
.el-dialog.is-fullscreen {
|
|
width: 100%;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
height: 100%;
|
|
overflow: auto;
|
|
}
|
|
|
|
.el-dialog__wrapper {
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
overflow: auto;
|
|
margin: 0;
|
|
}
|
|
|
|
.el-dialog__header {
|
|
padding: 20px;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.el-dialog__headerbtn {
|
|
position: absolute;
|
|
top: 20px;
|
|
right: 20px;
|
|
padding: 0;
|
|
background: transparent;
|
|
border: none;
|
|
outline: none;
|
|
cursor: pointer;
|
|
font-size: 16px;
|
|
}
|
|
.el-dialog__headerbtn .el-dialog__close {
|
|
color: #909399;
|
|
}
|
|
.el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close {
|
|
color: #1890ff;
|
|
}
|
|
|
|
.el-dialog__title {
|
|
line-height: 24px;
|
|
font-size: 18px;
|
|
color: #303133;
|
|
}
|
|
|
|
.el-dialog__body {
|
|
padding: 30px 20px;
|
|
color: #606266;
|
|
font-size: 14px;
|
|
word-break: break-all;
|
|
}
|
|
|
|
.el-dialog__footer {
|
|
padding: 20px;
|
|
padding-top: 10px;
|
|
text-align: right;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.el-dialog--center {
|
|
text-align: center;
|
|
}
|
|
.el-dialog--center .el-dialog__body {
|
|
text-align: initial;
|
|
padding: 25px 25px 30px;
|
|
}
|
|
|
|
.el-dialog--center .el-dialog__footer {
|
|
text-align: inherit;
|
|
}
|
|
|
|
.dialog-fade-enter-active {
|
|
-webkit-animation: dialog-fade-in 0.3s;
|
|
animation: dialog-fade-in 0.3s;
|
|
}
|
|
|
|
.dialog-fade-leave-active {
|
|
-webkit-animation: dialog-fade-out 0.3s;
|
|
animation: dialog-fade-out 0.3s;
|
|
}
|
|
|
|
@-webkit-keyframes dialog-fade-in {
|
|
0% {
|
|
-webkit-transform: translate3d(0, -20px, 0);
|
|
transform: translate3d(0, -20px, 0);
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes dialog-fade-in {
|
|
0% {
|
|
-webkit-transform: translate3d(0, -20px, 0);
|
|
transform: translate3d(0, -20px, 0);
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@-webkit-keyframes dialog-fade-out {
|
|
0% {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
-webkit-transform: translate3d(0, -20px, 0);
|
|
transform: translate3d(0, -20px, 0);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes dialog-fade-out {
|
|
0% {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
-webkit-transform: translate3d(0, -20px, 0);
|
|
transform: translate3d(0, -20px, 0);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.el-textarea {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 100%;
|
|
vertical-align: bottom;
|
|
font-size: 14px;
|
|
}
|
|
.el-textarea__inner {
|
|
display: block;
|
|
resize: vertical;
|
|
padding: 5px 15px;
|
|
line-height: 1.5;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
font-size: inherit;
|
|
color: #606266;
|
|
background-color: #FFFFFF;
|
|
background-image: none;
|
|
border: 1px solid #DCDFE6;
|
|
border-radius: 4px;
|
|
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
.el-textarea__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner:hover {
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner:focus {
|
|
outline: none;
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-textarea .el-input__count {
|
|
color: #909399;
|
|
background: #FFFFFF;
|
|
position: absolute;
|
|
font-size: 12px;
|
|
bottom: 5px;
|
|
right: 10px;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner {
|
|
background-color: #F5F7FA;
|
|
border-color: #dfe4ed;
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
|
|
.el-textarea.is-exceed .el-textarea__inner {
|
|
border-color: #ff4949;
|
|
}
|
|
.el-textarea.is-exceed .el-input__count {
|
|
color: #ff4949;
|
|
}
|
|
|
|
.el-input {
|
|
position: relative;
|
|
font-size: 14px;
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
.el-input::-webkit-scrollbar {
|
|
z-index: 11;
|
|
width: 6px;
|
|
}
|
|
.el-input::-webkit-scrollbar:horizontal {
|
|
height: 6px;
|
|
}
|
|
.el-input::-webkit-scrollbar-thumb {
|
|
border-radius: 5px;
|
|
width: 6px;
|
|
background: #b4bccc;
|
|
}
|
|
.el-input::-webkit-scrollbar-corner {
|
|
background: #fff;
|
|
}
|
|
.el-input::-webkit-scrollbar-track {
|
|
background: #fff;
|
|
}
|
|
.el-input::-webkit-scrollbar-track-piece {
|
|
background: #fff;
|
|
width: 6px;
|
|
}
|
|
.el-input .el-input__clear {
|
|
color: #C0C4CC;
|
|
font-size: 14px;
|
|
cursor: pointer;
|
|
-webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
.el-input .el-input__clear:hover {
|
|
color: #909399;
|
|
}
|
|
.el-input .el-input__count {
|
|
height: 100%;
|
|
display: -webkit-inline-box;
|
|
display: -ms-inline-flexbox;
|
|
display: inline-flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
color: #909399;
|
|
font-size: 12px;
|
|
}
|
|
.el-input .el-input__count .el-input__count-inner {
|
|
background: #FFFFFF;
|
|
line-height: initial;
|
|
display: inline-block;
|
|
padding: 0 5px;
|
|
}
|
|
.el-input__inner {
|
|
-webkit-appearance: none;
|
|
background-color: #FFFFFF;
|
|
background-image: none;
|
|
border-radius: 4px;
|
|
border: 1px solid #DCDFE6;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
color: #606266;
|
|
display: inline-block;
|
|
font-size: inherit;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
outline: none;
|
|
padding: 0 15px;
|
|
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
width: 100%;
|
|
}
|
|
.el-input__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner:hover {
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-input__inner:focus {
|
|
outline: none;
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-input__suffix {
|
|
position: absolute;
|
|
height: 100%;
|
|
right: 5px;
|
|
top: 0;
|
|
text-align: center;
|
|
color: #C0C4CC;
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.el-input__suffix-inner {
|
|
pointer-events: all;
|
|
}
|
|
|
|
.el-input__prefix {
|
|
position: absolute;
|
|
height: 100%;
|
|
left: 5px;
|
|
top: 0;
|
|
text-align: center;
|
|
color: #C0C4CC;
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
.el-input__icon {
|
|
height: 100%;
|
|
width: 25px;
|
|
text-align: center;
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
line-height: 40px;
|
|
}
|
|
.el-input__icon:after {
|
|
content: "";
|
|
height: 100%;
|
|
width: 0;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.el-input__validateIcon {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.el-input.is-active .el-input__inner {
|
|
outline: none;
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-input.is-disabled .el-input__inner {
|
|
background-color: #F5F7FA;
|
|
border-color: #dfe4ed;
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__icon {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.el-input.is-exceed .el-input__inner {
|
|
border-color: #ff4949;
|
|
}
|
|
.el-input.is-exceed .el-input__suffix .el-input__count {
|
|
color: #ff4949;
|
|
}
|
|
|
|
.el-input--suffix .el-input__inner {
|
|
padding-right: 30px;
|
|
}
|
|
|
|
.el-input--prefix .el-input__inner {
|
|
padding-left: 30px;
|
|
}
|
|
|
|
.el-input--medium {
|
|
font-size: 14px;
|
|
}
|
|
.el-input--medium .el-input__inner {
|
|
height: 36px;
|
|
line-height: 36px;
|
|
}
|
|
|
|
.el-input--medium .el-input__icon {
|
|
line-height: 36px;
|
|
}
|
|
|
|
.el-input--small {
|
|
font-size: 13px;
|
|
}
|
|
.el-input--small .el-input__inner {
|
|
height: 32px;
|
|
line-height: 32px;
|
|
}
|
|
|
|
.el-input--small .el-input__icon {
|
|
line-height: 32px;
|
|
}
|
|
|
|
.el-input--mini {
|
|
font-size: 12px;
|
|
}
|
|
.el-input--mini .el-input__inner {
|
|
height: 28px;
|
|
line-height: 28px;
|
|
}
|
|
|
|
.el-input--mini .el-input__icon {
|
|
line-height: 28px;
|
|
}
|
|
|
|
.el-input-group {
|
|
line-height: normal;
|
|
display: inline-table;
|
|
width: 100%;
|
|
border-collapse: separate;
|
|
border-spacing: 0;
|
|
}
|
|
.el-input-group > .el-input__inner {
|
|
vertical-align: middle;
|
|
display: table-cell;
|
|
}
|
|
.el-input-group__append, .el-input-group__prepend {
|
|
background-color: #F5F7FA;
|
|
color: #909399;
|
|
vertical-align: middle;
|
|
display: table-cell;
|
|
position: relative;
|
|
border: 1px solid #DCDFE6;
|
|
border-radius: 4px;
|
|
padding: 0 20px;
|
|
width: 1px;
|
|
white-space: nowrap;
|
|
}
|
|
.el-input-group__append:focus, .el-input-group__prepend:focus {
|
|
outline: none;
|
|
}
|
|
.el-input-group__append .el-select,
|
|
.el-input-group__append .el-button, .el-input-group__prepend .el-select,
|
|
.el-input-group__prepend .el-button {
|
|
display: inline-block;
|
|
margin: -10px -20px;
|
|
}
|
|
.el-input-group__append button.el-button,
|
|
.el-input-group__append div.el-select .el-input__inner,
|
|
.el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button,
|
|
.el-input-group__prepend div.el-select .el-input__inner,
|
|
.el-input-group__prepend div.el-select:hover .el-input__inner {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
color: inherit;
|
|
border-top: 0;
|
|
border-bottom: 0;
|
|
}
|
|
.el-input-group__append .el-button,
|
|
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
|
|
.el-input-group__prepend .el-input {
|
|
font-size: inherit;
|
|
}
|
|
|
|
.el-input-group__prepend {
|
|
border-right: 0;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.el-input-group__append {
|
|
border-left: 0;
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.el-input-group--prepend .el-input__inner {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
|
|
border-color: transparent;
|
|
}
|
|
|
|
.el-input-group--append .el-input__inner {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
|
|
border-color: transparent;
|
|
}
|
|
|
|
/** disalbe default clear on IE */
|
|
.el-input__inner::-ms-clear {
|
|
display: none;
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
|
|
/* 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: 0.3s background-color;
|
|
transition: 0.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%;
|
|
}
|
|
|
|
/* 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: #e6ebf5;
|
|
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: #e6ebf5;
|
|
}
|
|
.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: #e6ebf5;
|
|
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: #e6ebf5;
|
|
}
|
|
.el-popper[x-placement^=left] .popper__arrow::after {
|
|
right: 1px;
|
|
bottom: -6px;
|
|
margin-left: -6px;
|
|
border-right-width: 0;
|
|
border-left-color: #FFFFFF;
|
|
}
|
|
|
|
.el-autocomplete {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
|
|
.el-autocomplete-suggestion {
|
|
margin: 5px 0;
|
|
-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);
|
|
border-radius: 4px;
|
|
border: 1px solid #dfe4ed;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
background-color: #FFFFFF;
|
|
}
|
|
.el-autocomplete-suggestion__wrap {
|
|
max-height: 280px;
|
|
padding: 10px 0;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.el-autocomplete-suggestion__list {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.el-autocomplete-suggestion li {
|
|
padding: 0 20px;
|
|
margin: 0;
|
|
line-height: 34px;
|
|
cursor: pointer;
|
|
color: #606266;
|
|
font-size: 14px;
|
|
list-style: none;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.el-autocomplete-suggestion li:hover {
|
|
background-color: #F5F7FA;
|
|
}
|
|
.el-autocomplete-suggestion li.highlighted {
|
|
background-color: #F5F7FA;
|
|
}
|
|
.el-autocomplete-suggestion li.divider {
|
|
margin-top: 6px;
|
|
border-top: 1px solid #000000;
|
|
}
|
|
.el-autocomplete-suggestion li.divider:last-child {
|
|
margin-bottom: -6px;
|
|
}
|
|
.el-autocomplete-suggestion.is-loading li {
|
|
text-align: center;
|
|
height: 100px;
|
|
line-height: 100px;
|
|
font-size: 20px;
|
|
color: #999;
|
|
}
|
|
.el-autocomplete-suggestion.is-loading li::after {
|
|
display: inline-block;
|
|
content: "";
|
|
height: 100%;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.el-autocomplete-suggestion.is-loading li:hover {
|
|
background-color: #FFFFFF;
|
|
}
|
|
.el-autocomplete-suggestion.is-loading .el-icon-loading {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
/* 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
|
|
--------------------------*/
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
.el-button {
|
|
display: inline-block;
|
|
line-height: 1;
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
background: #FFFFFF;
|
|
border: 1px solid #DCDFE6;
|
|
border-color: #DCDFE6;
|
|
color: #606266;
|
|
-webkit-appearance: none;
|
|
text-align: center;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
outline: none;
|
|
margin: 0;
|
|
-webkit-transition: 0.1s;
|
|
transition: 0.1s;
|
|
font-weight: 400;
|
|
-moz-user-select: none;
|
|
-webkit-user-select: none;
|
|
-ms-user-select: none;
|
|
padding: 12px 20px;
|
|
font-size: 14px;
|
|
border-radius: 4px;
|
|
}
|
|
.el-button + .el-button {
|
|
margin-left: 10px;
|
|
}
|
|
.el-button.is-round {
|
|
padding: 12px 20px;
|
|
}
|
|
.el-button:hover, .el-button:focus {
|
|
color: #1890ff;
|
|
border-color: #badeff;
|
|
background-color: #e8f4ff;
|
|
}
|
|
.el-button:active {
|
|
color: #1682e6;
|
|
border-color: #1682e6;
|
|
outline: none;
|
|
}
|
|
.el-button::-moz-focus-inner {
|
|
border: 0;
|
|
}
|
|
.el-button [class*=el-icon-] + span {
|
|
margin-left: 5px;
|
|
}
|
|
.el-button.is-plain:hover, .el-button.is-plain:focus {
|
|
background: #FFFFFF;
|
|
border-color: #1890ff;
|
|
color: #1890ff;
|
|
}
|
|
.el-button.is-plain:active {
|
|
background: #FFFFFF;
|
|
border-color: #1682e6;
|
|
color: #1682e6;
|
|
outline: none;
|
|
}
|
|
|
|
.el-button.is-active {
|
|
color: #1682e6;
|
|
border-color: #1682e6;
|
|
}
|
|
|
|
.el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus {
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
background-image: none;
|
|
background-color: #FFFFFF;
|
|
border-color: #e6ebf5;
|
|
}
|
|
.el-button.is-disabled.el-button--text {
|
|
background-color: transparent;
|
|
}
|
|
.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus {
|
|
background-color: #FFFFFF;
|
|
border-color: #e6ebf5;
|
|
color: #C0C4CC;
|
|
}
|
|
|
|
.el-button.is-loading {
|
|
position: relative;
|
|
pointer-events: none;
|
|
}
|
|
.el-button.is-loading:before {
|
|
pointer-events: none;
|
|
content: "";
|
|
position: absolute;
|
|
left: -1px;
|
|
top: -1px;
|
|
right: -1px;
|
|
bottom: -1px;
|
|
border-radius: inherit;
|
|
background-color: rgba(255, 255, 255, 0.35);
|
|
}
|
|
|
|
.el-button.is-round {
|
|
border-radius: 20px;
|
|
padding: 12px 23px;
|
|
}
|
|
|
|
.el-button.is-circle {
|
|
border-radius: 50%;
|
|
padding: 12px;
|
|
}
|
|
|
|
.el-button--primary {
|
|
color: #FFFFFF;
|
|
background-color: #1890ff;
|
|
border-color: #1890ff;
|
|
}
|
|
.el-button--primary:hover, .el-button--primary:focus {
|
|
background: #46a6ff;
|
|
border-color: #46a6ff;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--primary:active {
|
|
background: #1682e6;
|
|
border-color: #1682e6;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--primary.is-active {
|
|
background: #1682e6;
|
|
border-color: #1682e6;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active {
|
|
color: #FFFFFF;
|
|
background-color: #8cc8ff;
|
|
border-color: #8cc8ff;
|
|
}
|
|
.el-button--primary.is-plain {
|
|
color: #1890ff;
|
|
background: #e8f4ff;
|
|
border-color: #a3d3ff;
|
|
}
|
|
.el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus {
|
|
background: #1890ff;
|
|
border-color: #1890ff;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--primary.is-plain:active {
|
|
background: #1682e6;
|
|
border-color: #1682e6;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active {
|
|
color: #74bcff;
|
|
background-color: #e8f4ff;
|
|
border-color: #d1e9ff;
|
|
}
|
|
|
|
.el-button--success {
|
|
color: #FFFFFF;
|
|
background-color: #13ce66;
|
|
border-color: #13ce66;
|
|
}
|
|
.el-button--success:hover, .el-button--success:focus {
|
|
background: #42d885;
|
|
border-color: #42d885;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--success:active {
|
|
background: #11b95c;
|
|
border-color: #11b95c;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--success.is-active {
|
|
background: #11b95c;
|
|
border-color: #11b95c;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--success.is-disabled, .el-button--success.is-disabled:hover, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:active {
|
|
color: #FFFFFF;
|
|
background-color: #89e7b3;
|
|
border-color: #89e7b3;
|
|
}
|
|
.el-button--success.is-plain {
|
|
color: #13ce66;
|
|
background: #e7faf0;
|
|
border-color: #a1ebc2;
|
|
}
|
|
.el-button--success.is-plain:hover, .el-button--success.is-plain:focus {
|
|
background: #13ce66;
|
|
border-color: #13ce66;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--success.is-plain:active {
|
|
background: #11b95c;
|
|
border-color: #11b95c;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active {
|
|
color: #71e2a3;
|
|
background-color: #e7faf0;
|
|
border-color: #d0f5e0;
|
|
}
|
|
|
|
.el-button--warning {
|
|
color: #FFFFFF;
|
|
background-color: #ffba00;
|
|
border-color: #ffba00;
|
|
}
|
|
.el-button--warning:hover, .el-button--warning:focus {
|
|
background: #ffc833;
|
|
border-color: #ffc833;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--warning:active {
|
|
background: #e6a700;
|
|
border-color: #e6a700;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--warning.is-active {
|
|
background: #e6a700;
|
|
border-color: #e6a700;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--warning.is-disabled, .el-button--warning.is-disabled:hover, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:active {
|
|
color: #FFFFFF;
|
|
background-color: #ffdd80;
|
|
border-color: #ffdd80;
|
|
}
|
|
.el-button--warning.is-plain {
|
|
color: #ffba00;
|
|
background: #fff8e6;
|
|
border-color: #ffe399;
|
|
}
|
|
.el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus {
|
|
background: #ffba00;
|
|
border-color: #ffba00;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--warning.is-plain:active {
|
|
background: #e6a700;
|
|
border-color: #e6a700;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active {
|
|
color: #ffd666;
|
|
background-color: #fff8e6;
|
|
border-color: #fff1cc;
|
|
}
|
|
|
|
.el-button--danger {
|
|
color: #FFFFFF;
|
|
background-color: #ff4949;
|
|
border-color: #ff4949;
|
|
}
|
|
.el-button--danger:hover, .el-button--danger:focus {
|
|
background: #ff6d6d;
|
|
border-color: #ff6d6d;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--danger:active {
|
|
background: #e64242;
|
|
border-color: #e64242;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--danger.is-active {
|
|
background: #e64242;
|
|
border-color: #e64242;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--danger.is-disabled, .el-button--danger.is-disabled:hover, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:active {
|
|
color: #FFFFFF;
|
|
background-color: #ffa4a4;
|
|
border-color: #ffa4a4;
|
|
}
|
|
.el-button--danger.is-plain {
|
|
color: #ff4949;
|
|
background: #ffeded;
|
|
border-color: #ffb6b6;
|
|
}
|
|
.el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus {
|
|
background: #ff4949;
|
|
border-color: #ff4949;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--danger.is-plain:active {
|
|
background: #e64242;
|
|
border-color: #e64242;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active {
|
|
color: #ff9292;
|
|
background-color: #ffeded;
|
|
border-color: #ffdbdb;
|
|
}
|
|
|
|
.el-button--info {
|
|
color: #FFFFFF;
|
|
background-color: #909399;
|
|
border-color: #909399;
|
|
}
|
|
.el-button--info:hover, .el-button--info:focus {
|
|
background: #a6a9ad;
|
|
border-color: #a6a9ad;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--info:active {
|
|
background: #82848a;
|
|
border-color: #82848a;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--info.is-active {
|
|
background: #82848a;
|
|
border-color: #82848a;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--info.is-disabled, .el-button--info.is-disabled:hover, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:active {
|
|
color: #FFFFFF;
|
|
background-color: #c8c9cc;
|
|
border-color: #c8c9cc;
|
|
}
|
|
.el-button--info.is-plain {
|
|
color: #909399;
|
|
background: #f4f4f5;
|
|
border-color: #d3d4d6;
|
|
}
|
|
.el-button--info.is-plain:hover, .el-button--info.is-plain:focus {
|
|
background: #909399;
|
|
border-color: #909399;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--info.is-plain:active {
|
|
background: #82848a;
|
|
border-color: #82848a;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active {
|
|
color: #bcbec2;
|
|
background-color: #f4f4f5;
|
|
border-color: #e9e9eb;
|
|
}
|
|
|
|
.el-button--medium {
|
|
padding: 10px 20px;
|
|
font-size: 14px;
|
|
border-radius: 4px;
|
|
}
|
|
.el-button--medium.is-round {
|
|
padding: 10px 20px;
|
|
}
|
|
.el-button--medium.is-circle {
|
|
padding: 10px;
|
|
}
|
|
|
|
.el-button--small {
|
|
padding: 9px 15px;
|
|
font-size: 12px;
|
|
border-radius: 3px;
|
|
}
|
|
.el-button--small.is-round {
|
|
padding: 9px 15px;
|
|
}
|
|
.el-button--small.is-circle {
|
|
padding: 9px;
|
|
}
|
|
|
|
.el-button--mini {
|
|
padding: 7px 15px;
|
|
font-size: 12px;
|
|
border-radius: 3px;
|
|
}
|
|
.el-button--mini.is-round {
|
|
padding: 7px 15px;
|
|
}
|
|
.el-button--mini.is-circle {
|
|
padding: 7px;
|
|
}
|
|
|
|
.el-button--text {
|
|
border-color: transparent;
|
|
color: #1890ff;
|
|
background: transparent;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
.el-button--text:hover, .el-button--text:focus {
|
|
color: #46a6ff;
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
}
|
|
.el-button--text:active {
|
|
color: #1682e6;
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
}
|
|
.el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus {
|
|
border-color: transparent;
|
|
}
|
|
|
|
.el-button-group {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
.el-button-group::before,
|
|
.el-button-group::after {
|
|
display: table;
|
|
content: "";
|
|
}
|
|
|
|
.el-button-group::after {
|
|
clear: both;
|
|
}
|
|
|
|
.el-button-group > .el-button {
|
|
float: left;
|
|
position: relative;
|
|
}
|
|
.el-button-group > .el-button + .el-button {
|
|
margin-left: 0;
|
|
}
|
|
.el-button-group > .el-button.is-disabled {
|
|
z-index: 1;
|
|
}
|
|
.el-button-group > .el-button:first-child {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.el-button-group > .el-button:last-child {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
.el-button-group > .el-button:first-child:last-child {
|
|
border-top-right-radius: 4px;
|
|
border-bottom-right-radius: 4px;
|
|
border-top-left-radius: 4px;
|
|
border-bottom-left-radius: 4px;
|
|
}
|
|
.el-button-group > .el-button:first-child:last-child.is-round {
|
|
border-radius: 20px;
|
|
}
|
|
.el-button-group > .el-button:first-child:last-child.is-circle {
|
|
border-radius: 50%;
|
|
}
|
|
.el-button-group > .el-button:not(:first-child):not(:last-child) {
|
|
border-radius: 0;
|
|
}
|
|
.el-button-group > .el-button:not(:last-child) {
|
|
margin-right: -1px;
|
|
}
|
|
.el-button-group > .el-button:hover, .el-button-group > .el-button:focus, .el-button-group > .el-button:active {
|
|
z-index: 1;
|
|
}
|
|
.el-button-group > .el-button.is-active {
|
|
z-index: 1;
|
|
}
|
|
|
|
.el-button-group > .el-dropdown > .el-button {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--primary:first-child {
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--primary:last-child {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--success:first-child {
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--success:last-child {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--success:not(:first-child):not(:last-child) {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--warning:first-child {
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--warning:last-child {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--danger:first-child {
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--danger:last-child {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--info:first-child {
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--info:last-child {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--info:not(:first-child):not(:last-child) {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
|
|
/* 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: #e6ebf5;
|
|
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: #e6ebf5;
|
|
}
|
|
.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: #e6ebf5;
|
|
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: #e6ebf5;
|
|
}
|
|
.el-popper[x-placement^=left] .popper__arrow::after {
|
|
right: 1px;
|
|
bottom: -6px;
|
|
margin-left: -6px;
|
|
border-right-width: 0;
|
|
border-left-color: #FFFFFF;
|
|
}
|
|
|
|
.el-dropdown {
|
|
display: inline-block;
|
|
position: relative;
|
|
color: #606266;
|
|
font-size: 14px;
|
|
}
|
|
.el-dropdown .el-button-group {
|
|
display: block;
|
|
}
|
|
.el-dropdown .el-button-group .el-button {
|
|
float: none;
|
|
}
|
|
.el-dropdown .el-dropdown__caret-button {
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
position: relative;
|
|
border-left: none;
|
|
}
|
|
.el-dropdown .el-dropdown__caret-button::before {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
width: 1px;
|
|
top: 5px;
|
|
bottom: 5px;
|
|
left: 0;
|
|
background: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-dropdown .el-dropdown__caret-button.el-button--default::before {
|
|
background: rgba(220, 223, 230, 0.5);
|
|
}
|
|
.el-dropdown .el-dropdown__caret-button:hover::before {
|
|
top: 0;
|
|
bottom: 0;
|
|
}
|
|
.el-dropdown .el-dropdown__caret-button .el-dropdown__icon {
|
|
padding-left: 0;
|
|
}
|
|
.el-dropdown__icon {
|
|
font-size: 12px;
|
|
margin: 0 3px;
|
|
}
|
|
|
|
.el-dropdown .el-dropdown-selfdefine:focus:active, .el-dropdown .el-dropdown-selfdefine:focus:not(.focusing) {
|
|
outline-width: 0;
|
|
}
|
|
|
|
.el-dropdown-menu {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 10;
|
|
padding: 10px 0;
|
|
margin: 5px 0;
|
|
background-color: #FFFFFF;
|
|
border: 1px solid #e6ebf5;
|
|
border-radius: 4px;
|
|
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
|
}
|
|
.el-dropdown-menu__item {
|
|
list-style: none;
|
|
line-height: 36px;
|
|
padding: 0 20px;
|
|
margin: 0;
|
|
font-size: 14px;
|
|
color: #606266;
|
|
cursor: pointer;
|
|
outline: none;
|
|
}
|
|
.el-dropdown-menu__item:not(.is-disabled):hover, .el-dropdown-menu__item:focus {
|
|
background-color: #e8f4ff;
|
|
color: #46a6ff;
|
|
}
|
|
.el-dropdown-menu__item i {
|
|
margin-right: 5px;
|
|
}
|
|
.el-dropdown-menu__item--divided {
|
|
position: relative;
|
|
margin-top: 6px;
|
|
border-top: 1px solid #e6ebf5;
|
|
}
|
|
.el-dropdown-menu__item--divided:before {
|
|
content: "";
|
|
height: 6px;
|
|
display: block;
|
|
margin: 0 -20px;
|
|
background-color: #FFFFFF;
|
|
}
|
|
|
|
.el-dropdown-menu__item.is-disabled {
|
|
cursor: default;
|
|
color: #bbb;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.el-dropdown-menu--medium {
|
|
padding: 6px 0;
|
|
}
|
|
.el-dropdown-menu--medium .el-dropdown-menu__item {
|
|
line-height: 30px;
|
|
padding: 0 17px;
|
|
font-size: 14px;
|
|
}
|
|
.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided {
|
|
margin-top: 6px;
|
|
}
|
|
.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
|
|
height: 6px;
|
|
margin: 0 -17px;
|
|
}
|
|
|
|
.el-dropdown-menu--small {
|
|
padding: 6px 0;
|
|
}
|
|
.el-dropdown-menu--small .el-dropdown-menu__item {
|
|
line-height: 27px;
|
|
padding: 0 15px;
|
|
font-size: 13px;
|
|
}
|
|
.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided {
|
|
margin-top: 4px;
|
|
}
|
|
.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
|
|
height: 4px;
|
|
margin: 0 -15px;
|
|
}
|
|
|
|
.el-dropdown-menu--mini {
|
|
padding: 3px 0;
|
|
}
|
|
.el-dropdown-menu--mini .el-dropdown-menu__item {
|
|
line-height: 24px;
|
|
padding: 0 10px;
|
|
font-size: 12px;
|
|
}
|
|
.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided {
|
|
margin-top: 3px;
|
|
}
|
|
.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
|
|
height: 3px;
|
|
margin: 0 -10px;
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.fade-in-linear-enter-active,
|
|
.fade-in-linear-leave-active {
|
|
-webkit-transition: opacity 200ms linear;
|
|
transition: opacity 200ms linear;
|
|
}
|
|
|
|
.fade-in-linear-enter,
|
|
.fade-in-linear-leave,
|
|
.fade-in-linear-leave-active {
|
|
opacity: 0;
|
|
}
|
|
|
|
.el-fade-in-linear-enter-active,
|
|
.el-fade-in-linear-leave-active {
|
|
-webkit-transition: opacity 200ms linear;
|
|
transition: opacity 200ms linear;
|
|
}
|
|
|
|
.el-fade-in-linear-enter,
|
|
.el-fade-in-linear-leave,
|
|
.el-fade-in-linear-leave-active {
|
|
opacity: 0;
|
|
}
|
|
|
|
.el-fade-in-enter-active,
|
|
.el-fade-in-leave-active {
|
|
-webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
}
|
|
|
|
.el-fade-in-enter,
|
|
.el-fade-in-leave-active {
|
|
opacity: 0;
|
|
}
|
|
|
|
.el-zoom-in-center-enter-active,
|
|
.el-zoom-in-center-leave-active {
|
|
-webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
}
|
|
|
|
.el-zoom-in-center-enter,
|
|
.el-zoom-in-center-leave-active {
|
|
opacity: 0;
|
|
-webkit-transform: scaleX(0);
|
|
transform: scaleX(0);
|
|
}
|
|
|
|
.el-zoom-in-top-enter-active,
|
|
.el-zoom-in-top-leave-active {
|
|
opacity: 1;
|
|
-webkit-transform: scaleY(1);
|
|
transform: scaleY(1);
|
|
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
-webkit-transform-origin: center top;
|
|
transform-origin: center top;
|
|
}
|
|
|
|
.el-zoom-in-top-enter,
|
|
.el-zoom-in-top-leave-active {
|
|
opacity: 0;
|
|
-webkit-transform: scaleY(0);
|
|
transform: scaleY(0);
|
|
}
|
|
|
|
.el-zoom-in-bottom-enter-active,
|
|
.el-zoom-in-bottom-leave-active {
|
|
opacity: 1;
|
|
-webkit-transform: scaleY(1);
|
|
transform: scaleY(1);
|
|
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
-webkit-transform-origin: center bottom;
|
|
transform-origin: center bottom;
|
|
}
|
|
|
|
.el-zoom-in-bottom-enter,
|
|
.el-zoom-in-bottom-leave-active {
|
|
opacity: 0;
|
|
-webkit-transform: scaleY(0);
|
|
transform: scaleY(0);
|
|
}
|
|
|
|
.el-zoom-in-left-enter-active,
|
|
.el-zoom-in-left-leave-active {
|
|
opacity: 1;
|
|
-webkit-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
-webkit-transform-origin: top left;
|
|
transform-origin: top left;
|
|
}
|
|
|
|
.el-zoom-in-left-enter,
|
|
.el-zoom-in-left-leave-active {
|
|
opacity: 0;
|
|
-webkit-transform: scale(0.45, 0.45);
|
|
transform: scale(0.45, 0.45);
|
|
}
|
|
|
|
.collapse-transition {
|
|
-webkit-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
|
|
transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
|
|
}
|
|
|
|
.horizontal-collapse-transition {
|
|
-webkit-transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
|
|
transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
|
|
}
|
|
|
|
.el-list-enter-active,
|
|
.el-list-leave-active {
|
|
-webkit-transition: all 1s;
|
|
transition: all 1s;
|
|
}
|
|
|
|
.el-list-enter, .el-list-leave-active {
|
|
opacity: 0;
|
|
-webkit-transform: translateY(-30px);
|
|
transform: translateY(-30px);
|
|
}
|
|
|
|
.el-opacity-transition {
|
|
-webkit-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
}
|
|
|
|
.el-menu {
|
|
border-right: solid 1px #e6e6e6;
|
|
list-style: none;
|
|
position: relative;
|
|
margin: 0;
|
|
padding-left: 0;
|
|
background-color: #FFFFFF;
|
|
}
|
|
.el-menu::before,
|
|
.el-menu::after {
|
|
display: table;
|
|
content: "";
|
|
}
|
|
|
|
.el-menu::after {
|
|
clear: both;
|
|
}
|
|
|
|
.el-menu.el-menu--horizontal {
|
|
border-bottom: solid 1px #e6e6e6;
|
|
}
|
|
.el-menu--horizontal {
|
|
border-right: none;
|
|
}
|
|
.el-menu--horizontal > .el-menu-item {
|
|
float: left;
|
|
height: 60px;
|
|
line-height: 60px;
|
|
margin: 0;
|
|
border-bottom: 2px solid transparent;
|
|
color: #909399;
|
|
}
|
|
.el-menu--horizontal > .el-menu-item a,
|
|
.el-menu--horizontal > .el-menu-item a:hover {
|
|
color: inherit;
|
|
}
|
|
.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover, .el-menu--horizontal > .el-menu-item:not(.is-disabled):focus {
|
|
background-color: #fff;
|
|
}
|
|
.el-menu--horizontal > .el-submenu {
|
|
float: left;
|
|
}
|
|
.el-menu--horizontal > .el-submenu:focus, .el-menu--horizontal > .el-submenu:hover {
|
|
outline: none;
|
|
}
|
|
.el-menu--horizontal > .el-submenu:focus .el-submenu__title, .el-menu--horizontal > .el-submenu:hover .el-submenu__title {
|
|
color: #303133;
|
|
}
|
|
.el-menu--horizontal > .el-submenu.is-active .el-submenu__title {
|
|
border-bottom: 2px solid #1890ff;
|
|
color: #303133;
|
|
}
|
|
.el-menu--horizontal > .el-submenu .el-submenu__title {
|
|
height: 60px;
|
|
line-height: 60px;
|
|
border-bottom: 2px solid transparent;
|
|
color: #909399;
|
|
}
|
|
.el-menu--horizontal > .el-submenu .el-submenu__title:hover {
|
|
background-color: #fff;
|
|
}
|
|
.el-menu--horizontal > .el-submenu .el-submenu__icon-arrow {
|
|
position: static;
|
|
vertical-align: middle;
|
|
margin-left: 8px;
|
|
margin-top: -3px;
|
|
}
|
|
.el-menu--horizontal .el-menu .el-menu-item, .el-menu--horizontal .el-menu .el-submenu__title {
|
|
background-color: #FFFFFF;
|
|
float: none;
|
|
height: 36px;
|
|
line-height: 36px;
|
|
padding: 0 10px;
|
|
color: #909399;
|
|
}
|
|
.el-menu--horizontal .el-menu .el-menu-item.is-active, .el-menu--horizontal .el-menu .el-submenu.is-active > .el-submenu__title {
|
|
color: #303133;
|
|
}
|
|
.el-menu--horizontal .el-menu-item:not(.is-disabled):hover, .el-menu--horizontal .el-menu-item:not(.is-disabled):focus {
|
|
outline: none;
|
|
color: #303133;
|
|
}
|
|
.el-menu--horizontal > .el-menu-item.is-active {
|
|
border-bottom: 2px solid #1890ff;
|
|
color: #303133;
|
|
}
|
|
|
|
.el-menu--collapse {
|
|
width: 64px;
|
|
}
|
|
.el-menu--collapse > .el-menu-item [class^=el-icon-],
|
|
.el-menu--collapse > .el-submenu > .el-submenu__title [class^=el-icon-] {
|
|
margin: 0;
|
|
vertical-align: middle;
|
|
width: 24px;
|
|
text-align: center;
|
|
}
|
|
.el-menu--collapse > .el-menu-item .el-submenu__icon-arrow,
|
|
.el-menu--collapse > .el-submenu > .el-submenu__title .el-submenu__icon-arrow {
|
|
display: none;
|
|
}
|
|
.el-menu--collapse > .el-menu-item span,
|
|
.el-menu--collapse > .el-submenu > .el-submenu__title span {
|
|
height: 0;
|
|
width: 0;
|
|
overflow: hidden;
|
|
visibility: hidden;
|
|
display: inline-block;
|
|
}
|
|
.el-menu--collapse > .el-menu-item.is-active i {
|
|
color: inherit;
|
|
}
|
|
.el-menu--collapse .el-menu .el-submenu {
|
|
min-width: 200px;
|
|
}
|
|
.el-menu--collapse .el-submenu {
|
|
position: relative;
|
|
}
|
|
.el-menu--collapse .el-submenu .el-menu {
|
|
position: absolute;
|
|
margin-left: 5px;
|
|
top: 0;
|
|
left: 100%;
|
|
z-index: 10;
|
|
border: 1px solid #dfe4ed;
|
|
border-radius: 2px;
|
|
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
|
}
|
|
.el-menu--collapse .el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow {
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
}
|
|
|
|
.el-menu--popup {
|
|
z-index: 100;
|
|
min-width: 200px;
|
|
border: none;
|
|
padding: 5px 0;
|
|
border-radius: 2px;
|
|
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
|
}
|
|
.el-menu--popup-bottom-start {
|
|
margin-top: 5px;
|
|
}
|
|
.el-menu--popup-right-start {
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.el-menu-item {
|
|
height: 56px;
|
|
line-height: 56px;
|
|
font-size: 14px;
|
|
color: #303133;
|
|
padding: 0 20px;
|
|
list-style: none;
|
|
cursor: pointer;
|
|
position: relative;
|
|
-webkit-transition: border-color 0.3s, background-color 0.3s, color 0.3s;
|
|
transition: border-color 0.3s, background-color 0.3s, color 0.3s;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
white-space: nowrap;
|
|
}
|
|
.el-menu-item * {
|
|
vertical-align: middle;
|
|
}
|
|
.el-menu-item i {
|
|
color: #909399;
|
|
}
|
|
.el-menu-item:hover, .el-menu-item:focus {
|
|
outline: none;
|
|
background-color: #e8f4ff;
|
|
}
|
|
.el-menu-item.is-disabled {
|
|
opacity: 0.25;
|
|
cursor: not-allowed;
|
|
background: none !important;
|
|
}
|
|
|
|
.el-menu-item [class^=el-icon-] {
|
|
margin-right: 5px;
|
|
width: 24px;
|
|
text-align: center;
|
|
font-size: 18px;
|
|
vertical-align: middle;
|
|
}
|
|
.el-menu-item.is-active {
|
|
color: #1890ff;
|
|
}
|
|
.el-menu-item.is-active i {
|
|
color: inherit;
|
|
}
|
|
|
|
.el-submenu {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding-left: 0;
|
|
}
|
|
.el-submenu__title {
|
|
height: 56px;
|
|
line-height: 56px;
|
|
font-size: 14px;
|
|
color: #303133;
|
|
padding: 0 20px;
|
|
list-style: none;
|
|
cursor: pointer;
|
|
position: relative;
|
|
-webkit-transition: border-color 0.3s, background-color 0.3s, color 0.3s;
|
|
transition: border-color 0.3s, background-color 0.3s, color 0.3s;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
white-space: nowrap;
|
|
}
|
|
.el-submenu__title * {
|
|
vertical-align: middle;
|
|
}
|
|
.el-submenu__title i {
|
|
color: #909399;
|
|
}
|
|
.el-submenu__title:hover, .el-submenu__title:focus {
|
|
outline: none;
|
|
background-color: #e8f4ff;
|
|
}
|
|
.el-submenu__title.is-disabled {
|
|
opacity: 0.25;
|
|
cursor: not-allowed;
|
|
background: none !important;
|
|
}
|
|
|
|
.el-submenu__title:hover {
|
|
background-color: #e8f4ff;
|
|
}
|
|
|
|
.el-submenu .el-menu {
|
|
border: none;
|
|
}
|
|
.el-submenu .el-menu-item {
|
|
height: 50px;
|
|
line-height: 50px;
|
|
padding: 0 45px;
|
|
min-width: 200px;
|
|
}
|
|
.el-submenu__icon-arrow {
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 20px;
|
|
margin-top: -7px;
|
|
-webkit-transition: -webkit-transform 0.3s;
|
|
transition: -webkit-transform 0.3s;
|
|
transition: transform 0.3s;
|
|
transition: transform 0.3s, -webkit-transform 0.3s;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.el-submenu.is-active .el-submenu__title {
|
|
border-bottom-color: #1890ff;
|
|
}
|
|
|
|
.el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow {
|
|
-webkit-transform: rotateZ(180deg);
|
|
transform: rotateZ(180deg);
|
|
}
|
|
|
|
.el-submenu.is-disabled .el-submenu__title,
|
|
.el-submenu.is-disabled .el-menu-item {
|
|
opacity: 0.25;
|
|
cursor: not-allowed;
|
|
background: none !important;
|
|
}
|
|
|
|
.el-submenu [class^=el-icon-] {
|
|
vertical-align: middle;
|
|
margin-right: 5px;
|
|
width: 24px;
|
|
text-align: center;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.el-menu-item-group > ul {
|
|
padding: 0;
|
|
}
|
|
.el-menu-item-group__title {
|
|
padding: 7px 0 7px 20px;
|
|
line-height: normal;
|
|
font-size: 12px;
|
|
color: #909399;
|
|
}
|
|
|
|
.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow {
|
|
-webkit-transition: 0.2s;
|
|
transition: 0.2s;
|
|
opacity: 0;
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.el-textarea {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 100%;
|
|
vertical-align: bottom;
|
|
font-size: 14px;
|
|
}
|
|
.el-textarea__inner {
|
|
display: block;
|
|
resize: vertical;
|
|
padding: 5px 15px;
|
|
line-height: 1.5;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
font-size: inherit;
|
|
color: #606266;
|
|
background-color: #FFFFFF;
|
|
background-image: none;
|
|
border: 1px solid #DCDFE6;
|
|
border-radius: 4px;
|
|
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
.el-textarea__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner:hover {
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner:focus {
|
|
outline: none;
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-textarea .el-input__count {
|
|
color: #909399;
|
|
background: #FFFFFF;
|
|
position: absolute;
|
|
font-size: 12px;
|
|
bottom: 5px;
|
|
right: 10px;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner {
|
|
background-color: #F5F7FA;
|
|
border-color: #dfe4ed;
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
|
|
.el-textarea.is-exceed .el-textarea__inner {
|
|
border-color: #ff4949;
|
|
}
|
|
.el-textarea.is-exceed .el-input__count {
|
|
color: #ff4949;
|
|
}
|
|
|
|
.el-input {
|
|
position: relative;
|
|
font-size: 14px;
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
.el-input::-webkit-scrollbar {
|
|
z-index: 11;
|
|
width: 6px;
|
|
}
|
|
.el-input::-webkit-scrollbar:horizontal {
|
|
height: 6px;
|
|
}
|
|
.el-input::-webkit-scrollbar-thumb {
|
|
border-radius: 5px;
|
|
width: 6px;
|
|
background: #b4bccc;
|
|
}
|
|
.el-input::-webkit-scrollbar-corner {
|
|
background: #fff;
|
|
}
|
|
.el-input::-webkit-scrollbar-track {
|
|
background: #fff;
|
|
}
|
|
.el-input::-webkit-scrollbar-track-piece {
|
|
background: #fff;
|
|
width: 6px;
|
|
}
|
|
.el-input .el-input__clear {
|
|
color: #C0C4CC;
|
|
font-size: 14px;
|
|
cursor: pointer;
|
|
-webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
.el-input .el-input__clear:hover {
|
|
color: #909399;
|
|
}
|
|
.el-input .el-input__count {
|
|
height: 100%;
|
|
display: -webkit-inline-box;
|
|
display: -ms-inline-flexbox;
|
|
display: inline-flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
color: #909399;
|
|
font-size: 12px;
|
|
}
|
|
.el-input .el-input__count .el-input__count-inner {
|
|
background: #FFFFFF;
|
|
line-height: initial;
|
|
display: inline-block;
|
|
padding: 0 5px;
|
|
}
|
|
.el-input__inner {
|
|
-webkit-appearance: none;
|
|
background-color: #FFFFFF;
|
|
background-image: none;
|
|
border-radius: 4px;
|
|
border: 1px solid #DCDFE6;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
color: #606266;
|
|
display: inline-block;
|
|
font-size: inherit;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
outline: none;
|
|
padding: 0 15px;
|
|
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
width: 100%;
|
|
}
|
|
.el-input__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner:hover {
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-input__inner:focus {
|
|
outline: none;
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-input__suffix {
|
|
position: absolute;
|
|
height: 100%;
|
|
right: 5px;
|
|
top: 0;
|
|
text-align: center;
|
|
color: #C0C4CC;
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.el-input__suffix-inner {
|
|
pointer-events: all;
|
|
}
|
|
|
|
.el-input__prefix {
|
|
position: absolute;
|
|
height: 100%;
|
|
left: 5px;
|
|
top: 0;
|
|
text-align: center;
|
|
color: #C0C4CC;
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
.el-input__icon {
|
|
height: 100%;
|
|
width: 25px;
|
|
text-align: center;
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
line-height: 40px;
|
|
}
|
|
.el-input__icon:after {
|
|
content: "";
|
|
height: 100%;
|
|
width: 0;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.el-input__validateIcon {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.el-input.is-active .el-input__inner {
|
|
outline: none;
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-input.is-disabled .el-input__inner {
|
|
background-color: #F5F7FA;
|
|
border-color: #dfe4ed;
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__icon {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.el-input.is-exceed .el-input__inner {
|
|
border-color: #ff4949;
|
|
}
|
|
.el-input.is-exceed .el-input__suffix .el-input__count {
|
|
color: #ff4949;
|
|
}
|
|
|
|
.el-input--suffix .el-input__inner {
|
|
padding-right: 30px;
|
|
}
|
|
|
|
.el-input--prefix .el-input__inner {
|
|
padding-left: 30px;
|
|
}
|
|
|
|
.el-input--medium {
|
|
font-size: 14px;
|
|
}
|
|
.el-input--medium .el-input__inner {
|
|
height: 36px;
|
|
line-height: 36px;
|
|
}
|
|
|
|
.el-input--medium .el-input__icon {
|
|
line-height: 36px;
|
|
}
|
|
|
|
.el-input--small {
|
|
font-size: 13px;
|
|
}
|
|
.el-input--small .el-input__inner {
|
|
height: 32px;
|
|
line-height: 32px;
|
|
}
|
|
|
|
.el-input--small .el-input__icon {
|
|
line-height: 32px;
|
|
}
|
|
|
|
.el-input--mini {
|
|
font-size: 12px;
|
|
}
|
|
.el-input--mini .el-input__inner {
|
|
height: 28px;
|
|
line-height: 28px;
|
|
}
|
|
|
|
.el-input--mini .el-input__icon {
|
|
line-height: 28px;
|
|
}
|
|
|
|
.el-input-group {
|
|
line-height: normal;
|
|
display: inline-table;
|
|
width: 100%;
|
|
border-collapse: separate;
|
|
border-spacing: 0;
|
|
}
|
|
.el-input-group > .el-input__inner {
|
|
vertical-align: middle;
|
|
display: table-cell;
|
|
}
|
|
.el-input-group__append, .el-input-group__prepend {
|
|
background-color: #F5F7FA;
|
|
color: #909399;
|
|
vertical-align: middle;
|
|
display: table-cell;
|
|
position: relative;
|
|
border: 1px solid #DCDFE6;
|
|
border-radius: 4px;
|
|
padding: 0 20px;
|
|
width: 1px;
|
|
white-space: nowrap;
|
|
}
|
|
.el-input-group__append:focus, .el-input-group__prepend:focus {
|
|
outline: none;
|
|
}
|
|
.el-input-group__append .el-select,
|
|
.el-input-group__append .el-button, .el-input-group__prepend .el-select,
|
|
.el-input-group__prepend .el-button {
|
|
display: inline-block;
|
|
margin: -10px -20px;
|
|
}
|
|
.el-input-group__append button.el-button,
|
|
.el-input-group__append div.el-select .el-input__inner,
|
|
.el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button,
|
|
.el-input-group__prepend div.el-select .el-input__inner,
|
|
.el-input-group__prepend div.el-select:hover .el-input__inner {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
color: inherit;
|
|
border-top: 0;
|
|
border-bottom: 0;
|
|
}
|
|
.el-input-group__append .el-button,
|
|
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
|
|
.el-input-group__prepend .el-input {
|
|
font-size: inherit;
|
|
}
|
|
|
|
.el-input-group__prepend {
|
|
border-right: 0;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.el-input-group__append {
|
|
border-left: 0;
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.el-input-group--prepend .el-input__inner {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
|
|
border-color: transparent;
|
|
}
|
|
|
|
.el-input-group--append .el-input__inner {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
|
|
border-color: transparent;
|
|
}
|
|
|
|
/** disalbe default clear on IE */
|
|
.el-input__inner::-ms-clear {
|
|
display: none;
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.el-textarea {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 100%;
|
|
vertical-align: bottom;
|
|
font-size: 14px;
|
|
}
|
|
.el-textarea__inner {
|
|
display: block;
|
|
resize: vertical;
|
|
padding: 5px 15px;
|
|
line-height: 1.5;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
font-size: inherit;
|
|
color: #606266;
|
|
background-color: #FFFFFF;
|
|
background-image: none;
|
|
border: 1px solid #DCDFE6;
|
|
border-radius: 4px;
|
|
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
.el-textarea__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner:hover {
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner:focus {
|
|
outline: none;
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-textarea .el-input__count {
|
|
color: #909399;
|
|
background: #FFFFFF;
|
|
position: absolute;
|
|
font-size: 12px;
|
|
bottom: 5px;
|
|
right: 10px;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner {
|
|
background-color: #F5F7FA;
|
|
border-color: #dfe4ed;
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
|
|
.el-textarea.is-exceed .el-textarea__inner {
|
|
border-color: #ff4949;
|
|
}
|
|
.el-textarea.is-exceed .el-input__count {
|
|
color: #ff4949;
|
|
}
|
|
|
|
.el-input {
|
|
position: relative;
|
|
font-size: 14px;
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
.el-input::-webkit-scrollbar {
|
|
z-index: 11;
|
|
width: 6px;
|
|
}
|
|
.el-input::-webkit-scrollbar:horizontal {
|
|
height: 6px;
|
|
}
|
|
.el-input::-webkit-scrollbar-thumb {
|
|
border-radius: 5px;
|
|
width: 6px;
|
|
background: #b4bccc;
|
|
}
|
|
.el-input::-webkit-scrollbar-corner {
|
|
background: #fff;
|
|
}
|
|
.el-input::-webkit-scrollbar-track {
|
|
background: #fff;
|
|
}
|
|
.el-input::-webkit-scrollbar-track-piece {
|
|
background: #fff;
|
|
width: 6px;
|
|
}
|
|
.el-input .el-input__clear {
|
|
color: #C0C4CC;
|
|
font-size: 14px;
|
|
cursor: pointer;
|
|
-webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
.el-input .el-input__clear:hover {
|
|
color: #909399;
|
|
}
|
|
.el-input .el-input__count {
|
|
height: 100%;
|
|
display: -webkit-inline-box;
|
|
display: -ms-inline-flexbox;
|
|
display: inline-flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
color: #909399;
|
|
font-size: 12px;
|
|
}
|
|
.el-input .el-input__count .el-input__count-inner {
|
|
background: #FFFFFF;
|
|
line-height: initial;
|
|
display: inline-block;
|
|
padding: 0 5px;
|
|
}
|
|
.el-input__inner {
|
|
-webkit-appearance: none;
|
|
background-color: #FFFFFF;
|
|
background-image: none;
|
|
border-radius: 4px;
|
|
border: 1px solid #DCDFE6;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
color: #606266;
|
|
display: inline-block;
|
|
font-size: inherit;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
outline: none;
|
|
padding: 0 15px;
|
|
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
width: 100%;
|
|
}
|
|
.el-input__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner:hover {
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-input__inner:focus {
|
|
outline: none;
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-input__suffix {
|
|
position: absolute;
|
|
height: 100%;
|
|
right: 5px;
|
|
top: 0;
|
|
text-align: center;
|
|
color: #C0C4CC;
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.el-input__suffix-inner {
|
|
pointer-events: all;
|
|
}
|
|
|
|
.el-input__prefix {
|
|
position: absolute;
|
|
height: 100%;
|
|
left: 5px;
|
|
top: 0;
|
|
text-align: center;
|
|
color: #C0C4CC;
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
.el-input__icon {
|
|
height: 100%;
|
|
width: 25px;
|
|
text-align: center;
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
line-height: 40px;
|
|
}
|
|
.el-input__icon:after {
|
|
content: "";
|
|
height: 100%;
|
|
width: 0;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.el-input__validateIcon {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.el-input.is-active .el-input__inner {
|
|
outline: none;
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-input.is-disabled .el-input__inner {
|
|
background-color: #F5F7FA;
|
|
border-color: #dfe4ed;
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__icon {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.el-input.is-exceed .el-input__inner {
|
|
border-color: #ff4949;
|
|
}
|
|
.el-input.is-exceed .el-input__suffix .el-input__count {
|
|
color: #ff4949;
|
|
}
|
|
|
|
.el-input--suffix .el-input__inner {
|
|
padding-right: 30px;
|
|
}
|
|
|
|
.el-input--prefix .el-input__inner {
|
|
padding-left: 30px;
|
|
}
|
|
|
|
.el-input--medium {
|
|
font-size: 14px;
|
|
}
|
|
.el-input--medium .el-input__inner {
|
|
height: 36px;
|
|
line-height: 36px;
|
|
}
|
|
|
|
.el-input--medium .el-input__icon {
|
|
line-height: 36px;
|
|
}
|
|
|
|
.el-input--small {
|
|
font-size: 13px;
|
|
}
|
|
.el-input--small .el-input__inner {
|
|
height: 32px;
|
|
line-height: 32px;
|
|
}
|
|
|
|
.el-input--small .el-input__icon {
|
|
line-height: 32px;
|
|
}
|
|
|
|
.el-input--mini {
|
|
font-size: 12px;
|
|
}
|
|
.el-input--mini .el-input__inner {
|
|
height: 28px;
|
|
line-height: 28px;
|
|
}
|
|
|
|
.el-input--mini .el-input__icon {
|
|
line-height: 28px;
|
|
}
|
|
|
|
.el-input-group {
|
|
line-height: normal;
|
|
display: inline-table;
|
|
width: 100%;
|
|
border-collapse: separate;
|
|
border-spacing: 0;
|
|
}
|
|
.el-input-group > .el-input__inner {
|
|
vertical-align: middle;
|
|
display: table-cell;
|
|
}
|
|
.el-input-group__append, .el-input-group__prepend {
|
|
background-color: #F5F7FA;
|
|
color: #909399;
|
|
vertical-align: middle;
|
|
display: table-cell;
|
|
position: relative;
|
|
border: 1px solid #DCDFE6;
|
|
border-radius: 4px;
|
|
padding: 0 20px;
|
|
width: 1px;
|
|
white-space: nowrap;
|
|
}
|
|
.el-input-group__append:focus, .el-input-group__prepend:focus {
|
|
outline: none;
|
|
}
|
|
.el-input-group__append .el-select,
|
|
.el-input-group__append .el-button, .el-input-group__prepend .el-select,
|
|
.el-input-group__prepend .el-button {
|
|
display: inline-block;
|
|
margin: -10px -20px;
|
|
}
|
|
.el-input-group__append button.el-button,
|
|
.el-input-group__append div.el-select .el-input__inner,
|
|
.el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button,
|
|
.el-input-group__prepend div.el-select .el-input__inner,
|
|
.el-input-group__prepend div.el-select:hover .el-input__inner {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
color: inherit;
|
|
border-top: 0;
|
|
border-bottom: 0;
|
|
}
|
|
.el-input-group__append .el-button,
|
|
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
|
|
.el-input-group__prepend .el-input {
|
|
font-size: inherit;
|
|
}
|
|
|
|
.el-input-group__prepend {
|
|
border-right: 0;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.el-input-group__append {
|
|
border-left: 0;
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.el-input-group--prepend .el-input__inner {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
|
|
border-color: transparent;
|
|
}
|
|
|
|
.el-input-group--append .el-input__inner {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
|
|
border-color: transparent;
|
|
}
|
|
|
|
/** disalbe default clear on IE */
|
|
.el-input__inner::-ms-clear {
|
|
display: none;
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
|
|
.el-input-number {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 180px;
|
|
line-height: 38px;
|
|
}
|
|
.el-input-number .el-input {
|
|
display: block;
|
|
}
|
|
.el-input-number .el-input__inner {
|
|
-webkit-appearance: none;
|
|
padding-left: 50px;
|
|
padding-right: 50px;
|
|
text-align: center;
|
|
}
|
|
.el-input-number__increase, .el-input-number__decrease {
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 1px;
|
|
width: 40px;
|
|
height: auto;
|
|
text-align: center;
|
|
background: #F5F7FA;
|
|
color: #606266;
|
|
cursor: pointer;
|
|
font-size: 13px;
|
|
}
|
|
.el-input-number__increase:hover, .el-input-number__decrease:hover {
|
|
color: #1890ff;
|
|
}
|
|
.el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {
|
|
border-color: #1890ff;
|
|
}
|
|
.el-input-number__increase.is-disabled, .el-input-number__decrease.is-disabled {
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.el-input-number__increase {
|
|
right: 1px;
|
|
border-radius: 0 4px 4px 0;
|
|
border-left: 1px solid #DCDFE6;
|
|
}
|
|
|
|
.el-input-number__decrease {
|
|
left: 1px;
|
|
border-radius: 4px 0 0 4px;
|
|
border-right: 1px solid #DCDFE6;
|
|
}
|
|
|
|
.el-input-number.is-disabled .el-input-number__increase, .el-input-number.is-disabled .el-input-number__decrease {
|
|
border-color: #dfe4ed;
|
|
color: #dfe4ed;
|
|
}
|
|
.el-input-number.is-disabled .el-input-number__increase:hover, .el-input-number.is-disabled .el-input-number__decrease:hover {
|
|
color: #dfe4ed;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.el-input-number--medium {
|
|
width: 200px;
|
|
line-height: 34px;
|
|
}
|
|
.el-input-number--medium .el-input-number__increase, .el-input-number--medium .el-input-number__decrease {
|
|
width: 36px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.el-input-number--medium .el-input__inner {
|
|
padding-left: 43px;
|
|
padding-right: 43px;
|
|
}
|
|
|
|
.el-input-number--small {
|
|
width: 130px;
|
|
line-height: 30px;
|
|
}
|
|
.el-input-number--small .el-input-number__increase, .el-input-number--small .el-input-number__decrease {
|
|
width: 32px;
|
|
font-size: 13px;
|
|
}
|
|
.el-input-number--small .el-input-number__increase [class*=el-icon], .el-input-number--small .el-input-number__decrease [class*=el-icon] {
|
|
-webkit-transform: scale(0.9);
|
|
transform: scale(0.9);
|
|
}
|
|
|
|
.el-input-number--small .el-input__inner {
|
|
padding-left: 39px;
|
|
padding-right: 39px;
|
|
}
|
|
|
|
.el-input-number--mini {
|
|
width: 130px;
|
|
line-height: 26px;
|
|
}
|
|
.el-input-number--mini .el-input-number__increase, .el-input-number--mini .el-input-number__decrease {
|
|
width: 28px;
|
|
font-size: 12px;
|
|
}
|
|
.el-input-number--mini .el-input-number__increase [class*=el-icon], .el-input-number--mini .el-input-number__decrease [class*=el-icon] {
|
|
-webkit-transform: scale(0.8);
|
|
transform: scale(0.8);
|
|
}
|
|
|
|
.el-input-number--mini .el-input__inner {
|
|
padding-left: 35px;
|
|
padding-right: 35px;
|
|
}
|
|
|
|
.el-input-number.is-without-controls .el-input__inner {
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
}
|
|
|
|
.el-input-number.is-controls-right .el-input__inner {
|
|
padding-left: 15px;
|
|
padding-right: 50px;
|
|
}
|
|
.el-input-number.is-controls-right .el-input-number__increase, .el-input-number.is-controls-right .el-input-number__decrease {
|
|
height: auto;
|
|
line-height: 19px;
|
|
}
|
|
.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon], .el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon] {
|
|
-webkit-transform: scale(0.8);
|
|
transform: scale(0.8);
|
|
}
|
|
|
|
.el-input-number.is-controls-right .el-input-number__increase {
|
|
border-radius: 0 4px 0 0;
|
|
border-bottom: 1px solid #DCDFE6;
|
|
}
|
|
|
|
.el-input-number.is-controls-right .el-input-number__decrease {
|
|
right: 1px;
|
|
bottom: 1px;
|
|
top: auto;
|
|
left: auto;
|
|
border-right: none;
|
|
border-left: 1px solid #DCDFE6;
|
|
border-radius: 0 0 4px 0;
|
|
}
|
|
|
|
.el-input-number.is-controls-right[class*=medium] [class*=increase], .el-input-number.is-controls-right[class*=medium] [class*=decrease] {
|
|
line-height: 17px;
|
|
}
|
|
.el-input-number.is-controls-right[class*=small] [class*=increase], .el-input-number.is-controls-right[class*=small] [class*=decrease] {
|
|
line-height: 15px;
|
|
}
|
|
.el-input-number.is-controls-right[class*=mini] [class*=increase], .el-input-number.is-controls-right[class*=mini] [class*=decrease] {
|
|
line-height: 13px;
|
|
}
|
|
|
|
/* 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: #1890ff;
|
|
}
|
|
.el-radio.is-bordered.is-disabled {
|
|
cursor: not-allowed;
|
|
border-color: #e6ebf5;
|
|
}
|
|
.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: #dfe4ed;
|
|
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: #dfe4ed;
|
|
}
|
|
.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: #1890ff;
|
|
background: #1890ff;
|
|
}
|
|
.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: #1890ff;
|
|
}
|
|
|
|
.el-radio__input.is-focus .el-radio__inner {
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.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: #1890ff;
|
|
}
|
|
.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 0.15s ease-in;
|
|
transition: -webkit-transform 0.15s ease-in;
|
|
transition: transform 0.15s ease-in;
|
|
transition: transform 0.15s ease-in, -webkit-transform 0.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 #1890ff;
|
|
box-shadow: 0 0 2px 2px #1890ff;
|
|
}
|
|
.el-radio__label {
|
|
font-size: 14px;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|
|
/* 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: 400;
|
|
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: #1890ff;
|
|
}
|
|
.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: #1890ff;
|
|
border-color: #1890ff;
|
|
-webkit-box-shadow: -1px 0 0 0 #1890ff;
|
|
box-shadow: -1px 0 0 0 #1890ff;
|
|
}
|
|
.el-radio-button__orig-radio:disabled + .el-radio-button__inner {
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
background-image: none;
|
|
background-color: #FFFFFF;
|
|
border-color: #e6ebf5;
|
|
-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 #1890ff;
|
|
box-shadow: 0 0 2px 2px #1890ff;
|
|
}
|
|
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.el-checkbox {
|
|
color: #606266;
|
|
font-weight: 500;
|
|
font-size: 14px;
|
|
position: relative;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
white-space: nowrap;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
margin-right: 30px;
|
|
}
|
|
.el-checkbox.is-bordered {
|
|
padding: 9px 20px 9px 10px;
|
|
border-radius: 4px;
|
|
border: 1px solid #DCDFE6;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
line-height: normal;
|
|
height: 40px;
|
|
}
|
|
.el-checkbox.is-bordered.is-checked {
|
|
border-color: #1890ff;
|
|
}
|
|
.el-checkbox.is-bordered.is-disabled {
|
|
border-color: #e6ebf5;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-checkbox.is-bordered + .el-checkbox.is-bordered {
|
|
margin-left: 10px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--medium {
|
|
padding: 7px 20px 7px 10px;
|
|
border-radius: 4px;
|
|
height: 36px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
|
|
line-height: 17px;
|
|
font-size: 14px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
|
|
height: 14px;
|
|
width: 14px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--small {
|
|
padding: 5px 15px 5px 10px;
|
|
border-radius: 3px;
|
|
height: 32px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
|
|
line-height: 15px;
|
|
font-size: 12px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
|
|
height: 12px;
|
|
width: 12px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
|
|
height: 6px;
|
|
width: 2px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--mini {
|
|
padding: 3px 15px 3px 10px;
|
|
border-radius: 3px;
|
|
height: 28px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
|
|
line-height: 12px;
|
|
font-size: 12px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
|
|
height: 12px;
|
|
width: 12px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after {
|
|
height: 6px;
|
|
width: 2px;
|
|
}
|
|
|
|
.el-checkbox__input {
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
outline: none;
|
|
display: inline-block;
|
|
line-height: 1;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
}
|
|
.el-checkbox__input.is-disabled .el-checkbox__inner {
|
|
background-color: #edf2fc;
|
|
border-color: #DCDFE6;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-checkbox__input.is-disabled .el-checkbox__inner::after {
|
|
cursor: not-allowed;
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
|
|
cursor: not-allowed;
|
|
}
|
|
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
|
|
background-color: #F2F6FC;
|
|
border-color: #DCDFE6;
|
|
}
|
|
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
|
|
background-color: #F2F6FC;
|
|
border-color: #DCDFE6;
|
|
}
|
|
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
|
|
background-color: #C0C4CC;
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-checkbox__input.is-disabled + span.el-checkbox__label {
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.el-checkbox__input.is-checked .el-checkbox__inner {
|
|
background-color: #1890ff;
|
|
border-color: #1890ff;
|
|
}
|
|
.el-checkbox__input.is-checked .el-checkbox__inner::after {
|
|
-webkit-transform: rotate(45deg) scaleY(1);
|
|
transform: rotate(45deg) scaleY(1);
|
|
}
|
|
.el-checkbox__input.is-checked + .el-checkbox__label {
|
|
color: #1890ff;
|
|
}
|
|
|
|
.el-checkbox__input.is-focus {
|
|
/*focus时 视觉上区分*/
|
|
}
|
|
.el-checkbox__input.is-focus .el-checkbox__inner {
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
|
|
background-color: #1890ff;
|
|
border-color: #1890ff;
|
|
}
|
|
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
background-color: #FFFFFF;
|
|
height: 2px;
|
|
-webkit-transform: scale(0.5);
|
|
transform: scale(0.5);
|
|
left: 0;
|
|
right: 0;
|
|
top: 5px;
|
|
}
|
|
.el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
|
|
display: none;
|
|
}
|
|
|
|
.el-checkbox__inner {
|
|
display: inline-block;
|
|
position: relative;
|
|
border: 1px solid #DCDFE6;
|
|
border-radius: 2px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
width: 14px;
|
|
height: 14px;
|
|
background-color: #FFFFFF;
|
|
z-index: 1;
|
|
-webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
|
|
transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
|
|
}
|
|
.el-checkbox__inner:hover {
|
|
border-color: #1890ff;
|
|
}
|
|
.el-checkbox__inner::after {
|
|
-webkit-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
content: "";
|
|
border: 1px solid #FFFFFF;
|
|
border-left: 0;
|
|
border-top: 0;
|
|
height: 7px;
|
|
left: 4px;
|
|
position: absolute;
|
|
top: 1px;
|
|
-webkit-transform: rotate(45deg) scaleY(0);
|
|
transform: rotate(45deg) scaleY(0);
|
|
width: 3px;
|
|
-webkit-transition: -webkit-transform 0.15s ease-in 0.05s;
|
|
transition: -webkit-transform 0.15s ease-in 0.05s;
|
|
transition: transform 0.15s ease-in 0.05s;
|
|
transition: transform 0.15s ease-in 0.05s, -webkit-transform 0.15s ease-in 0.05s;
|
|
-webkit-transform-origin: center;
|
|
transform-origin: center;
|
|
}
|
|
|
|
.el-checkbox__original {
|
|
opacity: 0;
|
|
outline: none;
|
|
position: absolute;
|
|
margin: 0;
|
|
width: 0;
|
|
height: 0;
|
|
z-index: -1;
|
|
}
|
|
|
|
.el-checkbox__label {
|
|
display: inline-block;
|
|
padding-left: 10px;
|
|
line-height: 19px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.el-checkbox:last-of-type {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.el-checkbox-button {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
.el-checkbox-button__inner {
|
|
display: inline-block;
|
|
line-height: 1;
|
|
font-weight: 500;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
background: #FFFFFF;
|
|
border: 1px solid #DCDFE6;
|
|
border-left: 0;
|
|
color: #606266;
|
|
-webkit-appearance: none;
|
|
text-align: center;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
outline: none;
|
|
margin: 0;
|
|
position: relative;
|
|
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
-moz-user-select: none;
|
|
-webkit-user-select: none;
|
|
-ms-user-select: none;
|
|
padding: 12px 20px;
|
|
font-size: 14px;
|
|
border-radius: 0;
|
|
}
|
|
.el-checkbox-button__inner.is-round {
|
|
padding: 12px 20px;
|
|
}
|
|
.el-checkbox-button__inner:hover {
|
|
color: #1890ff;
|
|
}
|
|
.el-checkbox-button__inner [class*=el-icon-] {
|
|
line-height: 0.9;
|
|
}
|
|
.el-checkbox-button__inner [class*=el-icon-] + span {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.el-checkbox-button__original {
|
|
opacity: 0;
|
|
outline: none;
|
|
position: absolute;
|
|
margin: 0;
|
|
z-index: -1;
|
|
}
|
|
|
|
.el-checkbox-button.is-checked .el-checkbox-button__inner {
|
|
color: #FFFFFF;
|
|
background-color: #1890ff;
|
|
border-color: #1890ff;
|
|
-webkit-box-shadow: -1px 0 0 0 #74bcff;
|
|
box-shadow: -1px 0 0 0 #74bcff;
|
|
}
|
|
.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
|
|
border-left-color: #1890ff;
|
|
}
|
|
.el-checkbox-button.is-disabled .el-checkbox-button__inner {
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
background-image: none;
|
|
background-color: #FFFFFF;
|
|
border-color: #e6ebf5;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
|
|
border-left-color: #e6ebf5;
|
|
}
|
|
.el-checkbox-button:first-child .el-checkbox-button__inner {
|
|
border-left: 1px solid #DCDFE6;
|
|
border-radius: 4px 0 0 4px;
|
|
-webkit-box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
.el-checkbox-button.is-focus .el-checkbox-button__inner {
|
|
border-color: #1890ff;
|
|
}
|
|
.el-checkbox-button:last-child .el-checkbox-button__inner {
|
|
border-radius: 0 4px 4px 0;
|
|
}
|
|
.el-checkbox-button--medium .el-checkbox-button__inner {
|
|
padding: 10px 20px;
|
|
font-size: 14px;
|
|
border-radius: 0;
|
|
}
|
|
.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
|
|
padding: 10px 20px;
|
|
}
|
|
|
|
.el-checkbox-button--small .el-checkbox-button__inner {
|
|
padding: 9px 15px;
|
|
font-size: 12px;
|
|
border-radius: 0;
|
|
}
|
|
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
|
|
padding: 9px 15px;
|
|
}
|
|
|
|
.el-checkbox-button--mini .el-checkbox-button__inner {
|
|
padding: 7px 15px;
|
|
font-size: 12px;
|
|
border-radius: 0;
|
|
}
|
|
.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
|
|
padding: 7px 15px;
|
|
}
|
|
|
|
.el-checkbox-group {
|
|
font-size: 0;
|
|
}
|
|
|
|
/* 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: 0.2s;
|
|
transition: 0.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: #1890ff;
|
|
}
|
|
|
|
.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 0.3s, background-color 0.3s;
|
|
transition: border-color 0.3s, background-color 0.3s;
|
|
vertical-align: middle;
|
|
}
|
|
.el-switch__core:after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 1px;
|
|
left: 1px;
|
|
border-radius: 100%;
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
width: 16px;
|
|
height: 16px;
|
|
background-color: #FFFFFF;
|
|
}
|
|
|
|
.el-switch.is-checked .el-switch__core {
|
|
border-color: #1890ff;
|
|
background-color: #1890ff;
|
|
}
|
|
.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;
|
|
}
|
|
|
|
/* 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
|
|
--------------------------*/
|
|
/* 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: #e6ebf5;
|
|
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: #e6ebf5;
|
|
}
|
|
.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: #e6ebf5;
|
|
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: #e6ebf5;
|
|
}
|
|
.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 #dfe4ed;
|
|
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: #1890ff;
|
|
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: "";
|
|
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;
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.el-textarea {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 100%;
|
|
vertical-align: bottom;
|
|
font-size: 14px;
|
|
}
|
|
.el-textarea__inner {
|
|
display: block;
|
|
resize: vertical;
|
|
padding: 5px 15px;
|
|
line-height: 1.5;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
font-size: inherit;
|
|
color: #606266;
|
|
background-color: #FFFFFF;
|
|
background-image: none;
|
|
border: 1px solid #DCDFE6;
|
|
border-radius: 4px;
|
|
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
.el-textarea__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner:hover {
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner:focus {
|
|
outline: none;
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-textarea .el-input__count {
|
|
color: #909399;
|
|
background: #FFFFFF;
|
|
position: absolute;
|
|
font-size: 12px;
|
|
bottom: 5px;
|
|
right: 10px;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner {
|
|
background-color: #F5F7FA;
|
|
border-color: #dfe4ed;
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
|
|
.el-textarea.is-exceed .el-textarea__inner {
|
|
border-color: #ff4949;
|
|
}
|
|
.el-textarea.is-exceed .el-input__count {
|
|
color: #ff4949;
|
|
}
|
|
|
|
.el-input {
|
|
position: relative;
|
|
font-size: 14px;
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
.el-input::-webkit-scrollbar {
|
|
z-index: 11;
|
|
width: 6px;
|
|
}
|
|
.el-input::-webkit-scrollbar:horizontal {
|
|
height: 6px;
|
|
}
|
|
.el-input::-webkit-scrollbar-thumb {
|
|
border-radius: 5px;
|
|
width: 6px;
|
|
background: #b4bccc;
|
|
}
|
|
.el-input::-webkit-scrollbar-corner {
|
|
background: #fff;
|
|
}
|
|
.el-input::-webkit-scrollbar-track {
|
|
background: #fff;
|
|
}
|
|
.el-input::-webkit-scrollbar-track-piece {
|
|
background: #fff;
|
|
width: 6px;
|
|
}
|
|
.el-input .el-input__clear {
|
|
color: #C0C4CC;
|
|
font-size: 14px;
|
|
cursor: pointer;
|
|
-webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
.el-input .el-input__clear:hover {
|
|
color: #909399;
|
|
}
|
|
.el-input .el-input__count {
|
|
height: 100%;
|
|
display: -webkit-inline-box;
|
|
display: -ms-inline-flexbox;
|
|
display: inline-flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
color: #909399;
|
|
font-size: 12px;
|
|
}
|
|
.el-input .el-input__count .el-input__count-inner {
|
|
background: #FFFFFF;
|
|
line-height: initial;
|
|
display: inline-block;
|
|
padding: 0 5px;
|
|
}
|
|
.el-input__inner {
|
|
-webkit-appearance: none;
|
|
background-color: #FFFFFF;
|
|
background-image: none;
|
|
border-radius: 4px;
|
|
border: 1px solid #DCDFE6;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
color: #606266;
|
|
display: inline-block;
|
|
font-size: inherit;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
outline: none;
|
|
padding: 0 15px;
|
|
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
width: 100%;
|
|
}
|
|
.el-input__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner:hover {
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-input__inner:focus {
|
|
outline: none;
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-input__suffix {
|
|
position: absolute;
|
|
height: 100%;
|
|
right: 5px;
|
|
top: 0;
|
|
text-align: center;
|
|
color: #C0C4CC;
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.el-input__suffix-inner {
|
|
pointer-events: all;
|
|
}
|
|
|
|
.el-input__prefix {
|
|
position: absolute;
|
|
height: 100%;
|
|
left: 5px;
|
|
top: 0;
|
|
text-align: center;
|
|
color: #C0C4CC;
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
.el-input__icon {
|
|
height: 100%;
|
|
width: 25px;
|
|
text-align: center;
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
line-height: 40px;
|
|
}
|
|
.el-input__icon:after {
|
|
content: "";
|
|
height: 100%;
|
|
width: 0;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.el-input__validateIcon {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.el-input.is-active .el-input__inner {
|
|
outline: none;
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-input.is-disabled .el-input__inner {
|
|
background-color: #F5F7FA;
|
|
border-color: #dfe4ed;
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__icon {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.el-input.is-exceed .el-input__inner {
|
|
border-color: #ff4949;
|
|
}
|
|
.el-input.is-exceed .el-input__suffix .el-input__count {
|
|
color: #ff4949;
|
|
}
|
|
|
|
.el-input--suffix .el-input__inner {
|
|
padding-right: 30px;
|
|
}
|
|
|
|
.el-input--prefix .el-input__inner {
|
|
padding-left: 30px;
|
|
}
|
|
|
|
.el-input--medium {
|
|
font-size: 14px;
|
|
}
|
|
.el-input--medium .el-input__inner {
|
|
height: 36px;
|
|
line-height: 36px;
|
|
}
|
|
|
|
.el-input--medium .el-input__icon {
|
|
line-height: 36px;
|
|
}
|
|
|
|
.el-input--small {
|
|
font-size: 13px;
|
|
}
|
|
.el-input--small .el-input__inner {
|
|
height: 32px;
|
|
line-height: 32px;
|
|
}
|
|
|
|
.el-input--small .el-input__icon {
|
|
line-height: 32px;
|
|
}
|
|
|
|
.el-input--mini {
|
|
font-size: 12px;
|
|
}
|
|
.el-input--mini .el-input__inner {
|
|
height: 28px;
|
|
line-height: 28px;
|
|
}
|
|
|
|
.el-input--mini .el-input__icon {
|
|
line-height: 28px;
|
|
}
|
|
|
|
.el-input-group {
|
|
line-height: normal;
|
|
display: inline-table;
|
|
width: 100%;
|
|
border-collapse: separate;
|
|
border-spacing: 0;
|
|
}
|
|
.el-input-group > .el-input__inner {
|
|
vertical-align: middle;
|
|
display: table-cell;
|
|
}
|
|
.el-input-group__append, .el-input-group__prepend {
|
|
background-color: #F5F7FA;
|
|
color: #909399;
|
|
vertical-align: middle;
|
|
display: table-cell;
|
|
position: relative;
|
|
border: 1px solid #DCDFE6;
|
|
border-radius: 4px;
|
|
padding: 0 20px;
|
|
width: 1px;
|
|
white-space: nowrap;
|
|
}
|
|
.el-input-group__append:focus, .el-input-group__prepend:focus {
|
|
outline: none;
|
|
}
|
|
.el-input-group__append .el-select,
|
|
.el-input-group__append .el-button, .el-input-group__prepend .el-select,
|
|
.el-input-group__prepend .el-button {
|
|
display: inline-block;
|
|
margin: -10px -20px;
|
|
}
|
|
.el-input-group__append button.el-button,
|
|
.el-input-group__append div.el-select .el-input__inner,
|
|
.el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button,
|
|
.el-input-group__prepend div.el-select .el-input__inner,
|
|
.el-input-group__prepend div.el-select:hover .el-input__inner {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
color: inherit;
|
|
border-top: 0;
|
|
border-bottom: 0;
|
|
}
|
|
.el-input-group__append .el-button,
|
|
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
|
|
.el-input-group__prepend .el-input {
|
|
font-size: inherit;
|
|
}
|
|
|
|
.el-input-group__prepend {
|
|
border-right: 0;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.el-input-group__append {
|
|
border-left: 0;
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.el-input-group--prepend .el-input__inner {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
|
|
border-color: transparent;
|
|
}
|
|
|
|
.el-input-group--append .el-input__inner {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
|
|
border-color: transparent;
|
|
}
|
|
|
|
/** disalbe default clear on IE */
|
|
.el-input__inner::-ms-clear {
|
|
display: none;
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
|
|
/* 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: #e8f4ff;
|
|
border-color: #d1e9ff;
|
|
color: #1890ff;
|
|
display: inline-block;
|
|
height: 32px;
|
|
padding: 0 10px;
|
|
line-height: 30px;
|
|
font-size: 12px;
|
|
color: #1890ff;
|
|
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: #1890ff;
|
|
}
|
|
|
|
.el-tag .el-tag__close {
|
|
color: #1890ff;
|
|
}
|
|
.el-tag .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #1890ff;
|
|
}
|
|
.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: #e7faf0;
|
|
border-color: #d0f5e0;
|
|
color: #13ce66;
|
|
}
|
|
.el-tag.el-tag--success.is-hit {
|
|
border-color: #13ce66;
|
|
}
|
|
|
|
.el-tag.el-tag--success .el-tag__close {
|
|
color: #13ce66;
|
|
}
|
|
.el-tag.el-tag--success .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #13ce66;
|
|
}
|
|
.el-tag.el-tag--warning {
|
|
background-color: #fff8e6;
|
|
border-color: #fff1cc;
|
|
color: #ffba00;
|
|
}
|
|
.el-tag.el-tag--warning.is-hit {
|
|
border-color: #ffba00;
|
|
}
|
|
|
|
.el-tag.el-tag--warning .el-tag__close {
|
|
color: #ffba00;
|
|
}
|
|
.el-tag.el-tag--warning .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #ffba00;
|
|
}
|
|
.el-tag.el-tag--danger {
|
|
background-color: #ffeded;
|
|
border-color: #ffdbdb;
|
|
color: #ff4949;
|
|
}
|
|
.el-tag.el-tag--danger.is-hit {
|
|
border-color: #ff4949;
|
|
}
|
|
|
|
.el-tag.el-tag--danger .el-tag__close {
|
|
color: #ff4949;
|
|
}
|
|
.el-tag.el-tag--danger .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #ff4949;
|
|
}
|
|
.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: #1890ff;
|
|
border-color: #1890ff;
|
|
color: white;
|
|
}
|
|
.el-tag--dark.is-hit {
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-tag--dark .el-tag__close {
|
|
color: white;
|
|
}
|
|
.el-tag--dark .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #46a6ff;
|
|
}
|
|
.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: #13ce66;
|
|
border-color: #13ce66;
|
|
color: white;
|
|
}
|
|
.el-tag--dark.el-tag--success.is-hit {
|
|
border-color: #13ce66;
|
|
}
|
|
|
|
.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: #42d885;
|
|
}
|
|
.el-tag--dark.el-tag--warning {
|
|
background-color: #ffba00;
|
|
border-color: #ffba00;
|
|
color: white;
|
|
}
|
|
.el-tag--dark.el-tag--warning.is-hit {
|
|
border-color: #ffba00;
|
|
}
|
|
|
|
.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: #ffc833;
|
|
}
|
|
.el-tag--dark.el-tag--danger {
|
|
background-color: #ff4949;
|
|
border-color: #ff4949;
|
|
color: white;
|
|
}
|
|
.el-tag--dark.el-tag--danger.is-hit {
|
|
border-color: #ff4949;
|
|
}
|
|
|
|
.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: #ff6d6d;
|
|
}
|
|
|
|
.el-tag--plain {
|
|
background-color: white;
|
|
border-color: #a3d3ff;
|
|
color: #1890ff;
|
|
}
|
|
.el-tag--plain.is-hit {
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-tag--plain .el-tag__close {
|
|
color: #1890ff;
|
|
}
|
|
.el-tag--plain .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #1890ff;
|
|
}
|
|
.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: #a1ebc2;
|
|
color: #13ce66;
|
|
}
|
|
.el-tag--plain.el-tag--success.is-hit {
|
|
border-color: #13ce66;
|
|
}
|
|
|
|
.el-tag--plain.el-tag--success .el-tag__close {
|
|
color: #13ce66;
|
|
}
|
|
.el-tag--plain.el-tag--success .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #13ce66;
|
|
}
|
|
.el-tag--plain.el-tag--warning {
|
|
background-color: white;
|
|
border-color: #ffe399;
|
|
color: #ffba00;
|
|
}
|
|
.el-tag--plain.el-tag--warning.is-hit {
|
|
border-color: #ffba00;
|
|
}
|
|
|
|
.el-tag--plain.el-tag--warning .el-tag__close {
|
|
color: #ffba00;
|
|
}
|
|
.el-tag--plain.el-tag--warning .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #ffba00;
|
|
}
|
|
.el-tag--plain.el-tag--danger {
|
|
background-color: white;
|
|
border-color: #ffb6b6;
|
|
color: #ff4949;
|
|
}
|
|
.el-tag--plain.el-tag--danger.is-hit {
|
|
border-color: #ff4949;
|
|
}
|
|
|
|
.el-tag--plain.el-tag--danger .el-tag__close {
|
|
color: #ff4949;
|
|
}
|
|
.el-tag--plain.el-tag--danger .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #ff4949;
|
|
}
|
|
|
|
.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);
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.el-select-dropdown__item {
|
|
font-size: 14px;
|
|
padding: 0 20px;
|
|
position: relative;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
color: #606266;
|
|
height: 34px;
|
|
line-height: 34px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
}
|
|
.el-select-dropdown__item.is-disabled {
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-select-dropdown__item.is-disabled:hover {
|
|
background-color: #FFFFFF;
|
|
}
|
|
|
|
.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
|
|
background-color: #F5F7FA;
|
|
}
|
|
.el-select-dropdown__item.selected {
|
|
color: #1890ff;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.el-select-group {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.el-select-group__wrap {
|
|
position: relative;
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.el-select-group__wrap:not(:last-of-type) {
|
|
padding-bottom: 24px;
|
|
}
|
|
.el-select-group__wrap:not(:last-of-type)::after {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
left: 20px;
|
|
right: 20px;
|
|
bottom: 12px;
|
|
height: 1px;
|
|
background: #dfe4ed;
|
|
}
|
|
|
|
.el-select-group__title {
|
|
padding-left: 20px;
|
|
font-size: 12px;
|
|
color: #909399;
|
|
line-height: 30px;
|
|
}
|
|
|
|
.el-select-group .el-select-dropdown__item {
|
|
padding-left: 20px;
|
|
}
|
|
|
|
/* 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: 0.3s background-color;
|
|
transition: 0.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%;
|
|
}
|
|
|
|
.el-select {
|
|
display: inline-block;
|
|
position: relative;
|
|
}
|
|
.el-select .el-select__tags > span {
|
|
display: contents;
|
|
}
|
|
.el-select:hover .el-input__inner {
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-select .el-input__inner {
|
|
cursor: pointer;
|
|
padding-right: 35px;
|
|
}
|
|
.el-select .el-input__inner:focus {
|
|
border-color: #1890ff;
|
|
}
|
|
.el-select .el-input .el-select__caret {
|
|
color: #C0C4CC;
|
|
font-size: 14px;
|
|
-webkit-transition: -webkit-transform 0.3s;
|
|
transition: -webkit-transform 0.3s;
|
|
transition: transform 0.3s;
|
|
transition: transform 0.3s, -webkit-transform 0.3s;
|
|
-webkit-transform: rotateZ(180deg);
|
|
transform: rotateZ(180deg);
|
|
cursor: pointer;
|
|
}
|
|
.el-select .el-input .el-select__caret.is-reverse {
|
|
-webkit-transform: rotateZ(0deg);
|
|
transform: rotateZ(0deg);
|
|
}
|
|
|
|
.el-select .el-input .el-select__caret.is-show-close {
|
|
font-size: 14px;
|
|
text-align: center;
|
|
-webkit-transform: rotateZ(180deg);
|
|
transform: rotateZ(180deg);
|
|
border-radius: 100%;
|
|
color: #C0C4CC;
|
|
-webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
.el-select .el-input .el-select__caret.is-show-close:hover {
|
|
color: #909399;
|
|
}
|
|
|
|
.el-select .el-input.is-disabled .el-input__inner {
|
|
cursor: not-allowed;
|
|
}
|
|
.el-select .el-input.is-disabled .el-input__inner:hover {
|
|
border-color: #dfe4ed;
|
|
}
|
|
.el-select .el-input.is-focus .el-input__inner {
|
|
border-color: #1890ff;
|
|
}
|
|
.el-select > .el-input {
|
|
display: block;
|
|
}
|
|
.el-select__input {
|
|
border: none;
|
|
outline: none;
|
|
padding: 0;
|
|
margin-left: 15px;
|
|
color: #666;
|
|
font-size: 14px;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
height: 28px;
|
|
background-color: transparent;
|
|
}
|
|
.el-select__input.is-mini {
|
|
height: 14px;
|
|
}
|
|
|
|
.el-select__close {
|
|
cursor: pointer;
|
|
position: absolute;
|
|
top: 8px;
|
|
z-index: 1000;
|
|
right: 25px;
|
|
color: #C0C4CC;
|
|
line-height: 18px;
|
|
font-size: 14px;
|
|
}
|
|
.el-select__close:hover {
|
|
color: #909399;
|
|
}
|
|
|
|
.el-select__tags {
|
|
position: absolute;
|
|
line-height: normal;
|
|
white-space: normal;
|
|
z-index: 1;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.el-select .el-tag__close {
|
|
margin-top: -2px;
|
|
}
|
|
.el-select .el-tag {
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
border-color: transparent;
|
|
margin: 2px 0 2px 6px;
|
|
background-color: #f0f2f5;
|
|
}
|
|
.el-select .el-tag__close.el-icon-close {
|
|
background-color: #C0C4CC;
|
|
right: -7px;
|
|
top: 0;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-select .el-tag__close.el-icon-close:hover {
|
|
background-color: #909399;
|
|
}
|
|
.el-select .el-tag__close.el-icon-close::before {
|
|
display: block;
|
|
-webkit-transform: translate(0, 0.5px);
|
|
transform: translate(0, 0.5px);
|
|
}
|
|
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
.el-button {
|
|
display: inline-block;
|
|
line-height: 1;
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
background: #FFFFFF;
|
|
border: 1px solid #DCDFE6;
|
|
border-color: #DCDFE6;
|
|
color: #606266;
|
|
-webkit-appearance: none;
|
|
text-align: center;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
outline: none;
|
|
margin: 0;
|
|
-webkit-transition: 0.1s;
|
|
transition: 0.1s;
|
|
font-weight: 400;
|
|
-moz-user-select: none;
|
|
-webkit-user-select: none;
|
|
-ms-user-select: none;
|
|
padding: 12px 20px;
|
|
font-size: 14px;
|
|
border-radius: 4px;
|
|
}
|
|
.el-button + .el-button {
|
|
margin-left: 10px;
|
|
}
|
|
.el-button.is-round {
|
|
padding: 12px 20px;
|
|
}
|
|
.el-button:hover, .el-button:focus {
|
|
color: #1890ff;
|
|
border-color: #badeff;
|
|
background-color: #e8f4ff;
|
|
}
|
|
.el-button:active {
|
|
color: #1682e6;
|
|
border-color: #1682e6;
|
|
outline: none;
|
|
}
|
|
.el-button::-moz-focus-inner {
|
|
border: 0;
|
|
}
|
|
.el-button [class*=el-icon-] + span {
|
|
margin-left: 5px;
|
|
}
|
|
.el-button.is-plain:hover, .el-button.is-plain:focus {
|
|
background: #FFFFFF;
|
|
border-color: #1890ff;
|
|
color: #1890ff;
|
|
}
|
|
.el-button.is-plain:active {
|
|
background: #FFFFFF;
|
|
border-color: #1682e6;
|
|
color: #1682e6;
|
|
outline: none;
|
|
}
|
|
|
|
.el-button.is-active {
|
|
color: #1682e6;
|
|
border-color: #1682e6;
|
|
}
|
|
|
|
.el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus {
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
background-image: none;
|
|
background-color: #FFFFFF;
|
|
border-color: #e6ebf5;
|
|
}
|
|
.el-button.is-disabled.el-button--text {
|
|
background-color: transparent;
|
|
}
|
|
.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus {
|
|
background-color: #FFFFFF;
|
|
border-color: #e6ebf5;
|
|
color: #C0C4CC;
|
|
}
|
|
|
|
.el-button.is-loading {
|
|
position: relative;
|
|
pointer-events: none;
|
|
}
|
|
.el-button.is-loading:before {
|
|
pointer-events: none;
|
|
content: "";
|
|
position: absolute;
|
|
left: -1px;
|
|
top: -1px;
|
|
right: -1px;
|
|
bottom: -1px;
|
|
border-radius: inherit;
|
|
background-color: rgba(255, 255, 255, 0.35);
|
|
}
|
|
|
|
.el-button.is-round {
|
|
border-radius: 20px;
|
|
padding: 12px 23px;
|
|
}
|
|
|
|
.el-button.is-circle {
|
|
border-radius: 50%;
|
|
padding: 12px;
|
|
}
|
|
|
|
.el-button--primary {
|
|
color: #FFFFFF;
|
|
background-color: #1890ff;
|
|
border-color: #1890ff;
|
|
}
|
|
.el-button--primary:hover, .el-button--primary:focus {
|
|
background: #46a6ff;
|
|
border-color: #46a6ff;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--primary:active {
|
|
background: #1682e6;
|
|
border-color: #1682e6;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--primary.is-active {
|
|
background: #1682e6;
|
|
border-color: #1682e6;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active {
|
|
color: #FFFFFF;
|
|
background-color: #8cc8ff;
|
|
border-color: #8cc8ff;
|
|
}
|
|
.el-button--primary.is-plain {
|
|
color: #1890ff;
|
|
background: #e8f4ff;
|
|
border-color: #a3d3ff;
|
|
}
|
|
.el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus {
|
|
background: #1890ff;
|
|
border-color: #1890ff;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--primary.is-plain:active {
|
|
background: #1682e6;
|
|
border-color: #1682e6;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active {
|
|
color: #74bcff;
|
|
background-color: #e8f4ff;
|
|
border-color: #d1e9ff;
|
|
}
|
|
|
|
.el-button--success {
|
|
color: #FFFFFF;
|
|
background-color: #13ce66;
|
|
border-color: #13ce66;
|
|
}
|
|
.el-button--success:hover, .el-button--success:focus {
|
|
background: #42d885;
|
|
border-color: #42d885;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--success:active {
|
|
background: #11b95c;
|
|
border-color: #11b95c;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--success.is-active {
|
|
background: #11b95c;
|
|
border-color: #11b95c;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--success.is-disabled, .el-button--success.is-disabled:hover, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:active {
|
|
color: #FFFFFF;
|
|
background-color: #89e7b3;
|
|
border-color: #89e7b3;
|
|
}
|
|
.el-button--success.is-plain {
|
|
color: #13ce66;
|
|
background: #e7faf0;
|
|
border-color: #a1ebc2;
|
|
}
|
|
.el-button--success.is-plain:hover, .el-button--success.is-plain:focus {
|
|
background: #13ce66;
|
|
border-color: #13ce66;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--success.is-plain:active {
|
|
background: #11b95c;
|
|
border-color: #11b95c;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active {
|
|
color: #71e2a3;
|
|
background-color: #e7faf0;
|
|
border-color: #d0f5e0;
|
|
}
|
|
|
|
.el-button--warning {
|
|
color: #FFFFFF;
|
|
background-color: #ffba00;
|
|
border-color: #ffba00;
|
|
}
|
|
.el-button--warning:hover, .el-button--warning:focus {
|
|
background: #ffc833;
|
|
border-color: #ffc833;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--warning:active {
|
|
background: #e6a700;
|
|
border-color: #e6a700;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--warning.is-active {
|
|
background: #e6a700;
|
|
border-color: #e6a700;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--warning.is-disabled, .el-button--warning.is-disabled:hover, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:active {
|
|
color: #FFFFFF;
|
|
background-color: #ffdd80;
|
|
border-color: #ffdd80;
|
|
}
|
|
.el-button--warning.is-plain {
|
|
color: #ffba00;
|
|
background: #fff8e6;
|
|
border-color: #ffe399;
|
|
}
|
|
.el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus {
|
|
background: #ffba00;
|
|
border-color: #ffba00;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--warning.is-plain:active {
|
|
background: #e6a700;
|
|
border-color: #e6a700;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active {
|
|
color: #ffd666;
|
|
background-color: #fff8e6;
|
|
border-color: #fff1cc;
|
|
}
|
|
|
|
.el-button--danger {
|
|
color: #FFFFFF;
|
|
background-color: #ff4949;
|
|
border-color: #ff4949;
|
|
}
|
|
.el-button--danger:hover, .el-button--danger:focus {
|
|
background: #ff6d6d;
|
|
border-color: #ff6d6d;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--danger:active {
|
|
background: #e64242;
|
|
border-color: #e64242;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--danger.is-active {
|
|
background: #e64242;
|
|
border-color: #e64242;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--danger.is-disabled, .el-button--danger.is-disabled:hover, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:active {
|
|
color: #FFFFFF;
|
|
background-color: #ffa4a4;
|
|
border-color: #ffa4a4;
|
|
}
|
|
.el-button--danger.is-plain {
|
|
color: #ff4949;
|
|
background: #ffeded;
|
|
border-color: #ffb6b6;
|
|
}
|
|
.el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus {
|
|
background: #ff4949;
|
|
border-color: #ff4949;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--danger.is-plain:active {
|
|
background: #e64242;
|
|
border-color: #e64242;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active {
|
|
color: #ff9292;
|
|
background-color: #ffeded;
|
|
border-color: #ffdbdb;
|
|
}
|
|
|
|
.el-button--info {
|
|
color: #FFFFFF;
|
|
background-color: #909399;
|
|
border-color: #909399;
|
|
}
|
|
.el-button--info:hover, .el-button--info:focus {
|
|
background: #a6a9ad;
|
|
border-color: #a6a9ad;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--info:active {
|
|
background: #82848a;
|
|
border-color: #82848a;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--info.is-active {
|
|
background: #82848a;
|
|
border-color: #82848a;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--info.is-disabled, .el-button--info.is-disabled:hover, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:active {
|
|
color: #FFFFFF;
|
|
background-color: #c8c9cc;
|
|
border-color: #c8c9cc;
|
|
}
|
|
.el-button--info.is-plain {
|
|
color: #909399;
|
|
background: #f4f4f5;
|
|
border-color: #d3d4d6;
|
|
}
|
|
.el-button--info.is-plain:hover, .el-button--info.is-plain:focus {
|
|
background: #909399;
|
|
border-color: #909399;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--info.is-plain:active {
|
|
background: #82848a;
|
|
border-color: #82848a;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active {
|
|
color: #bcbec2;
|
|
background-color: #f4f4f5;
|
|
border-color: #e9e9eb;
|
|
}
|
|
|
|
.el-button--medium {
|
|
padding: 10px 20px;
|
|
font-size: 14px;
|
|
border-radius: 4px;
|
|
}
|
|
.el-button--medium.is-round {
|
|
padding: 10px 20px;
|
|
}
|
|
.el-button--medium.is-circle {
|
|
padding: 10px;
|
|
}
|
|
|
|
.el-button--small {
|
|
padding: 9px 15px;
|
|
font-size: 12px;
|
|
border-radius: 3px;
|
|
}
|
|
.el-button--small.is-round {
|
|
padding: 9px 15px;
|
|
}
|
|
.el-button--small.is-circle {
|
|
padding: 9px;
|
|
}
|
|
|
|
.el-button--mini {
|
|
padding: 7px 15px;
|
|
font-size: 12px;
|
|
border-radius: 3px;
|
|
}
|
|
.el-button--mini.is-round {
|
|
padding: 7px 15px;
|
|
}
|
|
.el-button--mini.is-circle {
|
|
padding: 7px;
|
|
}
|
|
|
|
.el-button--text {
|
|
border-color: transparent;
|
|
color: #1890ff;
|
|
background: transparent;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
.el-button--text:hover, .el-button--text:focus {
|
|
color: #46a6ff;
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
}
|
|
.el-button--text:active {
|
|
color: #1682e6;
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
}
|
|
.el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus {
|
|
border-color: transparent;
|
|
}
|
|
|
|
.el-button-group {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
.el-button-group::before,
|
|
.el-button-group::after {
|
|
display: table;
|
|
content: "";
|
|
}
|
|
|
|
.el-button-group::after {
|
|
clear: both;
|
|
}
|
|
|
|
.el-button-group > .el-button {
|
|
float: left;
|
|
position: relative;
|
|
}
|
|
.el-button-group > .el-button + .el-button {
|
|
margin-left: 0;
|
|
}
|
|
.el-button-group > .el-button.is-disabled {
|
|
z-index: 1;
|
|
}
|
|
.el-button-group > .el-button:first-child {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.el-button-group > .el-button:last-child {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
.el-button-group > .el-button:first-child:last-child {
|
|
border-top-right-radius: 4px;
|
|
border-bottom-right-radius: 4px;
|
|
border-top-left-radius: 4px;
|
|
border-bottom-left-radius: 4px;
|
|
}
|
|
.el-button-group > .el-button:first-child:last-child.is-round {
|
|
border-radius: 20px;
|
|
}
|
|
.el-button-group > .el-button:first-child:last-child.is-circle {
|
|
border-radius: 50%;
|
|
}
|
|
.el-button-group > .el-button:not(:first-child):not(:last-child) {
|
|
border-radius: 0;
|
|
}
|
|
.el-button-group > .el-button:not(:last-child) {
|
|
margin-right: -1px;
|
|
}
|
|
.el-button-group > .el-button:hover, .el-button-group > .el-button:focus, .el-button-group > .el-button:active {
|
|
z-index: 1;
|
|
}
|
|
.el-button-group > .el-button.is-active {
|
|
z-index: 1;
|
|
}
|
|
|
|
.el-button-group > .el-dropdown > .el-button {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--primary:first-child {
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--primary:last-child {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--success:first-child {
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--success:last-child {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--success:not(:first-child):not(:last-child) {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--warning:first-child {
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--warning:last-child {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--danger:first-child {
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--danger:last-child {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--info:first-child {
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--info:last-child {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--info:not(:first-child):not(:last-child) {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
|
|
/* 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-checkbox {
|
|
color: #606266;
|
|
font-weight: 500;
|
|
font-size: 14px;
|
|
position: relative;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
white-space: nowrap;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
margin-right: 30px;
|
|
}
|
|
.el-checkbox.is-bordered {
|
|
padding: 9px 20px 9px 10px;
|
|
border-radius: 4px;
|
|
border: 1px solid #DCDFE6;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
line-height: normal;
|
|
height: 40px;
|
|
}
|
|
.el-checkbox.is-bordered.is-checked {
|
|
border-color: #1890ff;
|
|
}
|
|
.el-checkbox.is-bordered.is-disabled {
|
|
border-color: #e6ebf5;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-checkbox.is-bordered + .el-checkbox.is-bordered {
|
|
margin-left: 10px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--medium {
|
|
padding: 7px 20px 7px 10px;
|
|
border-radius: 4px;
|
|
height: 36px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
|
|
line-height: 17px;
|
|
font-size: 14px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
|
|
height: 14px;
|
|
width: 14px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--small {
|
|
padding: 5px 15px 5px 10px;
|
|
border-radius: 3px;
|
|
height: 32px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
|
|
line-height: 15px;
|
|
font-size: 12px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
|
|
height: 12px;
|
|
width: 12px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
|
|
height: 6px;
|
|
width: 2px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--mini {
|
|
padding: 3px 15px 3px 10px;
|
|
border-radius: 3px;
|
|
height: 28px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
|
|
line-height: 12px;
|
|
font-size: 12px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
|
|
height: 12px;
|
|
width: 12px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after {
|
|
height: 6px;
|
|
width: 2px;
|
|
}
|
|
|
|
.el-checkbox__input {
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
outline: none;
|
|
display: inline-block;
|
|
line-height: 1;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
}
|
|
.el-checkbox__input.is-disabled .el-checkbox__inner {
|
|
background-color: #edf2fc;
|
|
border-color: #DCDFE6;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-checkbox__input.is-disabled .el-checkbox__inner::after {
|
|
cursor: not-allowed;
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
|
|
cursor: not-allowed;
|
|
}
|
|
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
|
|
background-color: #F2F6FC;
|
|
border-color: #DCDFE6;
|
|
}
|
|
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
|
|
background-color: #F2F6FC;
|
|
border-color: #DCDFE6;
|
|
}
|
|
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
|
|
background-color: #C0C4CC;
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-checkbox__input.is-disabled + span.el-checkbox__label {
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.el-checkbox__input.is-checked .el-checkbox__inner {
|
|
background-color: #1890ff;
|
|
border-color: #1890ff;
|
|
}
|
|
.el-checkbox__input.is-checked .el-checkbox__inner::after {
|
|
-webkit-transform: rotate(45deg) scaleY(1);
|
|
transform: rotate(45deg) scaleY(1);
|
|
}
|
|
.el-checkbox__input.is-checked + .el-checkbox__label {
|
|
color: #1890ff;
|
|
}
|
|
|
|
.el-checkbox__input.is-focus {
|
|
/*focus时 视觉上区分*/
|
|
}
|
|
.el-checkbox__input.is-focus .el-checkbox__inner {
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
|
|
background-color: #1890ff;
|
|
border-color: #1890ff;
|
|
}
|
|
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
background-color: #FFFFFF;
|
|
height: 2px;
|
|
-webkit-transform: scale(0.5);
|
|
transform: scale(0.5);
|
|
left: 0;
|
|
right: 0;
|
|
top: 5px;
|
|
}
|
|
.el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
|
|
display: none;
|
|
}
|
|
|
|
.el-checkbox__inner {
|
|
display: inline-block;
|
|
position: relative;
|
|
border: 1px solid #DCDFE6;
|
|
border-radius: 2px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
width: 14px;
|
|
height: 14px;
|
|
background-color: #FFFFFF;
|
|
z-index: 1;
|
|
-webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
|
|
transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
|
|
}
|
|
.el-checkbox__inner:hover {
|
|
border-color: #1890ff;
|
|
}
|
|
.el-checkbox__inner::after {
|
|
-webkit-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
content: "";
|
|
border: 1px solid #FFFFFF;
|
|
border-left: 0;
|
|
border-top: 0;
|
|
height: 7px;
|
|
left: 4px;
|
|
position: absolute;
|
|
top: 1px;
|
|
-webkit-transform: rotate(45deg) scaleY(0);
|
|
transform: rotate(45deg) scaleY(0);
|
|
width: 3px;
|
|
-webkit-transition: -webkit-transform 0.15s ease-in 0.05s;
|
|
transition: -webkit-transform 0.15s ease-in 0.05s;
|
|
transition: transform 0.15s ease-in 0.05s;
|
|
transition: transform 0.15s ease-in 0.05s, -webkit-transform 0.15s ease-in 0.05s;
|
|
-webkit-transform-origin: center;
|
|
transform-origin: center;
|
|
}
|
|
|
|
.el-checkbox__original {
|
|
opacity: 0;
|
|
outline: none;
|
|
position: absolute;
|
|
margin: 0;
|
|
width: 0;
|
|
height: 0;
|
|
z-index: -1;
|
|
}
|
|
|
|
.el-checkbox__label {
|
|
display: inline-block;
|
|
padding-left: 10px;
|
|
line-height: 19px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.el-checkbox:last-of-type {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.el-checkbox-button {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
.el-checkbox-button__inner {
|
|
display: inline-block;
|
|
line-height: 1;
|
|
font-weight: 500;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
background: #FFFFFF;
|
|
border: 1px solid #DCDFE6;
|
|
border-left: 0;
|
|
color: #606266;
|
|
-webkit-appearance: none;
|
|
text-align: center;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
outline: none;
|
|
margin: 0;
|
|
position: relative;
|
|
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
-moz-user-select: none;
|
|
-webkit-user-select: none;
|
|
-ms-user-select: none;
|
|
padding: 12px 20px;
|
|
font-size: 14px;
|
|
border-radius: 0;
|
|
}
|
|
.el-checkbox-button__inner.is-round {
|
|
padding: 12px 20px;
|
|
}
|
|
.el-checkbox-button__inner:hover {
|
|
color: #1890ff;
|
|
}
|
|
.el-checkbox-button__inner [class*=el-icon-] {
|
|
line-height: 0.9;
|
|
}
|
|
.el-checkbox-button__inner [class*=el-icon-] + span {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.el-checkbox-button__original {
|
|
opacity: 0;
|
|
outline: none;
|
|
position: absolute;
|
|
margin: 0;
|
|
z-index: -1;
|
|
}
|
|
|
|
.el-checkbox-button.is-checked .el-checkbox-button__inner {
|
|
color: #FFFFFF;
|
|
background-color: #1890ff;
|
|
border-color: #1890ff;
|
|
-webkit-box-shadow: -1px 0 0 0 #74bcff;
|
|
box-shadow: -1px 0 0 0 #74bcff;
|
|
}
|
|
.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
|
|
border-left-color: #1890ff;
|
|
}
|
|
.el-checkbox-button.is-disabled .el-checkbox-button__inner {
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
background-image: none;
|
|
background-color: #FFFFFF;
|
|
border-color: #e6ebf5;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
|
|
border-left-color: #e6ebf5;
|
|
}
|
|
.el-checkbox-button:first-child .el-checkbox-button__inner {
|
|
border-left: 1px solid #DCDFE6;
|
|
border-radius: 4px 0 0 4px;
|
|
-webkit-box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
.el-checkbox-button.is-focus .el-checkbox-button__inner {
|
|
border-color: #1890ff;
|
|
}
|
|
.el-checkbox-button:last-child .el-checkbox-button__inner {
|
|
border-radius: 0 4px 4px 0;
|
|
}
|
|
.el-checkbox-button--medium .el-checkbox-button__inner {
|
|
padding: 10px 20px;
|
|
font-size: 14px;
|
|
border-radius: 0;
|
|
}
|
|
.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
|
|
padding: 10px 20px;
|
|
}
|
|
|
|
.el-checkbox-button--small .el-checkbox-button__inner {
|
|
padding: 9px 15px;
|
|
font-size: 12px;
|
|
border-radius: 0;
|
|
}
|
|
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
|
|
padding: 9px 15px;
|
|
}
|
|
|
|
.el-checkbox-button--mini .el-checkbox-button__inner {
|
|
padding: 7px 15px;
|
|
font-size: 12px;
|
|
border-radius: 0;
|
|
}
|
|
.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
|
|
padding: 7px 15px;
|
|
}
|
|
|
|
.el-checkbox-group {
|
|
font-size: 0;
|
|
}
|
|
|
|
/* 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: #e8f4ff;
|
|
border-color: #d1e9ff;
|
|
color: #1890ff;
|
|
display: inline-block;
|
|
height: 32px;
|
|
padding: 0 10px;
|
|
line-height: 30px;
|
|
font-size: 12px;
|
|
color: #1890ff;
|
|
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: #1890ff;
|
|
}
|
|
|
|
.el-tag .el-tag__close {
|
|
color: #1890ff;
|
|
}
|
|
.el-tag .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #1890ff;
|
|
}
|
|
.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: #e7faf0;
|
|
border-color: #d0f5e0;
|
|
color: #13ce66;
|
|
}
|
|
.el-tag.el-tag--success.is-hit {
|
|
border-color: #13ce66;
|
|
}
|
|
|
|
.el-tag.el-tag--success .el-tag__close {
|
|
color: #13ce66;
|
|
}
|
|
.el-tag.el-tag--success .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #13ce66;
|
|
}
|
|
.el-tag.el-tag--warning {
|
|
background-color: #fff8e6;
|
|
border-color: #fff1cc;
|
|
color: #ffba00;
|
|
}
|
|
.el-tag.el-tag--warning.is-hit {
|
|
border-color: #ffba00;
|
|
}
|
|
|
|
.el-tag.el-tag--warning .el-tag__close {
|
|
color: #ffba00;
|
|
}
|
|
.el-tag.el-tag--warning .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #ffba00;
|
|
}
|
|
.el-tag.el-tag--danger {
|
|
background-color: #ffeded;
|
|
border-color: #ffdbdb;
|
|
color: #ff4949;
|
|
}
|
|
.el-tag.el-tag--danger.is-hit {
|
|
border-color: #ff4949;
|
|
}
|
|
|
|
.el-tag.el-tag--danger .el-tag__close {
|
|
color: #ff4949;
|
|
}
|
|
.el-tag.el-tag--danger .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #ff4949;
|
|
}
|
|
.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: #1890ff;
|
|
border-color: #1890ff;
|
|
color: white;
|
|
}
|
|
.el-tag--dark.is-hit {
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-tag--dark .el-tag__close {
|
|
color: white;
|
|
}
|
|
.el-tag--dark .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #46a6ff;
|
|
}
|
|
.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: #13ce66;
|
|
border-color: #13ce66;
|
|
color: white;
|
|
}
|
|
.el-tag--dark.el-tag--success.is-hit {
|
|
border-color: #13ce66;
|
|
}
|
|
|
|
.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: #42d885;
|
|
}
|
|
.el-tag--dark.el-tag--warning {
|
|
background-color: #ffba00;
|
|
border-color: #ffba00;
|
|
color: white;
|
|
}
|
|
.el-tag--dark.el-tag--warning.is-hit {
|
|
border-color: #ffba00;
|
|
}
|
|
|
|
.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: #ffc833;
|
|
}
|
|
.el-tag--dark.el-tag--danger {
|
|
background-color: #ff4949;
|
|
border-color: #ff4949;
|
|
color: white;
|
|
}
|
|
.el-tag--dark.el-tag--danger.is-hit {
|
|
border-color: #ff4949;
|
|
}
|
|
|
|
.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: #ff6d6d;
|
|
}
|
|
|
|
.el-tag--plain {
|
|
background-color: white;
|
|
border-color: #a3d3ff;
|
|
color: #1890ff;
|
|
}
|
|
.el-tag--plain.is-hit {
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-tag--plain .el-tag__close {
|
|
color: #1890ff;
|
|
}
|
|
.el-tag--plain .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #1890ff;
|
|
}
|
|
.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: #a1ebc2;
|
|
color: #13ce66;
|
|
}
|
|
.el-tag--plain.el-tag--success.is-hit {
|
|
border-color: #13ce66;
|
|
}
|
|
|
|
.el-tag--plain.el-tag--success .el-tag__close {
|
|
color: #13ce66;
|
|
}
|
|
.el-tag--plain.el-tag--success .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #13ce66;
|
|
}
|
|
.el-tag--plain.el-tag--warning {
|
|
background-color: white;
|
|
border-color: #ffe399;
|
|
color: #ffba00;
|
|
}
|
|
.el-tag--plain.el-tag--warning.is-hit {
|
|
border-color: #ffba00;
|
|
}
|
|
|
|
.el-tag--plain.el-tag--warning .el-tag__close {
|
|
color: #ffba00;
|
|
}
|
|
.el-tag--plain.el-tag--warning .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #ffba00;
|
|
}
|
|
.el-tag--plain.el-tag--danger {
|
|
background-color: white;
|
|
border-color: #ffb6b6;
|
|
color: #ff4949;
|
|
}
|
|
.el-tag--plain.el-tag--danger.is-hit {
|
|
border-color: #ff4949;
|
|
}
|
|
|
|
.el-tag--plain.el-tag--danger .el-tag__close {
|
|
color: #ff4949;
|
|
}
|
|
.el-tag--plain.el-tag--danger .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #ff4949;
|
|
}
|
|
|
|
.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);
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|
|
/* 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-table {
|
|
position: relative;
|
|
overflow: hidden;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
-webkit-box-flex: 1;
|
|
-ms-flex: 1;
|
|
flex: 1;
|
|
width: 100%;
|
|
max-width: 100%;
|
|
background-color: #FFFFFF;
|
|
font-size: 14px;
|
|
color: #606266;
|
|
}
|
|
.el-table__empty-block {
|
|
min-height: 60px;
|
|
text-align: center;
|
|
width: 100%;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.el-table__empty-text {
|
|
line-height: 60px;
|
|
width: 50%;
|
|
color: #909399;
|
|
}
|
|
|
|
.el-table__expand-column .cell {
|
|
padding: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.el-table__expand-icon {
|
|
position: relative;
|
|
cursor: pointer;
|
|
color: #666;
|
|
font-size: 12px;
|
|
-webkit-transition: -webkit-transform 0.2s ease-in-out;
|
|
transition: -webkit-transform 0.2s ease-in-out;
|
|
transition: transform 0.2s ease-in-out;
|
|
transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
|
|
height: 20px;
|
|
}
|
|
.el-table__expand-icon--expanded {
|
|
-webkit-transform: rotate(90deg);
|
|
transform: rotate(90deg);
|
|
}
|
|
|
|
.el-table__expand-icon > .el-icon {
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
margin-left: -5px;
|
|
margin-top: -5px;
|
|
}
|
|
|
|
.el-table__expanded-cell {
|
|
background-color: #FFFFFF;
|
|
}
|
|
.el-table__expanded-cell[class*=cell] {
|
|
padding: 20px 50px;
|
|
}
|
|
.el-table__expanded-cell:hover {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
.el-table__placeholder {
|
|
display: inline-block;
|
|
width: 20px;
|
|
}
|
|
|
|
.el-table__append-wrapper {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.el-table--fit {
|
|
border-right: 0;
|
|
border-bottom: 0;
|
|
}
|
|
.el-table--fit th.gutter, .el-table--fit td.gutter {
|
|
border-right-width: 1px;
|
|
}
|
|
|
|
.el-table--scrollable-x .el-table__body-wrapper {
|
|
overflow-x: auto;
|
|
}
|
|
|
|
.el-table--scrollable-y .el-table__body-wrapper {
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.el-table thead {
|
|
color: #909399;
|
|
font-weight: 500;
|
|
}
|
|
.el-table thead.is-group th {
|
|
background: #F5F7FA;
|
|
}
|
|
.el-table th, .el-table td {
|
|
padding: 12px 0;
|
|
min-width: 0;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
text-overflow: ellipsis;
|
|
vertical-align: middle;
|
|
position: relative;
|
|
text-align: left;
|
|
}
|
|
.el-table th.is-center, .el-table td.is-center {
|
|
text-align: center;
|
|
}
|
|
|
|
.el-table th.is-right, .el-table td.is-right {
|
|
text-align: right;
|
|
}
|
|
|
|
.el-table th.gutter, .el-table td.gutter {
|
|
width: 15px;
|
|
border-right-width: 0;
|
|
border-bottom-width: 0;
|
|
padding: 0;
|
|
}
|
|
.el-table th.is-hidden > *, .el-table td.is-hidden > * {
|
|
visibility: hidden;
|
|
}
|
|
.el-table--medium th, .el-table--medium td {
|
|
padding: 10px 0;
|
|
}
|
|
|
|
.el-table--small {
|
|
font-size: 12px;
|
|
}
|
|
.el-table--small th, .el-table--small td {
|
|
padding: 8px 0;
|
|
}
|
|
|
|
.el-table--mini {
|
|
font-size: 12px;
|
|
}
|
|
.el-table--mini th, .el-table--mini td {
|
|
padding: 6px 0;
|
|
}
|
|
|
|
.el-table tr {
|
|
background-color: #FFFFFF;
|
|
}
|
|
.el-table tr input[type=checkbox] {
|
|
margin: 0;
|
|
}
|
|
.el-table th.is-leaf, .el-table td {
|
|
border-bottom: 1px solid #dfe6ec;
|
|
}
|
|
.el-table th.is-sortable {
|
|
cursor: pointer;
|
|
}
|
|
.el-table th {
|
|
overflow: hidden;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
background-color: #FFFFFF;
|
|
}
|
|
.el-table th > .cell {
|
|
display: inline-block;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
width: 100%;
|
|
}
|
|
.el-table th > .cell.highlight {
|
|
color: #1890ff;
|
|
}
|
|
.el-table th.required > div::before {
|
|
display: inline-block;
|
|
content: "";
|
|
width: 8px;
|
|
height: 8px;
|
|
border-radius: 50%;
|
|
background: #ff4d51;
|
|
margin-right: 5px;
|
|
vertical-align: middle;
|
|
}
|
|
.el-table td div {
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.el-table td.gutter {
|
|
width: 0;
|
|
}
|
|
.el-table .cell {
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: normal;
|
|
word-break: break-all;
|
|
line-height: 23px;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
.el-table .cell.el-tooltip {
|
|
white-space: nowrap;
|
|
min-width: 50px;
|
|
}
|
|
.el-table--group, .el-table--border {
|
|
border: 1px solid #dfe6ec;
|
|
}
|
|
.el-table::before, .el-table--group::after, .el-table--border::after {
|
|
content: "";
|
|
position: absolute;
|
|
background-color: #e6ebf5;
|
|
z-index: 1;
|
|
}
|
|
|
|
.el-table--group::after, .el-table--border::after {
|
|
top: 0;
|
|
right: 0;
|
|
width: 1px;
|
|
height: 100%;
|
|
}
|
|
|
|
.el-table::before {
|
|
left: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 1px;
|
|
}
|
|
.el-table--border {
|
|
border-right: none;
|
|
border-bottom: none;
|
|
}
|
|
.el-table--border.el-loading-parent--relative {
|
|
border-color: transparent;
|
|
}
|
|
.el-table--border th, .el-table--border td {
|
|
border-right: 1px solid #dfe6ec;
|
|
}
|
|
.el-table--border th:first-child .cell, .el-table--border td:first-child .cell {
|
|
padding-left: 10px;
|
|
}
|
|
.el-table--border th.gutter:last-of-type {
|
|
border-bottom: 1px solid #dfe6ec;
|
|
border-bottom-width: 1px;
|
|
}
|
|
.el-table--border th {
|
|
border-bottom: 1px solid #dfe6ec;
|
|
}
|
|
|
|
.el-table--hidden {
|
|
visibility: hidden;
|
|
}
|
|
|
|
.el-table__fixed, .el-table__fixed-right {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
overflow-x: hidden;
|
|
overflow-y: hidden;
|
|
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
|
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
|
|
}
|
|
.el-table__fixed::before, .el-table__fixed-right::before {
|
|
content: "";
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 1px;
|
|
background-color: #e6ebf5;
|
|
z-index: 4;
|
|
}
|
|
|
|
.el-table__fixed-right-patch {
|
|
position: absolute;
|
|
top: -1px;
|
|
right: 0;
|
|
background-color: #FFFFFF;
|
|
border-bottom: 1px solid #dfe6ec;
|
|
}
|
|
|
|
.el-table__fixed-right {
|
|
top: 0;
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
.el-table__fixed-right .el-table__fixed-header-wrapper,
|
|
.el-table__fixed-right .el-table__fixed-body-wrapper,
|
|
.el-table__fixed-right .el-table__fixed-footer-wrapper {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
|
|
.el-table__fixed-header-wrapper {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
z-index: 3;
|
|
}
|
|
|
|
.el-table__fixed-footer-wrapper {
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
z-index: 3;
|
|
}
|
|
.el-table__fixed-footer-wrapper tbody td {
|
|
border-top: 1px solid #dfe6ec;
|
|
background-color: #F5F7FA;
|
|
color: #606266;
|
|
}
|
|
|
|
.el-table__fixed-body-wrapper {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 37px;
|
|
overflow: hidden;
|
|
z-index: 3;
|
|
}
|
|
|
|
.el-table__header-wrapper, .el-table__body-wrapper, .el-table__footer-wrapper {
|
|
width: 100%;
|
|
}
|
|
|
|
.el-table__footer-wrapper {
|
|
margin-top: -1px;
|
|
}
|
|
.el-table__footer-wrapper td {
|
|
border-top: 1px solid #dfe6ec;
|
|
}
|
|
|
|
.el-table__header, .el-table__body, .el-table__footer {
|
|
table-layout: fixed;
|
|
border-collapse: separate;
|
|
}
|
|
|
|
.el-table__header-wrapper, .el-table__footer-wrapper {
|
|
overflow: hidden;
|
|
}
|
|
.el-table__header-wrapper tbody td, .el-table__footer-wrapper tbody td {
|
|
background-color: #F5F7FA;
|
|
color: #606266;
|
|
}
|
|
|
|
.el-table__body-wrapper {
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
.el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed,
|
|
.el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed-right {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.el-table__body-wrapper.is-scrolling-left ~ .el-table__fixed {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.el-table__body-wrapper.is-scrolling-right ~ .el-table__fixed-right {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.el-table__body-wrapper .el-table--border.is-scrolling-right ~ .el-table__fixed-right {
|
|
border-left: 1px solid #dfe6ec;
|
|
}
|
|
|
|
.el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
|
|
border-right: 1px solid #dfe6ec;
|
|
}
|
|
|
|
.el-table .caret-wrapper {
|
|
display: -webkit-inline-box;
|
|
display: -ms-inline-flexbox;
|
|
display: inline-flex;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
height: 34px;
|
|
width: 24px;
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
overflow: initial;
|
|
position: relative;
|
|
}
|
|
.el-table .sort-caret {
|
|
width: 0;
|
|
height: 0;
|
|
border: solid 5px transparent;
|
|
position: absolute;
|
|
left: 7px;
|
|
}
|
|
.el-table .sort-caret.ascending {
|
|
border-bottom-color: #C0C4CC;
|
|
top: 5px;
|
|
}
|
|
.el-table .sort-caret.descending {
|
|
border-top-color: #C0C4CC;
|
|
bottom: 7px;
|
|
}
|
|
.el-table .ascending .sort-caret.ascending {
|
|
border-bottom-color: #1890ff;
|
|
}
|
|
.el-table .descending .sort-caret.descending {
|
|
border-top-color: #1890ff;
|
|
}
|
|
.el-table .hidden-columns {
|
|
visibility: hidden;
|
|
position: absolute;
|
|
z-index: -1;
|
|
}
|
|
.el-table--striped .el-table__body tr.el-table__row--striped td {
|
|
background: #FAFAFA;
|
|
}
|
|
.el-table--striped .el-table__body tr.el-table__row--striped.current-row td {
|
|
background-color: #e8f4ff;
|
|
}
|
|
|
|
.el-table__body tr.hover-row > td, .el-table__body tr.hover-row.current-row > td, .el-table__body tr.hover-row.el-table__row--striped > td, .el-table__body tr.hover-row.el-table__row--striped.current-row > td {
|
|
background-color: #F5F7FA;
|
|
}
|
|
.el-table__body tr.current-row > td {
|
|
background-color: #e8f4ff;
|
|
}
|
|
|
|
.el-table__column-resize-proxy {
|
|
position: absolute;
|
|
left: 200px;
|
|
top: 0;
|
|
bottom: 0;
|
|
width: 0;
|
|
border-left: 1px solid #dfe6ec;
|
|
z-index: 10;
|
|
}
|
|
|
|
.el-table__column-filter-trigger {
|
|
display: inline-block;
|
|
line-height: 34px;
|
|
cursor: pointer;
|
|
}
|
|
.el-table__column-filter-trigger i {
|
|
color: #909399;
|
|
font-size: 12px;
|
|
-webkit-transform: scale(0.75);
|
|
transform: scale(0.75);
|
|
}
|
|
|
|
.el-table--enable-row-transition .el-table__body td {
|
|
-webkit-transition: background-color 0.25s ease;
|
|
transition: background-color 0.25s ease;
|
|
}
|
|
|
|
.el-table--enable-row-hover .el-table__body tr:hover > td {
|
|
background-color: #F5F7FA;
|
|
}
|
|
|
|
.el-table--fluid-height .el-table__fixed,
|
|
.el-table--fluid-height .el-table__fixed-right {
|
|
bottom: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.el-table [class*=el-table__row--level] .el-table__expand-icon {
|
|
display: inline-block;
|
|
width: 20px;
|
|
line-height: 20px;
|
|
height: 20px;
|
|
text-align: center;
|
|
margin-right: 3px;
|
|
}
|
|
|
|
/* 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-checkbox {
|
|
color: #606266;
|
|
font-weight: 500;
|
|
font-size: 14px;
|
|
position: relative;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
white-space: nowrap;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
margin-right: 30px;
|
|
}
|
|
.el-checkbox.is-bordered {
|
|
padding: 9px 20px 9px 10px;
|
|
border-radius: 4px;
|
|
border: 1px solid #DCDFE6;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
line-height: normal;
|
|
height: 40px;
|
|
}
|
|
.el-checkbox.is-bordered.is-checked {
|
|
border-color: #1890ff;
|
|
}
|
|
.el-checkbox.is-bordered.is-disabled {
|
|
border-color: #e6ebf5;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-checkbox.is-bordered + .el-checkbox.is-bordered {
|
|
margin-left: 10px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--medium {
|
|
padding: 7px 20px 7px 10px;
|
|
border-radius: 4px;
|
|
height: 36px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
|
|
line-height: 17px;
|
|
font-size: 14px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
|
|
height: 14px;
|
|
width: 14px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--small {
|
|
padding: 5px 15px 5px 10px;
|
|
border-radius: 3px;
|
|
height: 32px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
|
|
line-height: 15px;
|
|
font-size: 12px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
|
|
height: 12px;
|
|
width: 12px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
|
|
height: 6px;
|
|
width: 2px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--mini {
|
|
padding: 3px 15px 3px 10px;
|
|
border-radius: 3px;
|
|
height: 28px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
|
|
line-height: 12px;
|
|
font-size: 12px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
|
|
height: 12px;
|
|
width: 12px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after {
|
|
height: 6px;
|
|
width: 2px;
|
|
}
|
|
|
|
.el-checkbox__input {
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
outline: none;
|
|
display: inline-block;
|
|
line-height: 1;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
}
|
|
.el-checkbox__input.is-disabled .el-checkbox__inner {
|
|
background-color: #edf2fc;
|
|
border-color: #DCDFE6;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-checkbox__input.is-disabled .el-checkbox__inner::after {
|
|
cursor: not-allowed;
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
|
|
cursor: not-allowed;
|
|
}
|
|
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
|
|
background-color: #F2F6FC;
|
|
border-color: #DCDFE6;
|
|
}
|
|
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
|
|
background-color: #F2F6FC;
|
|
border-color: #DCDFE6;
|
|
}
|
|
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
|
|
background-color: #C0C4CC;
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-checkbox__input.is-disabled + span.el-checkbox__label {
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.el-checkbox__input.is-checked .el-checkbox__inner {
|
|
background-color: #1890ff;
|
|
border-color: #1890ff;
|
|
}
|
|
.el-checkbox__input.is-checked .el-checkbox__inner::after {
|
|
-webkit-transform: rotate(45deg) scaleY(1);
|
|
transform: rotate(45deg) scaleY(1);
|
|
}
|
|
.el-checkbox__input.is-checked + .el-checkbox__label {
|
|
color: #1890ff;
|
|
}
|
|
|
|
.el-checkbox__input.is-focus {
|
|
/*focus时 视觉上区分*/
|
|
}
|
|
.el-checkbox__input.is-focus .el-checkbox__inner {
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
|
|
background-color: #1890ff;
|
|
border-color: #1890ff;
|
|
}
|
|
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
background-color: #FFFFFF;
|
|
height: 2px;
|
|
-webkit-transform: scale(0.5);
|
|
transform: scale(0.5);
|
|
left: 0;
|
|
right: 0;
|
|
top: 5px;
|
|
}
|
|
.el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
|
|
display: none;
|
|
}
|
|
|
|
.el-checkbox__inner {
|
|
display: inline-block;
|
|
position: relative;
|
|
border: 1px solid #DCDFE6;
|
|
border-radius: 2px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
width: 14px;
|
|
height: 14px;
|
|
background-color: #FFFFFF;
|
|
z-index: 1;
|
|
-webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
|
|
transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
|
|
}
|
|
.el-checkbox__inner:hover {
|
|
border-color: #1890ff;
|
|
}
|
|
.el-checkbox__inner::after {
|
|
-webkit-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
content: "";
|
|
border: 1px solid #FFFFFF;
|
|
border-left: 0;
|
|
border-top: 0;
|
|
height: 7px;
|
|
left: 4px;
|
|
position: absolute;
|
|
top: 1px;
|
|
-webkit-transform: rotate(45deg) scaleY(0);
|
|
transform: rotate(45deg) scaleY(0);
|
|
width: 3px;
|
|
-webkit-transition: -webkit-transform 0.15s ease-in 0.05s;
|
|
transition: -webkit-transform 0.15s ease-in 0.05s;
|
|
transition: transform 0.15s ease-in 0.05s;
|
|
transition: transform 0.15s ease-in 0.05s, -webkit-transform 0.15s ease-in 0.05s;
|
|
-webkit-transform-origin: center;
|
|
transform-origin: center;
|
|
}
|
|
|
|
.el-checkbox__original {
|
|
opacity: 0;
|
|
outline: none;
|
|
position: absolute;
|
|
margin: 0;
|
|
width: 0;
|
|
height: 0;
|
|
z-index: -1;
|
|
}
|
|
|
|
.el-checkbox__label {
|
|
display: inline-block;
|
|
padding-left: 10px;
|
|
line-height: 19px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.el-checkbox:last-of-type {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.el-checkbox-button {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
.el-checkbox-button__inner {
|
|
display: inline-block;
|
|
line-height: 1;
|
|
font-weight: 500;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
background: #FFFFFF;
|
|
border: 1px solid #DCDFE6;
|
|
border-left: 0;
|
|
color: #606266;
|
|
-webkit-appearance: none;
|
|
text-align: center;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
outline: none;
|
|
margin: 0;
|
|
position: relative;
|
|
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
-moz-user-select: none;
|
|
-webkit-user-select: none;
|
|
-ms-user-select: none;
|
|
padding: 12px 20px;
|
|
font-size: 14px;
|
|
border-radius: 0;
|
|
}
|
|
.el-checkbox-button__inner.is-round {
|
|
padding: 12px 20px;
|
|
}
|
|
.el-checkbox-button__inner:hover {
|
|
color: #1890ff;
|
|
}
|
|
.el-checkbox-button__inner [class*=el-icon-] {
|
|
line-height: 0.9;
|
|
}
|
|
.el-checkbox-button__inner [class*=el-icon-] + span {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.el-checkbox-button__original {
|
|
opacity: 0;
|
|
outline: none;
|
|
position: absolute;
|
|
margin: 0;
|
|
z-index: -1;
|
|
}
|
|
|
|
.el-checkbox-button.is-checked .el-checkbox-button__inner {
|
|
color: #FFFFFF;
|
|
background-color: #1890ff;
|
|
border-color: #1890ff;
|
|
-webkit-box-shadow: -1px 0 0 0 #74bcff;
|
|
box-shadow: -1px 0 0 0 #74bcff;
|
|
}
|
|
.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
|
|
border-left-color: #1890ff;
|
|
}
|
|
.el-checkbox-button.is-disabled .el-checkbox-button__inner {
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
background-image: none;
|
|
background-color: #FFFFFF;
|
|
border-color: #e6ebf5;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
|
|
border-left-color: #e6ebf5;
|
|
}
|
|
.el-checkbox-button:first-child .el-checkbox-button__inner {
|
|
border-left: 1px solid #DCDFE6;
|
|
border-radius: 4px 0 0 4px;
|
|
-webkit-box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
.el-checkbox-button.is-focus .el-checkbox-button__inner {
|
|
border-color: #1890ff;
|
|
}
|
|
.el-checkbox-button:last-child .el-checkbox-button__inner {
|
|
border-radius: 0 4px 4px 0;
|
|
}
|
|
.el-checkbox-button--medium .el-checkbox-button__inner {
|
|
padding: 10px 20px;
|
|
font-size: 14px;
|
|
border-radius: 0;
|
|
}
|
|
.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
|
|
padding: 10px 20px;
|
|
}
|
|
|
|
.el-checkbox-button--small .el-checkbox-button__inner {
|
|
padding: 9px 15px;
|
|
font-size: 12px;
|
|
border-radius: 0;
|
|
}
|
|
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
|
|
padding: 9px 15px;
|
|
}
|
|
|
|
.el-checkbox-button--mini .el-checkbox-button__inner {
|
|
padding: 7px 15px;
|
|
font-size: 12px;
|
|
border-radius: 0;
|
|
}
|
|
.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
|
|
padding: 7px 15px;
|
|
}
|
|
|
|
.el-checkbox-group {
|
|
font-size: 0;
|
|
}
|
|
|
|
/* 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: #e8f4ff;
|
|
border-color: #d1e9ff;
|
|
color: #1890ff;
|
|
display: inline-block;
|
|
height: 32px;
|
|
padding: 0 10px;
|
|
line-height: 30px;
|
|
font-size: 12px;
|
|
color: #1890ff;
|
|
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: #1890ff;
|
|
}
|
|
|
|
.el-tag .el-tag__close {
|
|
color: #1890ff;
|
|
}
|
|
.el-tag .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #1890ff;
|
|
}
|
|
.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: #e7faf0;
|
|
border-color: #d0f5e0;
|
|
color: #13ce66;
|
|
}
|
|
.el-tag.el-tag--success.is-hit {
|
|
border-color: #13ce66;
|
|
}
|
|
|
|
.el-tag.el-tag--success .el-tag__close {
|
|
color: #13ce66;
|
|
}
|
|
.el-tag.el-tag--success .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #13ce66;
|
|
}
|
|
.el-tag.el-tag--warning {
|
|
background-color: #fff8e6;
|
|
border-color: #fff1cc;
|
|
color: #ffba00;
|
|
}
|
|
.el-tag.el-tag--warning.is-hit {
|
|
border-color: #ffba00;
|
|
}
|
|
|
|
.el-tag.el-tag--warning .el-tag__close {
|
|
color: #ffba00;
|
|
}
|
|
.el-tag.el-tag--warning .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #ffba00;
|
|
}
|
|
.el-tag.el-tag--danger {
|
|
background-color: #ffeded;
|
|
border-color: #ffdbdb;
|
|
color: #ff4949;
|
|
}
|
|
.el-tag.el-tag--danger.is-hit {
|
|
border-color: #ff4949;
|
|
}
|
|
|
|
.el-tag.el-tag--danger .el-tag__close {
|
|
color: #ff4949;
|
|
}
|
|
.el-tag.el-tag--danger .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #ff4949;
|
|
}
|
|
.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: #1890ff;
|
|
border-color: #1890ff;
|
|
color: white;
|
|
}
|
|
.el-tag--dark.is-hit {
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-tag--dark .el-tag__close {
|
|
color: white;
|
|
}
|
|
.el-tag--dark .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #46a6ff;
|
|
}
|
|
.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: #13ce66;
|
|
border-color: #13ce66;
|
|
color: white;
|
|
}
|
|
.el-tag--dark.el-tag--success.is-hit {
|
|
border-color: #13ce66;
|
|
}
|
|
|
|
.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: #42d885;
|
|
}
|
|
.el-tag--dark.el-tag--warning {
|
|
background-color: #ffba00;
|
|
border-color: #ffba00;
|
|
color: white;
|
|
}
|
|
.el-tag--dark.el-tag--warning.is-hit {
|
|
border-color: #ffba00;
|
|
}
|
|
|
|
.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: #ffc833;
|
|
}
|
|
.el-tag--dark.el-tag--danger {
|
|
background-color: #ff4949;
|
|
border-color: #ff4949;
|
|
color: white;
|
|
}
|
|
.el-tag--dark.el-tag--danger.is-hit {
|
|
border-color: #ff4949;
|
|
}
|
|
|
|
.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: #ff6d6d;
|
|
}
|
|
|
|
.el-tag--plain {
|
|
background-color: white;
|
|
border-color: #a3d3ff;
|
|
color: #1890ff;
|
|
}
|
|
.el-tag--plain.is-hit {
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-tag--plain .el-tag__close {
|
|
color: #1890ff;
|
|
}
|
|
.el-tag--plain .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #1890ff;
|
|
}
|
|
.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: #a1ebc2;
|
|
color: #13ce66;
|
|
}
|
|
.el-tag--plain.el-tag--success.is-hit {
|
|
border-color: #13ce66;
|
|
}
|
|
|
|
.el-tag--plain.el-tag--success .el-tag__close {
|
|
color: #13ce66;
|
|
}
|
|
.el-tag--plain.el-tag--success .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #13ce66;
|
|
}
|
|
.el-tag--plain.el-tag--warning {
|
|
background-color: white;
|
|
border-color: #ffe399;
|
|
color: #ffba00;
|
|
}
|
|
.el-tag--plain.el-tag--warning.is-hit {
|
|
border-color: #ffba00;
|
|
}
|
|
|
|
.el-tag--plain.el-tag--warning .el-tag__close {
|
|
color: #ffba00;
|
|
}
|
|
.el-tag--plain.el-tag--warning .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #ffba00;
|
|
}
|
|
.el-tag--plain.el-tag--danger {
|
|
background-color: white;
|
|
border-color: #ffb6b6;
|
|
color: #ff4949;
|
|
}
|
|
.el-tag--plain.el-tag--danger.is-hit {
|
|
border-color: #ff4949;
|
|
}
|
|
|
|
.el-tag--plain.el-tag--danger .el-tag__close {
|
|
color: #ff4949;
|
|
}
|
|
.el-tag--plain.el-tag--danger .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #ff4949;
|
|
}
|
|
|
|
.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);
|
|
}
|
|
|
|
/* 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-table-column--selection .cell {
|
|
padding-left: 14px;
|
|
padding-right: 14px;
|
|
}
|
|
|
|
.el-table-filter {
|
|
border: solid 1px #e6ebf5;
|
|
border-radius: 2px;
|
|
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: 2px 0;
|
|
/** used for dropdown mode */
|
|
}
|
|
.el-table-filter__list {
|
|
padding: 5px 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
min-width: 100px;
|
|
}
|
|
|
|
.el-table-filter__list-item {
|
|
line-height: 36px;
|
|
padding: 0 10px;
|
|
cursor: pointer;
|
|
font-size: 14px;
|
|
}
|
|
.el-table-filter__list-item:hover {
|
|
background-color: #e8f4ff;
|
|
color: #46a6ff;
|
|
}
|
|
.el-table-filter__list-item.is-active {
|
|
background-color: #1890ff;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.el-table-filter__content {
|
|
min-width: 100px;
|
|
}
|
|
|
|
.el-table-filter__bottom {
|
|
border-top: 1px solid #e6ebf5;
|
|
padding: 8px;
|
|
}
|
|
.el-table-filter__bottom button {
|
|
background: transparent;
|
|
border: none;
|
|
color: #606266;
|
|
cursor: pointer;
|
|
font-size: 13px;
|
|
padding: 0 3px;
|
|
}
|
|
.el-table-filter__bottom button:hover {
|
|
color: #1890ff;
|
|
}
|
|
.el-table-filter__bottom button:focus {
|
|
outline: none;
|
|
}
|
|
.el-table-filter__bottom button.is-disabled {
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.el-table-filter__wrap {
|
|
max-height: 280px;
|
|
}
|
|
|
|
.el-table-filter__checkbox-group {
|
|
padding: 10px;
|
|
}
|
|
.el-table-filter__checkbox-group label.el-checkbox {
|
|
display: block;
|
|
margin-right: 5px;
|
|
margin-bottom: 8px;
|
|
margin-left: 5px;
|
|
}
|
|
.el-table-filter__checkbox-group .el-checkbox:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
/* 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-date-table {
|
|
font-size: 12px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.el-date-table.is-week-mode .el-date-table__row:hover div {
|
|
background-color: #F2F6FC;
|
|
}
|
|
.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover {
|
|
color: #606266;
|
|
}
|
|
.el-date-table.is-week-mode .el-date-table__row:hover td:first-child div {
|
|
margin-left: 5px;
|
|
border-top-left-radius: 15px;
|
|
border-bottom-left-radius: 15px;
|
|
}
|
|
.el-date-table.is-week-mode .el-date-table__row:hover td:last-child div {
|
|
margin-right: 5px;
|
|
border-top-right-radius: 15px;
|
|
border-bottom-right-radius: 15px;
|
|
}
|
|
.el-date-table.is-week-mode .el-date-table__row.current div {
|
|
background-color: #F2F6FC;
|
|
}
|
|
|
|
.el-date-table td {
|
|
width: 32px;
|
|
height: 30px;
|
|
padding: 4px 0;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
position: relative;
|
|
}
|
|
.el-date-table td div {
|
|
height: 30px;
|
|
padding: 3px 0;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.el-date-table td span {
|
|
width: 24px;
|
|
height: 24px;
|
|
display: block;
|
|
margin: 0 auto;
|
|
line-height: 24px;
|
|
position: absolute;
|
|
left: 50%;
|
|
-webkit-transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
border-radius: 50%;
|
|
}
|
|
.el-date-table td.next-month, .el-date-table td.prev-month {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-date-table td.today {
|
|
position: relative;
|
|
}
|
|
.el-date-table td.today span {
|
|
color: #1890ff;
|
|
font-weight: bold;
|
|
}
|
|
.el-date-table td.today.start-date span, .el-date-table td.today.end-date span {
|
|
color: #FFFFFF;
|
|
}
|
|
.el-date-table td.available:hover {
|
|
color: #1890ff;
|
|
}
|
|
.el-date-table td.in-range div {
|
|
background-color: #F2F6FC;
|
|
}
|
|
.el-date-table td.in-range div:hover {
|
|
background-color: #F2F6FC;
|
|
}
|
|
.el-date-table td.current:not(.disabled) span {
|
|
color: #FFFFFF;
|
|
background-color: #1890ff;
|
|
}
|
|
.el-date-table td.start-date div, .el-date-table td.end-date div {
|
|
color: #FFFFFF;
|
|
}
|
|
.el-date-table td.start-date span, .el-date-table td.end-date span {
|
|
background-color: #1890ff;
|
|
}
|
|
.el-date-table td.start-date div {
|
|
margin-left: 5px;
|
|
border-top-left-radius: 15px;
|
|
border-bottom-left-radius: 15px;
|
|
}
|
|
.el-date-table td.end-date div {
|
|
margin-right: 5px;
|
|
border-top-right-radius: 15px;
|
|
border-bottom-right-radius: 15px;
|
|
}
|
|
.el-date-table td.disabled div {
|
|
background-color: #F5F7FA;
|
|
opacity: 1;
|
|
cursor: not-allowed;
|
|
color: #C0C4CC;
|
|
}
|
|
.el-date-table td.selected div {
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
background-color: #F2F6FC;
|
|
border-radius: 15px;
|
|
}
|
|
.el-date-table td.selected div:hover {
|
|
background-color: #F2F6FC;
|
|
}
|
|
.el-date-table td.selected span {
|
|
background-color: #1890ff;
|
|
color: #FFFFFF;
|
|
border-radius: 15px;
|
|
}
|
|
.el-date-table td.week {
|
|
font-size: 80%;
|
|
color: #606266;
|
|
}
|
|
.el-date-table th {
|
|
padding: 5px;
|
|
color: #606266;
|
|
font-weight: 400;
|
|
border-bottom: solid 1px #e6ebf5;
|
|
}
|
|
|
|
/* 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-month-table {
|
|
font-size: 12px;
|
|
margin: -1px;
|
|
border-collapse: collapse;
|
|
}
|
|
.el-month-table td {
|
|
text-align: center;
|
|
padding: 8px 0px;
|
|
cursor: pointer;
|
|
}
|
|
.el-month-table td div {
|
|
height: 48px;
|
|
padding: 6px 0;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.el-month-table td.today .cell {
|
|
color: #1890ff;
|
|
font-weight: bold;
|
|
}
|
|
.el-month-table td.today.start-date .cell, .el-month-table td.today.end-date .cell {
|
|
color: #FFFFFF;
|
|
}
|
|
.el-month-table td.disabled .cell {
|
|
background-color: #F5F7FA;
|
|
cursor: not-allowed;
|
|
color: #C0C4CC;
|
|
}
|
|
.el-month-table td.disabled .cell:hover {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-month-table td .cell {
|
|
width: 60px;
|
|
height: 36px;
|
|
display: block;
|
|
line-height: 36px;
|
|
color: #606266;
|
|
margin: 0 auto;
|
|
border-radius: 18px;
|
|
}
|
|
.el-month-table td .cell:hover {
|
|
color: #1890ff;
|
|
}
|
|
.el-month-table td.in-range div {
|
|
background-color: #F2F6FC;
|
|
}
|
|
.el-month-table td.in-range div:hover {
|
|
background-color: #F2F6FC;
|
|
}
|
|
.el-month-table td.start-date div, .el-month-table td.end-date div {
|
|
color: #FFFFFF;
|
|
}
|
|
.el-month-table td.start-date .cell, .el-month-table td.end-date .cell {
|
|
color: #FFFFFF;
|
|
background-color: #1890ff;
|
|
}
|
|
.el-month-table td.start-date div {
|
|
border-top-left-radius: 24px;
|
|
border-bottom-left-radius: 24px;
|
|
}
|
|
.el-month-table td.end-date div {
|
|
border-top-right-radius: 24px;
|
|
border-bottom-right-radius: 24px;
|
|
}
|
|
.el-month-table td.current:not(.disabled) .cell {
|
|
color: #1890ff;
|
|
}
|
|
|
|
/* 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-year-table {
|
|
font-size: 12px;
|
|
margin: -1px;
|
|
border-collapse: collapse;
|
|
}
|
|
.el-year-table .el-icon {
|
|
color: #303133;
|
|
}
|
|
.el-year-table td {
|
|
text-align: center;
|
|
padding: 20px 3px;
|
|
cursor: pointer;
|
|
}
|
|
.el-year-table td.today .cell {
|
|
color: #1890ff;
|
|
font-weight: bold;
|
|
}
|
|
.el-year-table td.disabled .cell {
|
|
background-color: #F5F7FA;
|
|
cursor: not-allowed;
|
|
color: #C0C4CC;
|
|
}
|
|
.el-year-table td.disabled .cell:hover {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-year-table td .cell {
|
|
width: 48px;
|
|
height: 32px;
|
|
display: block;
|
|
line-height: 32px;
|
|
color: #606266;
|
|
margin: 0 auto;
|
|
}
|
|
.el-year-table td .cell:hover {
|
|
color: #1890ff;
|
|
}
|
|
.el-year-table td.current:not(.disabled) .cell {
|
|
color: #1890ff;
|
|
}
|
|
|
|
/* 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-time-spinner.has-seconds .el-time-spinner__wrapper {
|
|
width: 33.3%;
|
|
}
|
|
.el-time-spinner__wrapper {
|
|
max-height: 190px;
|
|
overflow: auto;
|
|
display: inline-block;
|
|
width: 50%;
|
|
vertical-align: top;
|
|
position: relative;
|
|
}
|
|
.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
|
|
padding-bottom: 15px;
|
|
}
|
|
.el-time-spinner__wrapper.is-arrow {
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
}
|
|
.el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
|
|
-webkit-transform: translateY(-32px);
|
|
transform: translateY(-32px);
|
|
}
|
|
.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active) {
|
|
background: #FFFFFF;
|
|
cursor: default;
|
|
}
|
|
|
|
.el-time-spinner__arrow {
|
|
font-size: 12px;
|
|
color: #909399;
|
|
position: absolute;
|
|
left: 0;
|
|
width: 100%;
|
|
z-index: 1;
|
|
text-align: center;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
cursor: pointer;
|
|
}
|
|
.el-time-spinner__arrow:hover {
|
|
color: #1890ff;
|
|
}
|
|
.el-time-spinner__arrow.el-icon-arrow-up {
|
|
top: 10px;
|
|
}
|
|
.el-time-spinner__arrow.el-icon-arrow-down {
|
|
bottom: 10px;
|
|
}
|
|
|
|
.el-time-spinner__input.el-input {
|
|
width: 70%;
|
|
}
|
|
.el-time-spinner__input.el-input .el-input__inner {
|
|
padding: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.el-time-spinner__list {
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
text-align: center;
|
|
}
|
|
.el-time-spinner__list::after, .el-time-spinner__list::before {
|
|
content: "";
|
|
display: block;
|
|
width: 100%;
|
|
height: 80px;
|
|
}
|
|
|
|
.el-time-spinner__item {
|
|
height: 32px;
|
|
line-height: 32px;
|
|
font-size: 12px;
|
|
color: #606266;
|
|
}
|
|
.el-time-spinner__item:hover:not(.disabled):not(.active) {
|
|
background: #F5F7FA;
|
|
cursor: pointer;
|
|
}
|
|
.el-time-spinner__item.active:not(.disabled) {
|
|
color: #303133;
|
|
font-weight: bold;
|
|
}
|
|
.el-time-spinner__item.disabled {
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.fade-in-linear-enter-active,
|
|
.fade-in-linear-leave-active {
|
|
-webkit-transition: opacity 200ms linear;
|
|
transition: opacity 200ms linear;
|
|
}
|
|
|
|
.fade-in-linear-enter,
|
|
.fade-in-linear-leave,
|
|
.fade-in-linear-leave-active {
|
|
opacity: 0;
|
|
}
|
|
|
|
.el-fade-in-linear-enter-active,
|
|
.el-fade-in-linear-leave-active {
|
|
-webkit-transition: opacity 200ms linear;
|
|
transition: opacity 200ms linear;
|
|
}
|
|
|
|
.el-fade-in-linear-enter,
|
|
.el-fade-in-linear-leave,
|
|
.el-fade-in-linear-leave-active {
|
|
opacity: 0;
|
|
}
|
|
|
|
.el-fade-in-enter-active,
|
|
.el-fade-in-leave-active {
|
|
-webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
}
|
|
|
|
.el-fade-in-enter,
|
|
.el-fade-in-leave-active {
|
|
opacity: 0;
|
|
}
|
|
|
|
.el-zoom-in-center-enter-active,
|
|
.el-zoom-in-center-leave-active {
|
|
-webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
}
|
|
|
|
.el-zoom-in-center-enter,
|
|
.el-zoom-in-center-leave-active {
|
|
opacity: 0;
|
|
-webkit-transform: scaleX(0);
|
|
transform: scaleX(0);
|
|
}
|
|
|
|
.el-zoom-in-top-enter-active,
|
|
.el-zoom-in-top-leave-active {
|
|
opacity: 1;
|
|
-webkit-transform: scaleY(1);
|
|
transform: scaleY(1);
|
|
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
-webkit-transform-origin: center top;
|
|
transform-origin: center top;
|
|
}
|
|
|
|
.el-zoom-in-top-enter,
|
|
.el-zoom-in-top-leave-active {
|
|
opacity: 0;
|
|
-webkit-transform: scaleY(0);
|
|
transform: scaleY(0);
|
|
}
|
|
|
|
.el-zoom-in-bottom-enter-active,
|
|
.el-zoom-in-bottom-leave-active {
|
|
opacity: 1;
|
|
-webkit-transform: scaleY(1);
|
|
transform: scaleY(1);
|
|
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
-webkit-transform-origin: center bottom;
|
|
transform-origin: center bottom;
|
|
}
|
|
|
|
.el-zoom-in-bottom-enter,
|
|
.el-zoom-in-bottom-leave-active {
|
|
opacity: 0;
|
|
-webkit-transform: scaleY(0);
|
|
transform: scaleY(0);
|
|
}
|
|
|
|
.el-zoom-in-left-enter-active,
|
|
.el-zoom-in-left-leave-active {
|
|
opacity: 1;
|
|
-webkit-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
-webkit-transform-origin: top left;
|
|
transform-origin: top left;
|
|
}
|
|
|
|
.el-zoom-in-left-enter,
|
|
.el-zoom-in-left-leave-active {
|
|
opacity: 0;
|
|
-webkit-transform: scale(0.45, 0.45);
|
|
transform: scale(0.45, 0.45);
|
|
}
|
|
|
|
.collapse-transition {
|
|
-webkit-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
|
|
transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
|
|
}
|
|
|
|
.horizontal-collapse-transition {
|
|
-webkit-transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
|
|
transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
|
|
}
|
|
|
|
.el-list-enter-active,
|
|
.el-list-leave-active {
|
|
-webkit-transition: all 1s;
|
|
transition: all 1s;
|
|
}
|
|
|
|
.el-list-enter, .el-list-leave-active {
|
|
opacity: 0;
|
|
-webkit-transform: translateY(-30px);
|
|
transform: translateY(-30px);
|
|
}
|
|
|
|
.el-opacity-transition {
|
|
-webkit-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
}
|
|
|
|
.el-date-editor {
|
|
position: relative;
|
|
display: inline-block;
|
|
text-align: left;
|
|
}
|
|
.el-date-editor.el-input, .el-date-editor.el-input__inner {
|
|
width: 220px;
|
|
}
|
|
.el-date-editor--monthrange.el-input, .el-date-editor--monthrange.el-input__inner {
|
|
width: 300px;
|
|
}
|
|
|
|
.el-date-editor--daterange.el-input, .el-date-editor--daterange.el-input__inner, .el-date-editor--timerange.el-input, .el-date-editor--timerange.el-input__inner {
|
|
width: 350px;
|
|
}
|
|
|
|
.el-date-editor--datetimerange.el-input, .el-date-editor--datetimerange.el-input__inner {
|
|
width: 400px;
|
|
}
|
|
|
|
.el-date-editor--dates .el-input__inner {
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.el-date-editor .el-icon-circle-close {
|
|
cursor: pointer;
|
|
}
|
|
.el-date-editor .el-range__icon {
|
|
font-size: 14px;
|
|
margin-left: -5px;
|
|
color: #C0C4CC;
|
|
float: left;
|
|
line-height: 32px;
|
|
}
|
|
.el-date-editor .el-range-input {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
border: none;
|
|
outline: none;
|
|
display: inline-block;
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 39%;
|
|
text-align: center;
|
|
font-size: 14px;
|
|
color: #606266;
|
|
}
|
|
.el-date-editor .el-range-input::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-date-editor .el-range-input::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-date-editor .el-range-input:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-date-editor .el-range-input::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-date-editor .el-range-input::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-date-editor .el-range-separator {
|
|
display: inline-block;
|
|
height: 100%;
|
|
padding: 0 5px;
|
|
margin: 0;
|
|
text-align: center;
|
|
line-height: 32px;
|
|
font-size: 14px;
|
|
width: 5%;
|
|
color: #303133;
|
|
}
|
|
.el-date-editor .el-range__close-icon {
|
|
font-size: 14px;
|
|
color: #C0C4CC;
|
|
width: 25px;
|
|
display: inline-block;
|
|
float: right;
|
|
line-height: 32px;
|
|
}
|
|
|
|
.el-range-editor.el-input__inner {
|
|
display: -webkit-inline-box;
|
|
display: -ms-inline-flexbox;
|
|
display: inline-flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
padding: 3px 10px;
|
|
}
|
|
.el-range-editor .el-range-input {
|
|
line-height: 1;
|
|
}
|
|
.el-range-editor.is-active {
|
|
border-color: #1890ff;
|
|
}
|
|
.el-range-editor.is-active:hover {
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-range-editor--medium.el-input__inner {
|
|
height: 36px;
|
|
}
|
|
.el-range-editor--medium .el-range-separator {
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
}
|
|
.el-range-editor--medium .el-range-input {
|
|
font-size: 14px;
|
|
}
|
|
.el-range-editor--medium .el-range__icon,
|
|
.el-range-editor--medium .el-range__close-icon {
|
|
line-height: 28px;
|
|
}
|
|
|
|
.el-range-editor--small.el-input__inner {
|
|
height: 32px;
|
|
}
|
|
.el-range-editor--small .el-range-separator {
|
|
line-height: 24px;
|
|
font-size: 13px;
|
|
}
|
|
.el-range-editor--small .el-range-input {
|
|
font-size: 13px;
|
|
}
|
|
.el-range-editor--small .el-range__icon,
|
|
.el-range-editor--small .el-range__close-icon {
|
|
line-height: 24px;
|
|
}
|
|
|
|
.el-range-editor--mini.el-input__inner {
|
|
height: 28px;
|
|
}
|
|
.el-range-editor--mini .el-range-separator {
|
|
line-height: 20px;
|
|
font-size: 12px;
|
|
}
|
|
.el-range-editor--mini .el-range-input {
|
|
font-size: 12px;
|
|
}
|
|
.el-range-editor--mini .el-range__icon,
|
|
.el-range-editor--mini .el-range__close-icon {
|
|
line-height: 20px;
|
|
}
|
|
|
|
.el-range-editor.is-disabled {
|
|
background-color: #F5F7FA;
|
|
border-color: #dfe4ed;
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-range-editor.is-disabled:hover, .el-range-editor.is-disabled:focus {
|
|
border-color: #dfe4ed;
|
|
}
|
|
.el-range-editor.is-disabled input {
|
|
background-color: #F5F7FA;
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-range-editor.is-disabled input::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-range-editor.is-disabled input::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-range-editor.is-disabled input:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-range-editor.is-disabled input::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-range-editor.is-disabled input::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-range-editor.is-disabled .el-range-separator {
|
|
color: #C0C4CC;
|
|
}
|
|
|
|
/* 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-picker-panel {
|
|
color: #606266;
|
|
border: 1px solid #dfe4ed;
|
|
-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);
|
|
background: #FFFFFF;
|
|
border-radius: 4px;
|
|
line-height: 30px;
|
|
margin: 5px 0;
|
|
}
|
|
.el-picker-panel__body::after, .el-picker-panel__body-wrapper::after {
|
|
content: "";
|
|
display: table;
|
|
clear: both;
|
|
}
|
|
|
|
.el-picker-panel__content {
|
|
position: relative;
|
|
margin: 15px;
|
|
}
|
|
|
|
.el-picker-panel__footer {
|
|
border-top: 1px solid #e4e4e4;
|
|
padding: 4px;
|
|
text-align: right;
|
|
background-color: #FFFFFF;
|
|
position: relative;
|
|
font-size: 0;
|
|
}
|
|
|
|
.el-picker-panel__shortcut {
|
|
display: block;
|
|
width: 100%;
|
|
border: 0;
|
|
background-color: transparent;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: #606266;
|
|
padding-left: 12px;
|
|
text-align: left;
|
|
outline: none;
|
|
cursor: pointer;
|
|
}
|
|
.el-picker-panel__shortcut:hover {
|
|
color: #1890ff;
|
|
}
|
|
.el-picker-panel__shortcut.active {
|
|
background-color: #e6f1fe;
|
|
color: #1890ff;
|
|
}
|
|
|
|
.el-picker-panel__btn {
|
|
border: 1px solid #dcdcdc;
|
|
color: #333;
|
|
line-height: 24px;
|
|
border-radius: 2px;
|
|
padding: 0 20px;
|
|
cursor: pointer;
|
|
background-color: transparent;
|
|
outline: none;
|
|
font-size: 12px;
|
|
}
|
|
.el-picker-panel__btn[disabled] {
|
|
color: #cccccc;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.el-picker-panel__icon-btn {
|
|
font-size: 12px;
|
|
color: #303133;
|
|
border: 0;
|
|
background: transparent;
|
|
cursor: pointer;
|
|
outline: none;
|
|
margin-top: 8px;
|
|
}
|
|
.el-picker-panel__icon-btn:hover {
|
|
color: #1890ff;
|
|
}
|
|
.el-picker-panel__icon-btn.is-disabled {
|
|
color: #bbb;
|
|
}
|
|
.el-picker-panel__icon-btn.is-disabled:hover {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.el-picker-panel__link-btn {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.el-picker-panel *[slot=sidebar],
|
|
.el-picker-panel__sidebar {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
width: 110px;
|
|
border-right: 1px solid #e4e4e4;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding-top: 6px;
|
|
background-color: #FFFFFF;
|
|
overflow: auto;
|
|
}
|
|
|
|
.el-picker-panel *[slot=sidebar] + .el-picker-panel__body,
|
|
.el-picker-panel__sidebar + .el-picker-panel__body {
|
|
margin-left: 110px;
|
|
}
|
|
|
|
.el-date-picker {
|
|
width: 322px;
|
|
}
|
|
.el-date-picker.has-sidebar.has-time {
|
|
width: 434px;
|
|
}
|
|
.el-date-picker.has-sidebar {
|
|
width: 438px;
|
|
}
|
|
.el-date-picker.has-time .el-picker-panel__body-wrapper {
|
|
position: relative;
|
|
}
|
|
.el-date-picker .el-picker-panel__content {
|
|
width: 292px;
|
|
}
|
|
.el-date-picker table {
|
|
table-layout: fixed;
|
|
width: 100%;
|
|
}
|
|
.el-date-picker__editor-wrap {
|
|
position: relative;
|
|
display: table-cell;
|
|
padding: 0 5px;
|
|
}
|
|
|
|
.el-date-picker__time-header {
|
|
position: relative;
|
|
border-bottom: 1px solid #e4e4e4;
|
|
font-size: 12px;
|
|
padding: 8px 5px 5px 5px;
|
|
display: table;
|
|
width: 100%;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.el-date-picker__header {
|
|
margin: 12px;
|
|
text-align: center;
|
|
}
|
|
.el-date-picker__header--bordered {
|
|
margin-bottom: 0;
|
|
padding-bottom: 12px;
|
|
border-bottom: solid 1px #e6ebf5;
|
|
}
|
|
.el-date-picker__header--bordered + .el-picker-panel__content {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.el-date-picker__header-label {
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
padding: 0 5px;
|
|
line-height: 22px;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
color: #606266;
|
|
}
|
|
.el-date-picker__header-label:hover {
|
|
color: #1890ff;
|
|
}
|
|
.el-date-picker__header-label.active {
|
|
color: #1890ff;
|
|
}
|
|
|
|
.el-date-picker__prev-btn {
|
|
float: left;
|
|
}
|
|
|
|
.el-date-picker__next-btn {
|
|
float: right;
|
|
}
|
|
|
|
.el-date-picker__time-wrap {
|
|
padding: 10px;
|
|
text-align: center;
|
|
}
|
|
|
|
.el-date-picker__time-label {
|
|
float: left;
|
|
cursor: pointer;
|
|
line-height: 30px;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
/* 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-date-range-picker {
|
|
width: 646px;
|
|
}
|
|
.el-date-range-picker.has-sidebar {
|
|
width: 756px;
|
|
}
|
|
.el-date-range-picker table {
|
|
table-layout: fixed;
|
|
width: 100%;
|
|
}
|
|
.el-date-range-picker .el-picker-panel__body {
|
|
min-width: 513px;
|
|
}
|
|
.el-date-range-picker .el-picker-panel__content {
|
|
margin: 0;
|
|
}
|
|
.el-date-range-picker__header {
|
|
position: relative;
|
|
text-align: center;
|
|
height: 28px;
|
|
}
|
|
.el-date-range-picker__header [class*=arrow-left] {
|
|
float: left;
|
|
}
|
|
.el-date-range-picker__header [class*=arrow-right] {
|
|
float: right;
|
|
}
|
|
.el-date-range-picker__header div {
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
margin-right: 50px;
|
|
}
|
|
|
|
.el-date-range-picker__content {
|
|
float: left;
|
|
width: 50%;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 16px;
|
|
}
|
|
.el-date-range-picker__content.is-left {
|
|
border-right: 1px solid #e4e4e4;
|
|
}
|
|
|
|
.el-date-range-picker__content .el-date-range-picker__header div {
|
|
margin-left: 50px;
|
|
margin-right: 50px;
|
|
}
|
|
|
|
.el-date-range-picker__editors-wrap {
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
display: table-cell;
|
|
}
|
|
.el-date-range-picker__editors-wrap.is-right {
|
|
text-align: right;
|
|
}
|
|
|
|
.el-date-range-picker__time-header {
|
|
position: relative;
|
|
border-bottom: 1px solid #e4e4e4;
|
|
font-size: 12px;
|
|
padding: 8px 5px 5px 5px;
|
|
display: table;
|
|
width: 100%;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.el-date-range-picker__time-header > .el-icon-arrow-right {
|
|
font-size: 20px;
|
|
vertical-align: middle;
|
|
display: table-cell;
|
|
color: #303133;
|
|
}
|
|
|
|
.el-date-range-picker__time-picker-wrap {
|
|
position: relative;
|
|
display: table-cell;
|
|
padding: 0 5px;
|
|
}
|
|
.el-date-range-picker__time-picker-wrap .el-picker-panel {
|
|
position: absolute;
|
|
top: 13px;
|
|
right: 0;
|
|
z-index: 1;
|
|
background: #FFFFFF;
|
|
}
|
|
|
|
/* 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-time-range-picker {
|
|
width: 354px;
|
|
overflow: visible;
|
|
}
|
|
.el-time-range-picker__content {
|
|
position: relative;
|
|
text-align: center;
|
|
padding: 10px;
|
|
}
|
|
|
|
.el-time-range-picker__cell {
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 4px 7px 7px;
|
|
width: 50%;
|
|
display: inline-block;
|
|
}
|
|
|
|
.el-time-range-picker__header {
|
|
margin-bottom: 5px;
|
|
text-align: center;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.el-time-range-picker__body {
|
|
border-radius: 2px;
|
|
border: 1px solid #dfe4ed;
|
|
}
|
|
|
|
/* 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-time-panel {
|
|
margin: 5px 0;
|
|
border: solid 1px #dfe4ed;
|
|
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);
|
|
border-radius: 2px;
|
|
position: absolute;
|
|
width: 180px;
|
|
left: 0;
|
|
z-index: 1000;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
-webkit-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
}
|
|
.el-time-panel__content {
|
|
font-size: 0;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.el-time-panel__content::after, .el-time-panel__content::before {
|
|
content: "";
|
|
top: 50%;
|
|
position: absolute;
|
|
margin-top: -15px;
|
|
height: 32px;
|
|
z-index: -1;
|
|
left: 0;
|
|
right: 0;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding-top: 6px;
|
|
text-align: left;
|
|
border-top: 1px solid #dfe4ed;
|
|
border-bottom: 1px solid #dfe4ed;
|
|
}
|
|
.el-time-panel__content::after {
|
|
left: 50%;
|
|
margin-left: 12%;
|
|
margin-right: 12%;
|
|
}
|
|
.el-time-panel__content::before {
|
|
padding-left: 50%;
|
|
margin-right: 12%;
|
|
margin-left: 12%;
|
|
}
|
|
.el-time-panel__content.has-seconds::after {
|
|
left: calc(100% / 3 * 2);
|
|
}
|
|
.el-time-panel__content.has-seconds::before {
|
|
padding-left: calc(100% / 3);
|
|
}
|
|
|
|
.el-time-panel__footer {
|
|
border-top: 1px solid #e4e4e4;
|
|
padding: 4px;
|
|
height: 36px;
|
|
line-height: 25px;
|
|
text-align: right;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.el-time-panel__btn {
|
|
border: none;
|
|
line-height: 28px;
|
|
padding: 0 5px;
|
|
margin: 0 5px;
|
|
cursor: pointer;
|
|
background-color: transparent;
|
|
outline: none;
|
|
font-size: 12px;
|
|
color: #303133;
|
|
}
|
|
.el-time-panel__btn.confirm {
|
|
font-weight: 800;
|
|
color: #1890ff;
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.el-textarea {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 100%;
|
|
vertical-align: bottom;
|
|
font-size: 14px;
|
|
}
|
|
.el-textarea__inner {
|
|
display: block;
|
|
resize: vertical;
|
|
padding: 5px 15px;
|
|
line-height: 1.5;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
font-size: inherit;
|
|
color: #606266;
|
|
background-color: #FFFFFF;
|
|
background-image: none;
|
|
border: 1px solid #DCDFE6;
|
|
border-radius: 4px;
|
|
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
.el-textarea__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner:hover {
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner:focus {
|
|
outline: none;
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-textarea .el-input__count {
|
|
color: #909399;
|
|
background: #FFFFFF;
|
|
position: absolute;
|
|
font-size: 12px;
|
|
bottom: 5px;
|
|
right: 10px;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner {
|
|
background-color: #F5F7FA;
|
|
border-color: #dfe4ed;
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
|
|
.el-textarea.is-exceed .el-textarea__inner {
|
|
border-color: #ff4949;
|
|
}
|
|
.el-textarea.is-exceed .el-input__count {
|
|
color: #ff4949;
|
|
}
|
|
|
|
.el-input {
|
|
position: relative;
|
|
font-size: 14px;
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
.el-input::-webkit-scrollbar {
|
|
z-index: 11;
|
|
width: 6px;
|
|
}
|
|
.el-input::-webkit-scrollbar:horizontal {
|
|
height: 6px;
|
|
}
|
|
.el-input::-webkit-scrollbar-thumb {
|
|
border-radius: 5px;
|
|
width: 6px;
|
|
background: #b4bccc;
|
|
}
|
|
.el-input::-webkit-scrollbar-corner {
|
|
background: #fff;
|
|
}
|
|
.el-input::-webkit-scrollbar-track {
|
|
background: #fff;
|
|
}
|
|
.el-input::-webkit-scrollbar-track-piece {
|
|
background: #fff;
|
|
width: 6px;
|
|
}
|
|
.el-input .el-input__clear {
|
|
color: #C0C4CC;
|
|
font-size: 14px;
|
|
cursor: pointer;
|
|
-webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
.el-input .el-input__clear:hover {
|
|
color: #909399;
|
|
}
|
|
.el-input .el-input__count {
|
|
height: 100%;
|
|
display: -webkit-inline-box;
|
|
display: -ms-inline-flexbox;
|
|
display: inline-flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
color: #909399;
|
|
font-size: 12px;
|
|
}
|
|
.el-input .el-input__count .el-input__count-inner {
|
|
background: #FFFFFF;
|
|
line-height: initial;
|
|
display: inline-block;
|
|
padding: 0 5px;
|
|
}
|
|
.el-input__inner {
|
|
-webkit-appearance: none;
|
|
background-color: #FFFFFF;
|
|
background-image: none;
|
|
border-radius: 4px;
|
|
border: 1px solid #DCDFE6;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
color: #606266;
|
|
display: inline-block;
|
|
font-size: inherit;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
outline: none;
|
|
padding: 0 15px;
|
|
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
width: 100%;
|
|
}
|
|
.el-input__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner:hover {
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-input__inner:focus {
|
|
outline: none;
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-input__suffix {
|
|
position: absolute;
|
|
height: 100%;
|
|
right: 5px;
|
|
top: 0;
|
|
text-align: center;
|
|
color: #C0C4CC;
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.el-input__suffix-inner {
|
|
pointer-events: all;
|
|
}
|
|
|
|
.el-input__prefix {
|
|
position: absolute;
|
|
height: 100%;
|
|
left: 5px;
|
|
top: 0;
|
|
text-align: center;
|
|
color: #C0C4CC;
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
.el-input__icon {
|
|
height: 100%;
|
|
width: 25px;
|
|
text-align: center;
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
line-height: 40px;
|
|
}
|
|
.el-input__icon:after {
|
|
content: "";
|
|
height: 100%;
|
|
width: 0;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.el-input__validateIcon {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.el-input.is-active .el-input__inner {
|
|
outline: none;
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-input.is-disabled .el-input__inner {
|
|
background-color: #F5F7FA;
|
|
border-color: #dfe4ed;
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__icon {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.el-input.is-exceed .el-input__inner {
|
|
border-color: #ff4949;
|
|
}
|
|
.el-input.is-exceed .el-input__suffix .el-input__count {
|
|
color: #ff4949;
|
|
}
|
|
|
|
.el-input--suffix .el-input__inner {
|
|
padding-right: 30px;
|
|
}
|
|
|
|
.el-input--prefix .el-input__inner {
|
|
padding-left: 30px;
|
|
}
|
|
|
|
.el-input--medium {
|
|
font-size: 14px;
|
|
}
|
|
.el-input--medium .el-input__inner {
|
|
height: 36px;
|
|
line-height: 36px;
|
|
}
|
|
|
|
.el-input--medium .el-input__icon {
|
|
line-height: 36px;
|
|
}
|
|
|
|
.el-input--small {
|
|
font-size: 13px;
|
|
}
|
|
.el-input--small .el-input__inner {
|
|
height: 32px;
|
|
line-height: 32px;
|
|
}
|
|
|
|
.el-input--small .el-input__icon {
|
|
line-height: 32px;
|
|
}
|
|
|
|
.el-input--mini {
|
|
font-size: 12px;
|
|
}
|
|
.el-input--mini .el-input__inner {
|
|
height: 28px;
|
|
line-height: 28px;
|
|
}
|
|
|
|
.el-input--mini .el-input__icon {
|
|
line-height: 28px;
|
|
}
|
|
|
|
.el-input-group {
|
|
line-height: normal;
|
|
display: inline-table;
|
|
width: 100%;
|
|
border-collapse: separate;
|
|
border-spacing: 0;
|
|
}
|
|
.el-input-group > .el-input__inner {
|
|
vertical-align: middle;
|
|
display: table-cell;
|
|
}
|
|
.el-input-group__append, .el-input-group__prepend {
|
|
background-color: #F5F7FA;
|
|
color: #909399;
|
|
vertical-align: middle;
|
|
display: table-cell;
|
|
position: relative;
|
|
border: 1px solid #DCDFE6;
|
|
border-radius: 4px;
|
|
padding: 0 20px;
|
|
width: 1px;
|
|
white-space: nowrap;
|
|
}
|
|
.el-input-group__append:focus, .el-input-group__prepend:focus {
|
|
outline: none;
|
|
}
|
|
.el-input-group__append .el-select,
|
|
.el-input-group__append .el-button, .el-input-group__prepend .el-select,
|
|
.el-input-group__prepend .el-button {
|
|
display: inline-block;
|
|
margin: -10px -20px;
|
|
}
|
|
.el-input-group__append button.el-button,
|
|
.el-input-group__append div.el-select .el-input__inner,
|
|
.el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button,
|
|
.el-input-group__prepend div.el-select .el-input__inner,
|
|
.el-input-group__prepend div.el-select:hover .el-input__inner {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
color: inherit;
|
|
border-top: 0;
|
|
border-bottom: 0;
|
|
}
|
|
.el-input-group__append .el-button,
|
|
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
|
|
.el-input-group__prepend .el-input {
|
|
font-size: inherit;
|
|
}
|
|
|
|
.el-input-group__prepend {
|
|
border-right: 0;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.el-input-group__append {
|
|
border-left: 0;
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.el-input-group--prepend .el-input__inner {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
|
|
border-color: transparent;
|
|
}
|
|
|
|
.el-input-group--append .el-input__inner {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
|
|
border-color: transparent;
|
|
}
|
|
|
|
/** disalbe default clear on IE */
|
|
.el-input__inner::-ms-clear {
|
|
display: none;
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
|
|
/* 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: 0.3s background-color;
|
|
transition: 0.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%;
|
|
}
|
|
|
|
/* 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: #e6ebf5;
|
|
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: #e6ebf5;
|
|
}
|
|
.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: #e6ebf5;
|
|
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: #e6ebf5;
|
|
}
|
|
.el-popper[x-placement^=left] .popper__arrow::after {
|
|
right: 1px;
|
|
bottom: -6px;
|
|
margin-left: -6px;
|
|
border-right-width: 0;
|
|
border-left-color: #FFFFFF;
|
|
}
|
|
|
|
/* 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
|
|
--------------------------*/
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.fade-in-linear-enter-active,
|
|
.fade-in-linear-leave-active {
|
|
-webkit-transition: opacity 200ms linear;
|
|
transition: opacity 200ms linear;
|
|
}
|
|
|
|
.fade-in-linear-enter,
|
|
.fade-in-linear-leave,
|
|
.fade-in-linear-leave-active {
|
|
opacity: 0;
|
|
}
|
|
|
|
.el-fade-in-linear-enter-active,
|
|
.el-fade-in-linear-leave-active {
|
|
-webkit-transition: opacity 200ms linear;
|
|
transition: opacity 200ms linear;
|
|
}
|
|
|
|
.el-fade-in-linear-enter,
|
|
.el-fade-in-linear-leave,
|
|
.el-fade-in-linear-leave-active {
|
|
opacity: 0;
|
|
}
|
|
|
|
.el-fade-in-enter-active,
|
|
.el-fade-in-leave-active {
|
|
-webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
}
|
|
|
|
.el-fade-in-enter,
|
|
.el-fade-in-leave-active {
|
|
opacity: 0;
|
|
}
|
|
|
|
.el-zoom-in-center-enter-active,
|
|
.el-zoom-in-center-leave-active {
|
|
-webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
}
|
|
|
|
.el-zoom-in-center-enter,
|
|
.el-zoom-in-center-leave-active {
|
|
opacity: 0;
|
|
-webkit-transform: scaleX(0);
|
|
transform: scaleX(0);
|
|
}
|
|
|
|
.el-zoom-in-top-enter-active,
|
|
.el-zoom-in-top-leave-active {
|
|
opacity: 1;
|
|
-webkit-transform: scaleY(1);
|
|
transform: scaleY(1);
|
|
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
-webkit-transform-origin: center top;
|
|
transform-origin: center top;
|
|
}
|
|
|
|
.el-zoom-in-top-enter,
|
|
.el-zoom-in-top-leave-active {
|
|
opacity: 0;
|
|
-webkit-transform: scaleY(0);
|
|
transform: scaleY(0);
|
|
}
|
|
|
|
.el-zoom-in-bottom-enter-active,
|
|
.el-zoom-in-bottom-leave-active {
|
|
opacity: 1;
|
|
-webkit-transform: scaleY(1);
|
|
transform: scaleY(1);
|
|
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
-webkit-transform-origin: center bottom;
|
|
transform-origin: center bottom;
|
|
}
|
|
|
|
.el-zoom-in-bottom-enter,
|
|
.el-zoom-in-bottom-leave-active {
|
|
opacity: 0;
|
|
-webkit-transform: scaleY(0);
|
|
transform: scaleY(0);
|
|
}
|
|
|
|
.el-zoom-in-left-enter-active,
|
|
.el-zoom-in-left-leave-active {
|
|
opacity: 1;
|
|
-webkit-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
-webkit-transform-origin: top left;
|
|
transform-origin: top left;
|
|
}
|
|
|
|
.el-zoom-in-left-enter,
|
|
.el-zoom-in-left-leave-active {
|
|
opacity: 0;
|
|
-webkit-transform: scale(0.45, 0.45);
|
|
transform: scale(0.45, 0.45);
|
|
}
|
|
|
|
.collapse-transition {
|
|
-webkit-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
|
|
transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
|
|
}
|
|
|
|
.horizontal-collapse-transition {
|
|
-webkit-transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
|
|
transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
|
|
}
|
|
|
|
.el-list-enter-active,
|
|
.el-list-leave-active {
|
|
-webkit-transition: all 1s;
|
|
transition: all 1s;
|
|
}
|
|
|
|
.el-list-enter, .el-list-leave-active {
|
|
opacity: 0;
|
|
-webkit-transform: translateY(-30px);
|
|
transform: translateY(-30px);
|
|
}
|
|
|
|
.el-opacity-transition {
|
|
-webkit-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
}
|
|
|
|
.el-date-editor {
|
|
position: relative;
|
|
display: inline-block;
|
|
text-align: left;
|
|
}
|
|
.el-date-editor.el-input, .el-date-editor.el-input__inner {
|
|
width: 220px;
|
|
}
|
|
.el-date-editor--monthrange.el-input, .el-date-editor--monthrange.el-input__inner {
|
|
width: 300px;
|
|
}
|
|
|
|
.el-date-editor--daterange.el-input, .el-date-editor--daterange.el-input__inner, .el-date-editor--timerange.el-input, .el-date-editor--timerange.el-input__inner {
|
|
width: 350px;
|
|
}
|
|
|
|
.el-date-editor--datetimerange.el-input, .el-date-editor--datetimerange.el-input__inner {
|
|
width: 400px;
|
|
}
|
|
|
|
.el-date-editor--dates .el-input__inner {
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.el-date-editor .el-icon-circle-close {
|
|
cursor: pointer;
|
|
}
|
|
.el-date-editor .el-range__icon {
|
|
font-size: 14px;
|
|
margin-left: -5px;
|
|
color: #C0C4CC;
|
|
float: left;
|
|
line-height: 32px;
|
|
}
|
|
.el-date-editor .el-range-input {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
border: none;
|
|
outline: none;
|
|
display: inline-block;
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 39%;
|
|
text-align: center;
|
|
font-size: 14px;
|
|
color: #606266;
|
|
}
|
|
.el-date-editor .el-range-input::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-date-editor .el-range-input::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-date-editor .el-range-input:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-date-editor .el-range-input::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-date-editor .el-range-input::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-date-editor .el-range-separator {
|
|
display: inline-block;
|
|
height: 100%;
|
|
padding: 0 5px;
|
|
margin: 0;
|
|
text-align: center;
|
|
line-height: 32px;
|
|
font-size: 14px;
|
|
width: 5%;
|
|
color: #303133;
|
|
}
|
|
.el-date-editor .el-range__close-icon {
|
|
font-size: 14px;
|
|
color: #C0C4CC;
|
|
width: 25px;
|
|
display: inline-block;
|
|
float: right;
|
|
line-height: 32px;
|
|
}
|
|
|
|
.el-range-editor.el-input__inner {
|
|
display: -webkit-inline-box;
|
|
display: -ms-inline-flexbox;
|
|
display: inline-flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
padding: 3px 10px;
|
|
}
|
|
.el-range-editor .el-range-input {
|
|
line-height: 1;
|
|
}
|
|
.el-range-editor.is-active {
|
|
border-color: #1890ff;
|
|
}
|
|
.el-range-editor.is-active:hover {
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-range-editor--medium.el-input__inner {
|
|
height: 36px;
|
|
}
|
|
.el-range-editor--medium .el-range-separator {
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
}
|
|
.el-range-editor--medium .el-range-input {
|
|
font-size: 14px;
|
|
}
|
|
.el-range-editor--medium .el-range__icon,
|
|
.el-range-editor--medium .el-range__close-icon {
|
|
line-height: 28px;
|
|
}
|
|
|
|
.el-range-editor--small.el-input__inner {
|
|
height: 32px;
|
|
}
|
|
.el-range-editor--small .el-range-separator {
|
|
line-height: 24px;
|
|
font-size: 13px;
|
|
}
|
|
.el-range-editor--small .el-range-input {
|
|
font-size: 13px;
|
|
}
|
|
.el-range-editor--small .el-range__icon,
|
|
.el-range-editor--small .el-range__close-icon {
|
|
line-height: 24px;
|
|
}
|
|
|
|
.el-range-editor--mini.el-input__inner {
|
|
height: 28px;
|
|
}
|
|
.el-range-editor--mini .el-range-separator {
|
|
line-height: 20px;
|
|
font-size: 12px;
|
|
}
|
|
.el-range-editor--mini .el-range-input {
|
|
font-size: 12px;
|
|
}
|
|
.el-range-editor--mini .el-range__icon,
|
|
.el-range-editor--mini .el-range__close-icon {
|
|
line-height: 20px;
|
|
}
|
|
|
|
.el-range-editor.is-disabled {
|
|
background-color: #F5F7FA;
|
|
border-color: #dfe4ed;
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-range-editor.is-disabled:hover, .el-range-editor.is-disabled:focus {
|
|
border-color: #dfe4ed;
|
|
}
|
|
.el-range-editor.is-disabled input {
|
|
background-color: #F5F7FA;
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-range-editor.is-disabled input::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-range-editor.is-disabled input::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-range-editor.is-disabled input:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-range-editor.is-disabled input::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-range-editor.is-disabled input::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-range-editor.is-disabled .el-range-separator {
|
|
color: #C0C4CC;
|
|
}
|
|
|
|
/* 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-picker-panel {
|
|
color: #606266;
|
|
border: 1px solid #dfe4ed;
|
|
-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);
|
|
background: #FFFFFF;
|
|
border-radius: 4px;
|
|
line-height: 30px;
|
|
margin: 5px 0;
|
|
}
|
|
.el-picker-panel__body::after, .el-picker-panel__body-wrapper::after {
|
|
content: "";
|
|
display: table;
|
|
clear: both;
|
|
}
|
|
|
|
.el-picker-panel__content {
|
|
position: relative;
|
|
margin: 15px;
|
|
}
|
|
|
|
.el-picker-panel__footer {
|
|
border-top: 1px solid #e4e4e4;
|
|
padding: 4px;
|
|
text-align: right;
|
|
background-color: #FFFFFF;
|
|
position: relative;
|
|
font-size: 0;
|
|
}
|
|
|
|
.el-picker-panel__shortcut {
|
|
display: block;
|
|
width: 100%;
|
|
border: 0;
|
|
background-color: transparent;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: #606266;
|
|
padding-left: 12px;
|
|
text-align: left;
|
|
outline: none;
|
|
cursor: pointer;
|
|
}
|
|
.el-picker-panel__shortcut:hover {
|
|
color: #1890ff;
|
|
}
|
|
.el-picker-panel__shortcut.active {
|
|
background-color: #e6f1fe;
|
|
color: #1890ff;
|
|
}
|
|
|
|
.el-picker-panel__btn {
|
|
border: 1px solid #dcdcdc;
|
|
color: #333;
|
|
line-height: 24px;
|
|
border-radius: 2px;
|
|
padding: 0 20px;
|
|
cursor: pointer;
|
|
background-color: transparent;
|
|
outline: none;
|
|
font-size: 12px;
|
|
}
|
|
.el-picker-panel__btn[disabled] {
|
|
color: #cccccc;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.el-picker-panel__icon-btn {
|
|
font-size: 12px;
|
|
color: #303133;
|
|
border: 0;
|
|
background: transparent;
|
|
cursor: pointer;
|
|
outline: none;
|
|
margin-top: 8px;
|
|
}
|
|
.el-picker-panel__icon-btn:hover {
|
|
color: #1890ff;
|
|
}
|
|
.el-picker-panel__icon-btn.is-disabled {
|
|
color: #bbb;
|
|
}
|
|
.el-picker-panel__icon-btn.is-disabled:hover {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.el-picker-panel__link-btn {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.el-picker-panel *[slot=sidebar],
|
|
.el-picker-panel__sidebar {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
width: 110px;
|
|
border-right: 1px solid #e4e4e4;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding-top: 6px;
|
|
background-color: #FFFFFF;
|
|
overflow: auto;
|
|
}
|
|
|
|
.el-picker-panel *[slot=sidebar] + .el-picker-panel__body,
|
|
.el-picker-panel__sidebar + .el-picker-panel__body {
|
|
margin-left: 110px;
|
|
}
|
|
|
|
.el-date-picker {
|
|
width: 322px;
|
|
}
|
|
.el-date-picker.has-sidebar.has-time {
|
|
width: 434px;
|
|
}
|
|
.el-date-picker.has-sidebar {
|
|
width: 438px;
|
|
}
|
|
.el-date-picker.has-time .el-picker-panel__body-wrapper {
|
|
position: relative;
|
|
}
|
|
.el-date-picker .el-picker-panel__content {
|
|
width: 292px;
|
|
}
|
|
.el-date-picker table {
|
|
table-layout: fixed;
|
|
width: 100%;
|
|
}
|
|
.el-date-picker__editor-wrap {
|
|
position: relative;
|
|
display: table-cell;
|
|
padding: 0 5px;
|
|
}
|
|
|
|
.el-date-picker__time-header {
|
|
position: relative;
|
|
border-bottom: 1px solid #e4e4e4;
|
|
font-size: 12px;
|
|
padding: 8px 5px 5px 5px;
|
|
display: table;
|
|
width: 100%;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.el-date-picker__header {
|
|
margin: 12px;
|
|
text-align: center;
|
|
}
|
|
.el-date-picker__header--bordered {
|
|
margin-bottom: 0;
|
|
padding-bottom: 12px;
|
|
border-bottom: solid 1px #e6ebf5;
|
|
}
|
|
.el-date-picker__header--bordered + .el-picker-panel__content {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.el-date-picker__header-label {
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
padding: 0 5px;
|
|
line-height: 22px;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
color: #606266;
|
|
}
|
|
.el-date-picker__header-label:hover {
|
|
color: #1890ff;
|
|
}
|
|
.el-date-picker__header-label.active {
|
|
color: #1890ff;
|
|
}
|
|
|
|
.el-date-picker__prev-btn {
|
|
float: left;
|
|
}
|
|
|
|
.el-date-picker__next-btn {
|
|
float: right;
|
|
}
|
|
|
|
.el-date-picker__time-wrap {
|
|
padding: 10px;
|
|
text-align: center;
|
|
}
|
|
|
|
.el-date-picker__time-label {
|
|
float: left;
|
|
cursor: pointer;
|
|
line-height: 30px;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
/* 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: 0.3s background-color;
|
|
transition: 0.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%;
|
|
}
|
|
|
|
/* 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: #e6ebf5;
|
|
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: #e6ebf5;
|
|
}
|
|
.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: #e6ebf5;
|
|
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: #e6ebf5;
|
|
}
|
|
.el-popper[x-placement^=left] .popper__arrow::after {
|
|
right: 1px;
|
|
bottom: -6px;
|
|
margin-left: -6px;
|
|
border-right-width: 0;
|
|
border-left-color: #FFFFFF;
|
|
}
|
|
|
|
.time-select {
|
|
margin: 5px 0;
|
|
min-width: 0;
|
|
}
|
|
|
|
.time-select .el-picker-panel__content {
|
|
max-height: 200px;
|
|
margin: 0;
|
|
}
|
|
|
|
.time-select-item {
|
|
padding: 8px 10px;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
}
|
|
|
|
.time-select-item.selected:not(.disabled) {
|
|
color: #1890ff;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.time-select-item.disabled {
|
|
color: #dfe4ed;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.time-select-item:hover {
|
|
background-color: #F5F7FA;
|
|
font-weight: bold;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.fade-in-linear-enter-active,
|
|
.fade-in-linear-leave-active {
|
|
-webkit-transition: opacity 200ms linear;
|
|
transition: opacity 200ms linear;
|
|
}
|
|
|
|
.fade-in-linear-enter,
|
|
.fade-in-linear-leave,
|
|
.fade-in-linear-leave-active {
|
|
opacity: 0;
|
|
}
|
|
|
|
.el-fade-in-linear-enter-active,
|
|
.el-fade-in-linear-leave-active {
|
|
-webkit-transition: opacity 200ms linear;
|
|
transition: opacity 200ms linear;
|
|
}
|
|
|
|
.el-fade-in-linear-enter,
|
|
.el-fade-in-linear-leave,
|
|
.el-fade-in-linear-leave-active {
|
|
opacity: 0;
|
|
}
|
|
|
|
.el-fade-in-enter-active,
|
|
.el-fade-in-leave-active {
|
|
-webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
}
|
|
|
|
.el-fade-in-enter,
|
|
.el-fade-in-leave-active {
|
|
opacity: 0;
|
|
}
|
|
|
|
.el-zoom-in-center-enter-active,
|
|
.el-zoom-in-center-leave-active {
|
|
-webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
}
|
|
|
|
.el-zoom-in-center-enter,
|
|
.el-zoom-in-center-leave-active {
|
|
opacity: 0;
|
|
-webkit-transform: scaleX(0);
|
|
transform: scaleX(0);
|
|
}
|
|
|
|
.el-zoom-in-top-enter-active,
|
|
.el-zoom-in-top-leave-active {
|
|
opacity: 1;
|
|
-webkit-transform: scaleY(1);
|
|
transform: scaleY(1);
|
|
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
-webkit-transform-origin: center top;
|
|
transform-origin: center top;
|
|
}
|
|
|
|
.el-zoom-in-top-enter,
|
|
.el-zoom-in-top-leave-active {
|
|
opacity: 0;
|
|
-webkit-transform: scaleY(0);
|
|
transform: scaleY(0);
|
|
}
|
|
|
|
.el-zoom-in-bottom-enter-active,
|
|
.el-zoom-in-bottom-leave-active {
|
|
opacity: 1;
|
|
-webkit-transform: scaleY(1);
|
|
transform: scaleY(1);
|
|
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
-webkit-transform-origin: center bottom;
|
|
transform-origin: center bottom;
|
|
}
|
|
|
|
.el-zoom-in-bottom-enter,
|
|
.el-zoom-in-bottom-leave-active {
|
|
opacity: 0;
|
|
-webkit-transform: scaleY(0);
|
|
transform: scaleY(0);
|
|
}
|
|
|
|
.el-zoom-in-left-enter-active,
|
|
.el-zoom-in-left-leave-active {
|
|
opacity: 1;
|
|
-webkit-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
-webkit-transform-origin: top left;
|
|
transform-origin: top left;
|
|
}
|
|
|
|
.el-zoom-in-left-enter,
|
|
.el-zoom-in-left-leave-active {
|
|
opacity: 0;
|
|
-webkit-transform: scale(0.45, 0.45);
|
|
transform: scale(0.45, 0.45);
|
|
}
|
|
|
|
.collapse-transition {
|
|
-webkit-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
|
|
transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
|
|
}
|
|
|
|
.horizontal-collapse-transition {
|
|
-webkit-transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
|
|
transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
|
|
}
|
|
|
|
.el-list-enter-active,
|
|
.el-list-leave-active {
|
|
-webkit-transition: all 1s;
|
|
transition: all 1s;
|
|
}
|
|
|
|
.el-list-enter, .el-list-leave-active {
|
|
opacity: 0;
|
|
-webkit-transform: translateY(-30px);
|
|
transform: translateY(-30px);
|
|
}
|
|
|
|
.el-opacity-transition {
|
|
-webkit-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
}
|
|
|
|
.el-date-editor {
|
|
position: relative;
|
|
display: inline-block;
|
|
text-align: left;
|
|
}
|
|
.el-date-editor.el-input, .el-date-editor.el-input__inner {
|
|
width: 220px;
|
|
}
|
|
.el-date-editor--monthrange.el-input, .el-date-editor--monthrange.el-input__inner {
|
|
width: 300px;
|
|
}
|
|
|
|
.el-date-editor--daterange.el-input, .el-date-editor--daterange.el-input__inner, .el-date-editor--timerange.el-input, .el-date-editor--timerange.el-input__inner {
|
|
width: 350px;
|
|
}
|
|
|
|
.el-date-editor--datetimerange.el-input, .el-date-editor--datetimerange.el-input__inner {
|
|
width: 400px;
|
|
}
|
|
|
|
.el-date-editor--dates .el-input__inner {
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.el-date-editor .el-icon-circle-close {
|
|
cursor: pointer;
|
|
}
|
|
.el-date-editor .el-range__icon {
|
|
font-size: 14px;
|
|
margin-left: -5px;
|
|
color: #C0C4CC;
|
|
float: left;
|
|
line-height: 32px;
|
|
}
|
|
.el-date-editor .el-range-input {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
border: none;
|
|
outline: none;
|
|
display: inline-block;
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 39%;
|
|
text-align: center;
|
|
font-size: 14px;
|
|
color: #606266;
|
|
}
|
|
.el-date-editor .el-range-input::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-date-editor .el-range-input::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-date-editor .el-range-input:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-date-editor .el-range-input::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-date-editor .el-range-input::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-date-editor .el-range-separator {
|
|
display: inline-block;
|
|
height: 100%;
|
|
padding: 0 5px;
|
|
margin: 0;
|
|
text-align: center;
|
|
line-height: 32px;
|
|
font-size: 14px;
|
|
width: 5%;
|
|
color: #303133;
|
|
}
|
|
.el-date-editor .el-range__close-icon {
|
|
font-size: 14px;
|
|
color: #C0C4CC;
|
|
width: 25px;
|
|
display: inline-block;
|
|
float: right;
|
|
line-height: 32px;
|
|
}
|
|
|
|
.el-range-editor.el-input__inner {
|
|
display: -webkit-inline-box;
|
|
display: -ms-inline-flexbox;
|
|
display: inline-flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
padding: 3px 10px;
|
|
}
|
|
.el-range-editor .el-range-input {
|
|
line-height: 1;
|
|
}
|
|
.el-range-editor.is-active {
|
|
border-color: #1890ff;
|
|
}
|
|
.el-range-editor.is-active:hover {
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-range-editor--medium.el-input__inner {
|
|
height: 36px;
|
|
}
|
|
.el-range-editor--medium .el-range-separator {
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
}
|
|
.el-range-editor--medium .el-range-input {
|
|
font-size: 14px;
|
|
}
|
|
.el-range-editor--medium .el-range__icon,
|
|
.el-range-editor--medium .el-range__close-icon {
|
|
line-height: 28px;
|
|
}
|
|
|
|
.el-range-editor--small.el-input__inner {
|
|
height: 32px;
|
|
}
|
|
.el-range-editor--small .el-range-separator {
|
|
line-height: 24px;
|
|
font-size: 13px;
|
|
}
|
|
.el-range-editor--small .el-range-input {
|
|
font-size: 13px;
|
|
}
|
|
.el-range-editor--small .el-range__icon,
|
|
.el-range-editor--small .el-range__close-icon {
|
|
line-height: 24px;
|
|
}
|
|
|
|
.el-range-editor--mini.el-input__inner {
|
|
height: 28px;
|
|
}
|
|
.el-range-editor--mini .el-range-separator {
|
|
line-height: 20px;
|
|
font-size: 12px;
|
|
}
|
|
.el-range-editor--mini .el-range-input {
|
|
font-size: 12px;
|
|
}
|
|
.el-range-editor--mini .el-range__icon,
|
|
.el-range-editor--mini .el-range__close-icon {
|
|
line-height: 20px;
|
|
}
|
|
|
|
.el-range-editor.is-disabled {
|
|
background-color: #F5F7FA;
|
|
border-color: #dfe4ed;
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-range-editor.is-disabled:hover, .el-range-editor.is-disabled:focus {
|
|
border-color: #dfe4ed;
|
|
}
|
|
.el-range-editor.is-disabled input {
|
|
background-color: #F5F7FA;
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-range-editor.is-disabled input::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-range-editor.is-disabled input::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-range-editor.is-disabled input:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-range-editor.is-disabled input::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-range-editor.is-disabled input::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-range-editor.is-disabled .el-range-separator {
|
|
color: #C0C4CC;
|
|
}
|
|
|
|
/* 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-picker-panel {
|
|
color: #606266;
|
|
border: 1px solid #dfe4ed;
|
|
-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);
|
|
background: #FFFFFF;
|
|
border-radius: 4px;
|
|
line-height: 30px;
|
|
margin: 5px 0;
|
|
}
|
|
.el-picker-panel__body::after, .el-picker-panel__body-wrapper::after {
|
|
content: "";
|
|
display: table;
|
|
clear: both;
|
|
}
|
|
|
|
.el-picker-panel__content {
|
|
position: relative;
|
|
margin: 15px;
|
|
}
|
|
|
|
.el-picker-panel__footer {
|
|
border-top: 1px solid #e4e4e4;
|
|
padding: 4px;
|
|
text-align: right;
|
|
background-color: #FFFFFF;
|
|
position: relative;
|
|
font-size: 0;
|
|
}
|
|
|
|
.el-picker-panel__shortcut {
|
|
display: block;
|
|
width: 100%;
|
|
border: 0;
|
|
background-color: transparent;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
color: #606266;
|
|
padding-left: 12px;
|
|
text-align: left;
|
|
outline: none;
|
|
cursor: pointer;
|
|
}
|
|
.el-picker-panel__shortcut:hover {
|
|
color: #1890ff;
|
|
}
|
|
.el-picker-panel__shortcut.active {
|
|
background-color: #e6f1fe;
|
|
color: #1890ff;
|
|
}
|
|
|
|
.el-picker-panel__btn {
|
|
border: 1px solid #dcdcdc;
|
|
color: #333;
|
|
line-height: 24px;
|
|
border-radius: 2px;
|
|
padding: 0 20px;
|
|
cursor: pointer;
|
|
background-color: transparent;
|
|
outline: none;
|
|
font-size: 12px;
|
|
}
|
|
.el-picker-panel__btn[disabled] {
|
|
color: #cccccc;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.el-picker-panel__icon-btn {
|
|
font-size: 12px;
|
|
color: #303133;
|
|
border: 0;
|
|
background: transparent;
|
|
cursor: pointer;
|
|
outline: none;
|
|
margin-top: 8px;
|
|
}
|
|
.el-picker-panel__icon-btn:hover {
|
|
color: #1890ff;
|
|
}
|
|
.el-picker-panel__icon-btn.is-disabled {
|
|
color: #bbb;
|
|
}
|
|
.el-picker-panel__icon-btn.is-disabled:hover {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.el-picker-panel__link-btn {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.el-picker-panel *[slot=sidebar],
|
|
.el-picker-panel__sidebar {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
width: 110px;
|
|
border-right: 1px solid #e4e4e4;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding-top: 6px;
|
|
background-color: #FFFFFF;
|
|
overflow: auto;
|
|
}
|
|
|
|
.el-picker-panel *[slot=sidebar] + .el-picker-panel__body,
|
|
.el-picker-panel__sidebar + .el-picker-panel__body {
|
|
margin-left: 110px;
|
|
}
|
|
|
|
/* 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-time-spinner.has-seconds .el-time-spinner__wrapper {
|
|
width: 33.3%;
|
|
}
|
|
.el-time-spinner__wrapper {
|
|
max-height: 190px;
|
|
overflow: auto;
|
|
display: inline-block;
|
|
width: 50%;
|
|
vertical-align: top;
|
|
position: relative;
|
|
}
|
|
.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
|
|
padding-bottom: 15px;
|
|
}
|
|
.el-time-spinner__wrapper.is-arrow {
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
}
|
|
.el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
|
|
-webkit-transform: translateY(-32px);
|
|
transform: translateY(-32px);
|
|
}
|
|
.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active) {
|
|
background: #FFFFFF;
|
|
cursor: default;
|
|
}
|
|
|
|
.el-time-spinner__arrow {
|
|
font-size: 12px;
|
|
color: #909399;
|
|
position: absolute;
|
|
left: 0;
|
|
width: 100%;
|
|
z-index: 1;
|
|
text-align: center;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
cursor: pointer;
|
|
}
|
|
.el-time-spinner__arrow:hover {
|
|
color: #1890ff;
|
|
}
|
|
.el-time-spinner__arrow.el-icon-arrow-up {
|
|
top: 10px;
|
|
}
|
|
.el-time-spinner__arrow.el-icon-arrow-down {
|
|
bottom: 10px;
|
|
}
|
|
|
|
.el-time-spinner__input.el-input {
|
|
width: 70%;
|
|
}
|
|
.el-time-spinner__input.el-input .el-input__inner {
|
|
padding: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.el-time-spinner__list {
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
text-align: center;
|
|
}
|
|
.el-time-spinner__list::after, .el-time-spinner__list::before {
|
|
content: "";
|
|
display: block;
|
|
width: 100%;
|
|
height: 80px;
|
|
}
|
|
|
|
.el-time-spinner__item {
|
|
height: 32px;
|
|
line-height: 32px;
|
|
font-size: 12px;
|
|
color: #606266;
|
|
}
|
|
.el-time-spinner__item:hover:not(.disabled):not(.active) {
|
|
background: #F5F7FA;
|
|
cursor: pointer;
|
|
}
|
|
.el-time-spinner__item.active:not(.disabled) {
|
|
color: #303133;
|
|
font-weight: bold;
|
|
}
|
|
.el-time-spinner__item.disabled {
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
/* 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-time-panel {
|
|
margin: 5px 0;
|
|
border: solid 1px #dfe4ed;
|
|
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);
|
|
border-radius: 2px;
|
|
position: absolute;
|
|
width: 180px;
|
|
left: 0;
|
|
z-index: 1000;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
-webkit-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
}
|
|
.el-time-panel__content {
|
|
font-size: 0;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.el-time-panel__content::after, .el-time-panel__content::before {
|
|
content: "";
|
|
top: 50%;
|
|
position: absolute;
|
|
margin-top: -15px;
|
|
height: 32px;
|
|
z-index: -1;
|
|
left: 0;
|
|
right: 0;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding-top: 6px;
|
|
text-align: left;
|
|
border-top: 1px solid #dfe4ed;
|
|
border-bottom: 1px solid #dfe4ed;
|
|
}
|
|
.el-time-panel__content::after {
|
|
left: 50%;
|
|
margin-left: 12%;
|
|
margin-right: 12%;
|
|
}
|
|
.el-time-panel__content::before {
|
|
padding-left: 50%;
|
|
margin-right: 12%;
|
|
margin-left: 12%;
|
|
}
|
|
.el-time-panel__content.has-seconds::after {
|
|
left: calc(100% / 3 * 2);
|
|
}
|
|
.el-time-panel__content.has-seconds::before {
|
|
padding-left: calc(100% / 3);
|
|
}
|
|
|
|
.el-time-panel__footer {
|
|
border-top: 1px solid #e4e4e4;
|
|
padding: 4px;
|
|
height: 36px;
|
|
line-height: 25px;
|
|
text-align: right;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.el-time-panel__btn {
|
|
border: none;
|
|
line-height: 28px;
|
|
padding: 0 5px;
|
|
margin: 0 5px;
|
|
cursor: pointer;
|
|
background-color: transparent;
|
|
outline: none;
|
|
font-size: 12px;
|
|
color: #303133;
|
|
}
|
|
.el-time-panel__btn.confirm {
|
|
font-weight: 800;
|
|
color: #1890ff;
|
|
}
|
|
|
|
/* 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-time-range-picker {
|
|
width: 354px;
|
|
overflow: visible;
|
|
}
|
|
.el-time-range-picker__content {
|
|
position: relative;
|
|
text-align: center;
|
|
padding: 10px;
|
|
}
|
|
|
|
.el-time-range-picker__cell {
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 4px 7px 7px;
|
|
width: 50%;
|
|
display: inline-block;
|
|
}
|
|
|
|
.el-time-range-picker__header {
|
|
margin-bottom: 5px;
|
|
text-align: center;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.el-time-range-picker__body {
|
|
border-radius: 2px;
|
|
border: 1px solid #dfe4ed;
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.el-textarea {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 100%;
|
|
vertical-align: bottom;
|
|
font-size: 14px;
|
|
}
|
|
.el-textarea__inner {
|
|
display: block;
|
|
resize: vertical;
|
|
padding: 5px 15px;
|
|
line-height: 1.5;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
font-size: inherit;
|
|
color: #606266;
|
|
background-color: #FFFFFF;
|
|
background-image: none;
|
|
border: 1px solid #DCDFE6;
|
|
border-radius: 4px;
|
|
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
.el-textarea__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner:hover {
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner:focus {
|
|
outline: none;
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-textarea .el-input__count {
|
|
color: #909399;
|
|
background: #FFFFFF;
|
|
position: absolute;
|
|
font-size: 12px;
|
|
bottom: 5px;
|
|
right: 10px;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner {
|
|
background-color: #F5F7FA;
|
|
border-color: #dfe4ed;
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
|
|
.el-textarea.is-exceed .el-textarea__inner {
|
|
border-color: #ff4949;
|
|
}
|
|
.el-textarea.is-exceed .el-input__count {
|
|
color: #ff4949;
|
|
}
|
|
|
|
.el-input {
|
|
position: relative;
|
|
font-size: 14px;
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
.el-input::-webkit-scrollbar {
|
|
z-index: 11;
|
|
width: 6px;
|
|
}
|
|
.el-input::-webkit-scrollbar:horizontal {
|
|
height: 6px;
|
|
}
|
|
.el-input::-webkit-scrollbar-thumb {
|
|
border-radius: 5px;
|
|
width: 6px;
|
|
background: #b4bccc;
|
|
}
|
|
.el-input::-webkit-scrollbar-corner {
|
|
background: #fff;
|
|
}
|
|
.el-input::-webkit-scrollbar-track {
|
|
background: #fff;
|
|
}
|
|
.el-input::-webkit-scrollbar-track-piece {
|
|
background: #fff;
|
|
width: 6px;
|
|
}
|
|
.el-input .el-input__clear {
|
|
color: #C0C4CC;
|
|
font-size: 14px;
|
|
cursor: pointer;
|
|
-webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
.el-input .el-input__clear:hover {
|
|
color: #909399;
|
|
}
|
|
.el-input .el-input__count {
|
|
height: 100%;
|
|
display: -webkit-inline-box;
|
|
display: -ms-inline-flexbox;
|
|
display: inline-flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
color: #909399;
|
|
font-size: 12px;
|
|
}
|
|
.el-input .el-input__count .el-input__count-inner {
|
|
background: #FFFFFF;
|
|
line-height: initial;
|
|
display: inline-block;
|
|
padding: 0 5px;
|
|
}
|
|
.el-input__inner {
|
|
-webkit-appearance: none;
|
|
background-color: #FFFFFF;
|
|
background-image: none;
|
|
border-radius: 4px;
|
|
border: 1px solid #DCDFE6;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
color: #606266;
|
|
display: inline-block;
|
|
font-size: inherit;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
outline: none;
|
|
padding: 0 15px;
|
|
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
width: 100%;
|
|
}
|
|
.el-input__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner:hover {
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-input__inner:focus {
|
|
outline: none;
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-input__suffix {
|
|
position: absolute;
|
|
height: 100%;
|
|
right: 5px;
|
|
top: 0;
|
|
text-align: center;
|
|
color: #C0C4CC;
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.el-input__suffix-inner {
|
|
pointer-events: all;
|
|
}
|
|
|
|
.el-input__prefix {
|
|
position: absolute;
|
|
height: 100%;
|
|
left: 5px;
|
|
top: 0;
|
|
text-align: center;
|
|
color: #C0C4CC;
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
.el-input__icon {
|
|
height: 100%;
|
|
width: 25px;
|
|
text-align: center;
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
line-height: 40px;
|
|
}
|
|
.el-input__icon:after {
|
|
content: "";
|
|
height: 100%;
|
|
width: 0;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.el-input__validateIcon {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.el-input.is-active .el-input__inner {
|
|
outline: none;
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-input.is-disabled .el-input__inner {
|
|
background-color: #F5F7FA;
|
|
border-color: #dfe4ed;
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__icon {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.el-input.is-exceed .el-input__inner {
|
|
border-color: #ff4949;
|
|
}
|
|
.el-input.is-exceed .el-input__suffix .el-input__count {
|
|
color: #ff4949;
|
|
}
|
|
|
|
.el-input--suffix .el-input__inner {
|
|
padding-right: 30px;
|
|
}
|
|
|
|
.el-input--prefix .el-input__inner {
|
|
padding-left: 30px;
|
|
}
|
|
|
|
.el-input--medium {
|
|
font-size: 14px;
|
|
}
|
|
.el-input--medium .el-input__inner {
|
|
height: 36px;
|
|
line-height: 36px;
|
|
}
|
|
|
|
.el-input--medium .el-input__icon {
|
|
line-height: 36px;
|
|
}
|
|
|
|
.el-input--small {
|
|
font-size: 13px;
|
|
}
|
|
.el-input--small .el-input__inner {
|
|
height: 32px;
|
|
line-height: 32px;
|
|
}
|
|
|
|
.el-input--small .el-input__icon {
|
|
line-height: 32px;
|
|
}
|
|
|
|
.el-input--mini {
|
|
font-size: 12px;
|
|
}
|
|
.el-input--mini .el-input__inner {
|
|
height: 28px;
|
|
line-height: 28px;
|
|
}
|
|
|
|
.el-input--mini .el-input__icon {
|
|
line-height: 28px;
|
|
}
|
|
|
|
.el-input-group {
|
|
line-height: normal;
|
|
display: inline-table;
|
|
width: 100%;
|
|
border-collapse: separate;
|
|
border-spacing: 0;
|
|
}
|
|
.el-input-group > .el-input__inner {
|
|
vertical-align: middle;
|
|
display: table-cell;
|
|
}
|
|
.el-input-group__append, .el-input-group__prepend {
|
|
background-color: #F5F7FA;
|
|
color: #909399;
|
|
vertical-align: middle;
|
|
display: table-cell;
|
|
position: relative;
|
|
border: 1px solid #DCDFE6;
|
|
border-radius: 4px;
|
|
padding: 0 20px;
|
|
width: 1px;
|
|
white-space: nowrap;
|
|
}
|
|
.el-input-group__append:focus, .el-input-group__prepend:focus {
|
|
outline: none;
|
|
}
|
|
.el-input-group__append .el-select,
|
|
.el-input-group__append .el-button, .el-input-group__prepend .el-select,
|
|
.el-input-group__prepend .el-button {
|
|
display: inline-block;
|
|
margin: -10px -20px;
|
|
}
|
|
.el-input-group__append button.el-button,
|
|
.el-input-group__append div.el-select .el-input__inner,
|
|
.el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button,
|
|
.el-input-group__prepend div.el-select .el-input__inner,
|
|
.el-input-group__prepend div.el-select:hover .el-input__inner {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
color: inherit;
|
|
border-top: 0;
|
|
border-bottom: 0;
|
|
}
|
|
.el-input-group__append .el-button,
|
|
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
|
|
.el-input-group__prepend .el-input {
|
|
font-size: inherit;
|
|
}
|
|
|
|
.el-input-group__prepend {
|
|
border-right: 0;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.el-input-group__append {
|
|
border-left: 0;
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.el-input-group--prepend .el-input__inner {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
|
|
border-color: transparent;
|
|
}
|
|
|
|
.el-input-group--append .el-input__inner {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
|
|
border-color: transparent;
|
|
}
|
|
|
|
/** disalbe default clear on IE */
|
|
.el-input__inner::-ms-clear {
|
|
display: none;
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
|
|
/* 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: 0.3s background-color;
|
|
transition: 0.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%;
|
|
}
|
|
|
|
/* 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: #e6ebf5;
|
|
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: #e6ebf5;
|
|
}
|
|
.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: #e6ebf5;
|
|
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: #e6ebf5;
|
|
}
|
|
.el-popper[x-placement^=left] .popper__arrow::after {
|
|
right: 1px;
|
|
bottom: -6px;
|
|
margin-left: -6px;
|
|
border-right-width: 0;
|
|
border-left-color: #FFFFFF;
|
|
}
|
|
|
|
/* 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: #e6ebf5;
|
|
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: #e6ebf5;
|
|
}
|
|
.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: #e6ebf5;
|
|
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: #e6ebf5;
|
|
}
|
|
.el-popper[x-placement^=left] .popper__arrow::after {
|
|
right: 1px;
|
|
bottom: -6px;
|
|
margin-left: -6px;
|
|
border-right-width: 0;
|
|
border-left-color: #FFFFFF;
|
|
}
|
|
|
|
.el-popover {
|
|
position: absolute;
|
|
background: #FFFFFF;
|
|
min-width: 150px;
|
|
border-radius: 4px;
|
|
border: 1px solid #e6ebf5;
|
|
padding: 12px;
|
|
z-index: 2000;
|
|
color: #606266;
|
|
line-height: 1.4;
|
|
text-align: justify;
|
|
font-size: 14px;
|
|
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
|
word-break: break-all;
|
|
}
|
|
.el-popover--plain {
|
|
padding: 18px 20px;
|
|
}
|
|
|
|
.el-popover__title {
|
|
color: #303133;
|
|
font-size: 16px;
|
|
line-height: 1;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.el-popover__reference:focus:not(.focusing), .el-popover__reference:focus:hover {
|
|
outline-width: 0;
|
|
}
|
|
|
|
.el-popover:focus:active, .el-popover:focus {
|
|
outline-width: 0;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
.v-modal-enter {
|
|
-webkit-animation: v-modal-in 0.2s ease;
|
|
animation: v-modal-in 0.2s ease;
|
|
}
|
|
|
|
.v-modal-leave {
|
|
-webkit-animation: v-modal-out 0.2s ease forwards;
|
|
animation: v-modal-out 0.2s ease forwards;
|
|
}
|
|
|
|
@keyframes v-modal-in {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes v-modal-out {
|
|
100% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.v-modal {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 0.5;
|
|
background: #000000;
|
|
}
|
|
|
|
.el-popup-parent--hidden {
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
.el-button {
|
|
display: inline-block;
|
|
line-height: 1;
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
background: #FFFFFF;
|
|
border: 1px solid #DCDFE6;
|
|
border-color: #DCDFE6;
|
|
color: #606266;
|
|
-webkit-appearance: none;
|
|
text-align: center;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
outline: none;
|
|
margin: 0;
|
|
-webkit-transition: 0.1s;
|
|
transition: 0.1s;
|
|
font-weight: 400;
|
|
-moz-user-select: none;
|
|
-webkit-user-select: none;
|
|
-ms-user-select: none;
|
|
padding: 12px 20px;
|
|
font-size: 14px;
|
|
border-radius: 4px;
|
|
}
|
|
.el-button + .el-button {
|
|
margin-left: 10px;
|
|
}
|
|
.el-button.is-round {
|
|
padding: 12px 20px;
|
|
}
|
|
.el-button:hover, .el-button:focus {
|
|
color: #1890ff;
|
|
border-color: #badeff;
|
|
background-color: #e8f4ff;
|
|
}
|
|
.el-button:active {
|
|
color: #1682e6;
|
|
border-color: #1682e6;
|
|
outline: none;
|
|
}
|
|
.el-button::-moz-focus-inner {
|
|
border: 0;
|
|
}
|
|
.el-button [class*=el-icon-] + span {
|
|
margin-left: 5px;
|
|
}
|
|
.el-button.is-plain:hover, .el-button.is-plain:focus {
|
|
background: #FFFFFF;
|
|
border-color: #1890ff;
|
|
color: #1890ff;
|
|
}
|
|
.el-button.is-plain:active {
|
|
background: #FFFFFF;
|
|
border-color: #1682e6;
|
|
color: #1682e6;
|
|
outline: none;
|
|
}
|
|
|
|
.el-button.is-active {
|
|
color: #1682e6;
|
|
border-color: #1682e6;
|
|
}
|
|
|
|
.el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus {
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
background-image: none;
|
|
background-color: #FFFFFF;
|
|
border-color: #e6ebf5;
|
|
}
|
|
.el-button.is-disabled.el-button--text {
|
|
background-color: transparent;
|
|
}
|
|
.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus {
|
|
background-color: #FFFFFF;
|
|
border-color: #e6ebf5;
|
|
color: #C0C4CC;
|
|
}
|
|
|
|
.el-button.is-loading {
|
|
position: relative;
|
|
pointer-events: none;
|
|
}
|
|
.el-button.is-loading:before {
|
|
pointer-events: none;
|
|
content: "";
|
|
position: absolute;
|
|
left: -1px;
|
|
top: -1px;
|
|
right: -1px;
|
|
bottom: -1px;
|
|
border-radius: inherit;
|
|
background-color: rgba(255, 255, 255, 0.35);
|
|
}
|
|
|
|
.el-button.is-round {
|
|
border-radius: 20px;
|
|
padding: 12px 23px;
|
|
}
|
|
|
|
.el-button.is-circle {
|
|
border-radius: 50%;
|
|
padding: 12px;
|
|
}
|
|
|
|
.el-button--primary {
|
|
color: #FFFFFF;
|
|
background-color: #1890ff;
|
|
border-color: #1890ff;
|
|
}
|
|
.el-button--primary:hover, .el-button--primary:focus {
|
|
background: #46a6ff;
|
|
border-color: #46a6ff;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--primary:active {
|
|
background: #1682e6;
|
|
border-color: #1682e6;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--primary.is-active {
|
|
background: #1682e6;
|
|
border-color: #1682e6;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active {
|
|
color: #FFFFFF;
|
|
background-color: #8cc8ff;
|
|
border-color: #8cc8ff;
|
|
}
|
|
.el-button--primary.is-plain {
|
|
color: #1890ff;
|
|
background: #e8f4ff;
|
|
border-color: #a3d3ff;
|
|
}
|
|
.el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus {
|
|
background: #1890ff;
|
|
border-color: #1890ff;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--primary.is-plain:active {
|
|
background: #1682e6;
|
|
border-color: #1682e6;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active {
|
|
color: #74bcff;
|
|
background-color: #e8f4ff;
|
|
border-color: #d1e9ff;
|
|
}
|
|
|
|
.el-button--success {
|
|
color: #FFFFFF;
|
|
background-color: #13ce66;
|
|
border-color: #13ce66;
|
|
}
|
|
.el-button--success:hover, .el-button--success:focus {
|
|
background: #42d885;
|
|
border-color: #42d885;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--success:active {
|
|
background: #11b95c;
|
|
border-color: #11b95c;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--success.is-active {
|
|
background: #11b95c;
|
|
border-color: #11b95c;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--success.is-disabled, .el-button--success.is-disabled:hover, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:active {
|
|
color: #FFFFFF;
|
|
background-color: #89e7b3;
|
|
border-color: #89e7b3;
|
|
}
|
|
.el-button--success.is-plain {
|
|
color: #13ce66;
|
|
background: #e7faf0;
|
|
border-color: #a1ebc2;
|
|
}
|
|
.el-button--success.is-plain:hover, .el-button--success.is-plain:focus {
|
|
background: #13ce66;
|
|
border-color: #13ce66;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--success.is-plain:active {
|
|
background: #11b95c;
|
|
border-color: #11b95c;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active {
|
|
color: #71e2a3;
|
|
background-color: #e7faf0;
|
|
border-color: #d0f5e0;
|
|
}
|
|
|
|
.el-button--warning {
|
|
color: #FFFFFF;
|
|
background-color: #ffba00;
|
|
border-color: #ffba00;
|
|
}
|
|
.el-button--warning:hover, .el-button--warning:focus {
|
|
background: #ffc833;
|
|
border-color: #ffc833;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--warning:active {
|
|
background: #e6a700;
|
|
border-color: #e6a700;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--warning.is-active {
|
|
background: #e6a700;
|
|
border-color: #e6a700;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--warning.is-disabled, .el-button--warning.is-disabled:hover, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:active {
|
|
color: #FFFFFF;
|
|
background-color: #ffdd80;
|
|
border-color: #ffdd80;
|
|
}
|
|
.el-button--warning.is-plain {
|
|
color: #ffba00;
|
|
background: #fff8e6;
|
|
border-color: #ffe399;
|
|
}
|
|
.el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus {
|
|
background: #ffba00;
|
|
border-color: #ffba00;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--warning.is-plain:active {
|
|
background: #e6a700;
|
|
border-color: #e6a700;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active {
|
|
color: #ffd666;
|
|
background-color: #fff8e6;
|
|
border-color: #fff1cc;
|
|
}
|
|
|
|
.el-button--danger {
|
|
color: #FFFFFF;
|
|
background-color: #ff4949;
|
|
border-color: #ff4949;
|
|
}
|
|
.el-button--danger:hover, .el-button--danger:focus {
|
|
background: #ff6d6d;
|
|
border-color: #ff6d6d;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--danger:active {
|
|
background: #e64242;
|
|
border-color: #e64242;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--danger.is-active {
|
|
background: #e64242;
|
|
border-color: #e64242;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--danger.is-disabled, .el-button--danger.is-disabled:hover, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:active {
|
|
color: #FFFFFF;
|
|
background-color: #ffa4a4;
|
|
border-color: #ffa4a4;
|
|
}
|
|
.el-button--danger.is-plain {
|
|
color: #ff4949;
|
|
background: #ffeded;
|
|
border-color: #ffb6b6;
|
|
}
|
|
.el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus {
|
|
background: #ff4949;
|
|
border-color: #ff4949;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--danger.is-plain:active {
|
|
background: #e64242;
|
|
border-color: #e64242;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active {
|
|
color: #ff9292;
|
|
background-color: #ffeded;
|
|
border-color: #ffdbdb;
|
|
}
|
|
|
|
.el-button--info {
|
|
color: #FFFFFF;
|
|
background-color: #909399;
|
|
border-color: #909399;
|
|
}
|
|
.el-button--info:hover, .el-button--info:focus {
|
|
background: #a6a9ad;
|
|
border-color: #a6a9ad;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--info:active {
|
|
background: #82848a;
|
|
border-color: #82848a;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--info.is-active {
|
|
background: #82848a;
|
|
border-color: #82848a;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--info.is-disabled, .el-button--info.is-disabled:hover, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:active {
|
|
color: #FFFFFF;
|
|
background-color: #c8c9cc;
|
|
border-color: #c8c9cc;
|
|
}
|
|
.el-button--info.is-plain {
|
|
color: #909399;
|
|
background: #f4f4f5;
|
|
border-color: #d3d4d6;
|
|
}
|
|
.el-button--info.is-plain:hover, .el-button--info.is-plain:focus {
|
|
background: #909399;
|
|
border-color: #909399;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--info.is-plain:active {
|
|
background: #82848a;
|
|
border-color: #82848a;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active {
|
|
color: #bcbec2;
|
|
background-color: #f4f4f5;
|
|
border-color: #e9e9eb;
|
|
}
|
|
|
|
.el-button--medium {
|
|
padding: 10px 20px;
|
|
font-size: 14px;
|
|
border-radius: 4px;
|
|
}
|
|
.el-button--medium.is-round {
|
|
padding: 10px 20px;
|
|
}
|
|
.el-button--medium.is-circle {
|
|
padding: 10px;
|
|
}
|
|
|
|
.el-button--small {
|
|
padding: 9px 15px;
|
|
font-size: 12px;
|
|
border-radius: 3px;
|
|
}
|
|
.el-button--small.is-round {
|
|
padding: 9px 15px;
|
|
}
|
|
.el-button--small.is-circle {
|
|
padding: 9px;
|
|
}
|
|
|
|
.el-button--mini {
|
|
padding: 7px 15px;
|
|
font-size: 12px;
|
|
border-radius: 3px;
|
|
}
|
|
.el-button--mini.is-round {
|
|
padding: 7px 15px;
|
|
}
|
|
.el-button--mini.is-circle {
|
|
padding: 7px;
|
|
}
|
|
|
|
.el-button--text {
|
|
border-color: transparent;
|
|
color: #1890ff;
|
|
background: transparent;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
.el-button--text:hover, .el-button--text:focus {
|
|
color: #46a6ff;
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
}
|
|
.el-button--text:active {
|
|
color: #1682e6;
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
}
|
|
.el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus {
|
|
border-color: transparent;
|
|
}
|
|
|
|
.el-button-group {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
.el-button-group::before,
|
|
.el-button-group::after {
|
|
display: table;
|
|
content: "";
|
|
}
|
|
|
|
.el-button-group::after {
|
|
clear: both;
|
|
}
|
|
|
|
.el-button-group > .el-button {
|
|
float: left;
|
|
position: relative;
|
|
}
|
|
.el-button-group > .el-button + .el-button {
|
|
margin-left: 0;
|
|
}
|
|
.el-button-group > .el-button.is-disabled {
|
|
z-index: 1;
|
|
}
|
|
.el-button-group > .el-button:first-child {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.el-button-group > .el-button:last-child {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
.el-button-group > .el-button:first-child:last-child {
|
|
border-top-right-radius: 4px;
|
|
border-bottom-right-radius: 4px;
|
|
border-top-left-radius: 4px;
|
|
border-bottom-left-radius: 4px;
|
|
}
|
|
.el-button-group > .el-button:first-child:last-child.is-round {
|
|
border-radius: 20px;
|
|
}
|
|
.el-button-group > .el-button:first-child:last-child.is-circle {
|
|
border-radius: 50%;
|
|
}
|
|
.el-button-group > .el-button:not(:first-child):not(:last-child) {
|
|
border-radius: 0;
|
|
}
|
|
.el-button-group > .el-button:not(:last-child) {
|
|
margin-right: -1px;
|
|
}
|
|
.el-button-group > .el-button:hover, .el-button-group > .el-button:focus, .el-button-group > .el-button:active {
|
|
z-index: 1;
|
|
}
|
|
.el-button-group > .el-button.is-active {
|
|
z-index: 1;
|
|
}
|
|
|
|
.el-button-group > .el-dropdown > .el-button {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--primary:first-child {
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--primary:last-child {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--success:first-child {
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--success:last-child {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--success:not(:first-child):not(:last-child) {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--warning:first-child {
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--warning:last-child {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--danger:first-child {
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--danger:last-child {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--info:first-child {
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--info:last-child {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--info:not(:first-child):not(:last-child) {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.el-textarea {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 100%;
|
|
vertical-align: bottom;
|
|
font-size: 14px;
|
|
}
|
|
.el-textarea__inner {
|
|
display: block;
|
|
resize: vertical;
|
|
padding: 5px 15px;
|
|
line-height: 1.5;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
font-size: inherit;
|
|
color: #606266;
|
|
background-color: #FFFFFF;
|
|
background-image: none;
|
|
border: 1px solid #DCDFE6;
|
|
border-radius: 4px;
|
|
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
.el-textarea__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner:hover {
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner:focus {
|
|
outline: none;
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-textarea .el-input__count {
|
|
color: #909399;
|
|
background: #FFFFFF;
|
|
position: absolute;
|
|
font-size: 12px;
|
|
bottom: 5px;
|
|
right: 10px;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner {
|
|
background-color: #F5F7FA;
|
|
border-color: #dfe4ed;
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
|
|
.el-textarea.is-exceed .el-textarea__inner {
|
|
border-color: #ff4949;
|
|
}
|
|
.el-textarea.is-exceed .el-input__count {
|
|
color: #ff4949;
|
|
}
|
|
|
|
.el-input {
|
|
position: relative;
|
|
font-size: 14px;
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
.el-input::-webkit-scrollbar {
|
|
z-index: 11;
|
|
width: 6px;
|
|
}
|
|
.el-input::-webkit-scrollbar:horizontal {
|
|
height: 6px;
|
|
}
|
|
.el-input::-webkit-scrollbar-thumb {
|
|
border-radius: 5px;
|
|
width: 6px;
|
|
background: #b4bccc;
|
|
}
|
|
.el-input::-webkit-scrollbar-corner {
|
|
background: #fff;
|
|
}
|
|
.el-input::-webkit-scrollbar-track {
|
|
background: #fff;
|
|
}
|
|
.el-input::-webkit-scrollbar-track-piece {
|
|
background: #fff;
|
|
width: 6px;
|
|
}
|
|
.el-input .el-input__clear {
|
|
color: #C0C4CC;
|
|
font-size: 14px;
|
|
cursor: pointer;
|
|
-webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
.el-input .el-input__clear:hover {
|
|
color: #909399;
|
|
}
|
|
.el-input .el-input__count {
|
|
height: 100%;
|
|
display: -webkit-inline-box;
|
|
display: -ms-inline-flexbox;
|
|
display: inline-flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
color: #909399;
|
|
font-size: 12px;
|
|
}
|
|
.el-input .el-input__count .el-input__count-inner {
|
|
background: #FFFFFF;
|
|
line-height: initial;
|
|
display: inline-block;
|
|
padding: 0 5px;
|
|
}
|
|
.el-input__inner {
|
|
-webkit-appearance: none;
|
|
background-color: #FFFFFF;
|
|
background-image: none;
|
|
border-radius: 4px;
|
|
border: 1px solid #DCDFE6;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
color: #606266;
|
|
display: inline-block;
|
|
font-size: inherit;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
outline: none;
|
|
padding: 0 15px;
|
|
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
width: 100%;
|
|
}
|
|
.el-input__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner:hover {
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-input__inner:focus {
|
|
outline: none;
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-input__suffix {
|
|
position: absolute;
|
|
height: 100%;
|
|
right: 5px;
|
|
top: 0;
|
|
text-align: center;
|
|
color: #C0C4CC;
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.el-input__suffix-inner {
|
|
pointer-events: all;
|
|
}
|
|
|
|
.el-input__prefix {
|
|
position: absolute;
|
|
height: 100%;
|
|
left: 5px;
|
|
top: 0;
|
|
text-align: center;
|
|
color: #C0C4CC;
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
.el-input__icon {
|
|
height: 100%;
|
|
width: 25px;
|
|
text-align: center;
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
line-height: 40px;
|
|
}
|
|
.el-input__icon:after {
|
|
content: "";
|
|
height: 100%;
|
|
width: 0;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.el-input__validateIcon {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.el-input.is-active .el-input__inner {
|
|
outline: none;
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-input.is-disabled .el-input__inner {
|
|
background-color: #F5F7FA;
|
|
border-color: #dfe4ed;
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__icon {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.el-input.is-exceed .el-input__inner {
|
|
border-color: #ff4949;
|
|
}
|
|
.el-input.is-exceed .el-input__suffix .el-input__count {
|
|
color: #ff4949;
|
|
}
|
|
|
|
.el-input--suffix .el-input__inner {
|
|
padding-right: 30px;
|
|
}
|
|
|
|
.el-input--prefix .el-input__inner {
|
|
padding-left: 30px;
|
|
}
|
|
|
|
.el-input--medium {
|
|
font-size: 14px;
|
|
}
|
|
.el-input--medium .el-input__inner {
|
|
height: 36px;
|
|
line-height: 36px;
|
|
}
|
|
|
|
.el-input--medium .el-input__icon {
|
|
line-height: 36px;
|
|
}
|
|
|
|
.el-input--small {
|
|
font-size: 13px;
|
|
}
|
|
.el-input--small .el-input__inner {
|
|
height: 32px;
|
|
line-height: 32px;
|
|
}
|
|
|
|
.el-input--small .el-input__icon {
|
|
line-height: 32px;
|
|
}
|
|
|
|
.el-input--mini {
|
|
font-size: 12px;
|
|
}
|
|
.el-input--mini .el-input__inner {
|
|
height: 28px;
|
|
line-height: 28px;
|
|
}
|
|
|
|
.el-input--mini .el-input__icon {
|
|
line-height: 28px;
|
|
}
|
|
|
|
.el-input-group {
|
|
line-height: normal;
|
|
display: inline-table;
|
|
width: 100%;
|
|
border-collapse: separate;
|
|
border-spacing: 0;
|
|
}
|
|
.el-input-group > .el-input__inner {
|
|
vertical-align: middle;
|
|
display: table-cell;
|
|
}
|
|
.el-input-group__append, .el-input-group__prepend {
|
|
background-color: #F5F7FA;
|
|
color: #909399;
|
|
vertical-align: middle;
|
|
display: table-cell;
|
|
position: relative;
|
|
border: 1px solid #DCDFE6;
|
|
border-radius: 4px;
|
|
padding: 0 20px;
|
|
width: 1px;
|
|
white-space: nowrap;
|
|
}
|
|
.el-input-group__append:focus, .el-input-group__prepend:focus {
|
|
outline: none;
|
|
}
|
|
.el-input-group__append .el-select,
|
|
.el-input-group__append .el-button, .el-input-group__prepend .el-select,
|
|
.el-input-group__prepend .el-button {
|
|
display: inline-block;
|
|
margin: -10px -20px;
|
|
}
|
|
.el-input-group__append button.el-button,
|
|
.el-input-group__append div.el-select .el-input__inner,
|
|
.el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button,
|
|
.el-input-group__prepend div.el-select .el-input__inner,
|
|
.el-input-group__prepend div.el-select:hover .el-input__inner {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
color: inherit;
|
|
border-top: 0;
|
|
border-bottom: 0;
|
|
}
|
|
.el-input-group__append .el-button,
|
|
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
|
|
.el-input-group__prepend .el-input {
|
|
font-size: inherit;
|
|
}
|
|
|
|
.el-input-group__prepend {
|
|
border-right: 0;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.el-input-group__append {
|
|
border-left: 0;
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.el-input-group--prepend .el-input__inner {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
|
|
border-color: transparent;
|
|
}
|
|
|
|
.el-input-group--append .el-input__inner {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
|
|
border-color: transparent;
|
|
}
|
|
|
|
/** disalbe default clear on IE */
|
|
.el-input__inner::-ms-clear {
|
|
display: none;
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
|
|
.el-message-box {
|
|
display: inline-block;
|
|
width: 420px;
|
|
padding-bottom: 10px;
|
|
vertical-align: middle;
|
|
background-color: #FFFFFF;
|
|
border-radius: 4px;
|
|
border: 1px solid #e6ebf5;
|
|
font-size: 18px;
|
|
-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);
|
|
text-align: left;
|
|
overflow: hidden;
|
|
-webkit-backface-visibility: hidden;
|
|
backface-visibility: hidden;
|
|
}
|
|
.el-message-box__wrapper {
|
|
position: fixed;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
text-align: center;
|
|
}
|
|
.el-message-box__wrapper::after {
|
|
content: "";
|
|
display: inline-block;
|
|
height: 100%;
|
|
width: 0;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.el-message-box__header {
|
|
position: relative;
|
|
padding: 15px;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.el-message-box__title {
|
|
padding-left: 0;
|
|
margin-bottom: 0;
|
|
font-size: 18px;
|
|
line-height: 1;
|
|
color: #303133;
|
|
}
|
|
|
|
.el-message-box__headerbtn {
|
|
position: absolute;
|
|
top: 15px;
|
|
right: 15px;
|
|
padding: 0;
|
|
border: none;
|
|
outline: none;
|
|
background: transparent;
|
|
font-size: 16px;
|
|
cursor: pointer;
|
|
}
|
|
.el-message-box__headerbtn .el-message-box__close {
|
|
color: #909399;
|
|
}
|
|
.el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close {
|
|
color: #1890ff;
|
|
}
|
|
|
|
.el-message-box__content {
|
|
padding: 10px 15px;
|
|
color: #606266;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.el-message-box__container {
|
|
position: relative;
|
|
}
|
|
|
|
.el-message-box__input {
|
|
padding-top: 15px;
|
|
}
|
|
.el-message-box__input input.invalid {
|
|
border-color: #ff4949;
|
|
}
|
|
.el-message-box__input input.invalid:focus {
|
|
border-color: #ff4949;
|
|
}
|
|
|
|
.el-message-box__status {
|
|
position: absolute;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
font-size: 24px !important;
|
|
}
|
|
.el-message-box__status::before {
|
|
padding-left: 1px;
|
|
}
|
|
.el-message-box__status + .el-message-box__message {
|
|
padding-left: 36px;
|
|
padding-right: 12px;
|
|
}
|
|
.el-message-box__status.el-icon-success {
|
|
color: #13ce66;
|
|
}
|
|
.el-message-box__status.el-icon-info {
|
|
color: #909399;
|
|
}
|
|
.el-message-box__status.el-icon-warning {
|
|
color: #ffba00;
|
|
}
|
|
.el-message-box__status.el-icon-error {
|
|
color: #ff4949;
|
|
}
|
|
|
|
.el-message-box__message {
|
|
margin: 0;
|
|
}
|
|
.el-message-box__message p {
|
|
margin: 0;
|
|
line-height: 24px;
|
|
}
|
|
|
|
.el-message-box__errormsg {
|
|
color: #ff4949;
|
|
font-size: 12px;
|
|
min-height: 18px;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.el-message-box__btns {
|
|
padding: 5px 15px 0;
|
|
text-align: right;
|
|
}
|
|
.el-message-box__btns button:nth-child(2) {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.el-message-box__btns-reverse {
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: reverse;
|
|
-ms-flex-direction: row-reverse;
|
|
flex-direction: row-reverse;
|
|
}
|
|
|
|
.el-message-box--center {
|
|
padding-bottom: 30px;
|
|
}
|
|
.el-message-box--center .el-message-box__header {
|
|
padding-top: 30px;
|
|
}
|
|
|
|
.el-message-box--center .el-message-box__title {
|
|
position: relative;
|
|
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-message-box--center .el-message-box__status {
|
|
position: relative;
|
|
top: auto;
|
|
padding-right: 5px;
|
|
text-align: center;
|
|
-webkit-transform: translateY(-1px);
|
|
transform: translateY(-1px);
|
|
}
|
|
|
|
.el-message-box--center .el-message-box__message {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.el-message-box--center .el-message-box__btns, .el-message-box--center .el-message-box__content {
|
|
text-align: center;
|
|
}
|
|
|
|
.el-message-box--center .el-message-box__content {
|
|
padding-left: 27px;
|
|
padding-right: 27px;
|
|
}
|
|
|
|
.msgbox-fade-enter-active {
|
|
-webkit-animation: msgbox-fade-in 0.3s;
|
|
animation: msgbox-fade-in 0.3s;
|
|
}
|
|
|
|
.msgbox-fade-leave-active {
|
|
-webkit-animation: msgbox-fade-out 0.3s;
|
|
animation: msgbox-fade-out 0.3s;
|
|
}
|
|
|
|
@-webkit-keyframes msgbox-fade-in {
|
|
0% {
|
|
-webkit-transform: translate3d(0, -20px, 0);
|
|
transform: translate3d(0, -20px, 0);
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes msgbox-fade-in {
|
|
0% {
|
|
-webkit-transform: translate3d(0, -20px, 0);
|
|
transform: translate3d(0, -20px, 0);
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@-webkit-keyframes msgbox-fade-out {
|
|
0% {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
-webkit-transform: translate3d(0, -20px, 0);
|
|
transform: translate3d(0, -20px, 0);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes msgbox-fade-out {
|
|
0% {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
-webkit-transform: translate3d(0, -20px, 0);
|
|
transform: translate3d(0, -20px, 0);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.el-breadcrumb {
|
|
font-size: 14px;
|
|
line-height: 1;
|
|
}
|
|
.el-breadcrumb::before,
|
|
.el-breadcrumb::after {
|
|
display: table;
|
|
content: "";
|
|
}
|
|
|
|
.el-breadcrumb::after {
|
|
clear: both;
|
|
}
|
|
|
|
.el-breadcrumb__separator {
|
|
margin: 0 9px;
|
|
font-weight: bold;
|
|
color: #C0C4CC;
|
|
}
|
|
.el-breadcrumb__separator[class*=icon] {
|
|
margin: 0 6px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.el-breadcrumb__item {
|
|
float: left;
|
|
}
|
|
.el-breadcrumb__inner {
|
|
color: #606266;
|
|
}
|
|
.el-breadcrumb__inner.is-link, .el-breadcrumb__inner a {
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
-webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
color: #303133;
|
|
}
|
|
.el-breadcrumb__inner.is-link:hover, .el-breadcrumb__inner a:hover {
|
|
color: #1890ff;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.el-breadcrumb__item:last-child .el-breadcrumb__inner, .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover,
|
|
.el-breadcrumb__item:last-child .el-breadcrumb__inner a,
|
|
.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover {
|
|
font-weight: normal;
|
|
color: #606266;
|
|
cursor: text;
|
|
}
|
|
.el-breadcrumb__item:last-child .el-breadcrumb__separator {
|
|
display: none;
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.el-form--label-left .el-form-item__label {
|
|
text-align: left;
|
|
}
|
|
|
|
.el-form--label-top .el-form-item__label {
|
|
float: none;
|
|
display: inline-block;
|
|
text-align: left;
|
|
padding: 0 0 10px 0;
|
|
}
|
|
|
|
.el-form--inline .el-form-item {
|
|
display: inline-block;
|
|
margin-right: 10px;
|
|
vertical-align: top;
|
|
}
|
|
.el-form--inline .el-form-item__label {
|
|
float: none;
|
|
display: inline-block;
|
|
}
|
|
.el-form--inline .el-form-item__content {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
.el-form--inline.el-form--label-top .el-form-item__content {
|
|
display: block;
|
|
}
|
|
|
|
.el-form-item {
|
|
margin-bottom: 22px;
|
|
}
|
|
.el-form-item::before,
|
|
.el-form-item::after {
|
|
display: table;
|
|
content: "";
|
|
}
|
|
|
|
.el-form-item::after {
|
|
clear: both;
|
|
}
|
|
|
|
.el-form-item .el-form-item {
|
|
margin-bottom: 0;
|
|
}
|
|
.el-form-item .el-input__validateIcon {
|
|
display: none;
|
|
}
|
|
.el-form-item--medium .el-form-item__label {
|
|
line-height: 36px;
|
|
}
|
|
.el-form-item--medium .el-form-item__content {
|
|
line-height: 36px;
|
|
}
|
|
|
|
.el-form-item--small .el-form-item__label {
|
|
line-height: 32px;
|
|
}
|
|
.el-form-item--small .el-form-item__content {
|
|
line-height: 32px;
|
|
}
|
|
.el-form-item--small.el-form-item {
|
|
margin-bottom: 18px;
|
|
}
|
|
.el-form-item--small .el-form-item__error {
|
|
padding-top: 2px;
|
|
}
|
|
|
|
.el-form-item--mini .el-form-item__label {
|
|
line-height: 28px;
|
|
}
|
|
.el-form-item--mini .el-form-item__content {
|
|
line-height: 28px;
|
|
}
|
|
.el-form-item--mini.el-form-item {
|
|
margin-bottom: 18px;
|
|
}
|
|
.el-form-item--mini .el-form-item__error {
|
|
padding-top: 1px;
|
|
}
|
|
|
|
.el-form-item__label-wrap {
|
|
float: left;
|
|
}
|
|
.el-form-item__label-wrap .el-form-item__label {
|
|
display: inline-block;
|
|
float: none;
|
|
}
|
|
|
|
.el-form-item__label {
|
|
text-align: right;
|
|
vertical-align: middle;
|
|
float: left;
|
|
font-size: 14px;
|
|
color: #606266;
|
|
line-height: 40px;
|
|
padding: 0 12px 0 0;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.el-form-item__content {
|
|
line-height: 40px;
|
|
position: relative;
|
|
font-size: 14px;
|
|
}
|
|
.el-form-item__content::before,
|
|
.el-form-item__content::after {
|
|
display: table;
|
|
content: "";
|
|
}
|
|
|
|
.el-form-item__content::after {
|
|
clear: both;
|
|
}
|
|
|
|
.el-form-item__content .el-input-group {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.el-form-item__error {
|
|
color: #ff4949;
|
|
font-size: 12px;
|
|
line-height: 1;
|
|
padding-top: 4px;
|
|
position: absolute;
|
|
top: 100%;
|
|
left: 0;
|
|
}
|
|
.el-form-item__error--inline {
|
|
position: relative;
|
|
top: auto;
|
|
left: auto;
|
|
display: inline-block;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before, .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label:before {
|
|
content: "*";
|
|
color: #ff4949;
|
|
margin-right: 4px;
|
|
}
|
|
|
|
.el-form-item.is-error .el-input__inner, .el-form-item.is-error .el-input__inner:focus, .el-form-item.is-error .el-textarea__inner, .el-form-item.is-error .el-textarea__inner:focus {
|
|
border-color: #ff4949;
|
|
}
|
|
.el-form-item.is-error .el-input-group__append .el-input__inner, .el-form-item.is-error .el-input-group__prepend .el-input__inner {
|
|
border-color: transparent;
|
|
}
|
|
.el-form-item.is-error .el-input__validateIcon {
|
|
color: #ff4949;
|
|
}
|
|
|
|
.el-form-item--feedback .el-input__validateIcon {
|
|
display: inline-block;
|
|
}
|
|
|
|
/* 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: #1890ff;
|
|
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 0.15s;
|
|
transition: all 0.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: #1890ff;
|
|
}
|
|
|
|
.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: #dfe4ed;
|
|
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 0.3s;
|
|
transition: -webkit-transform 0.3s;
|
|
transition: transform 0.3s;
|
|
transition: transform 0.3s, -webkit-transform 0.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 #1890ff inset;
|
|
box-shadow: 0 0 2px 2px #1890ff 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: #1890ff;
|
|
}
|
|
|
|
.el-tabs__item:hover {
|
|
color: #1890ff;
|
|
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 #dfe4ed;
|
|
}
|
|
.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 #dfe4ed;
|
|
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 #dfe4ed;
|
|
-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 #dfe4ed;
|
|
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: #1890ff;
|
|
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: #1890ff;
|
|
}
|
|
.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 #dfe4ed;
|
|
border-bottom: none;
|
|
border-top: 1px solid #dfe4ed;
|
|
text-align: left;
|
|
}
|
|
.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child {
|
|
border-right: 1px solid #dfe4ed;
|
|
border-top: none;
|
|
}
|
|
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active {
|
|
border: 1px solid #dfe4ed;
|
|
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 #dfe4ed;
|
|
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 #dfe4ed;
|
|
}
|
|
.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child {
|
|
border-left: 1px solid #dfe4ed;
|
|
border-top: none;
|
|
}
|
|
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
|
|
border: 1px solid #dfe4ed;
|
|
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 #dfe4ed;
|
|
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 0.3s;
|
|
animation: slideInRight-enter 0.3s;
|
|
}
|
|
|
|
.slideInRight-leave {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
-webkit-animation: slideInRight-leave 0.3s;
|
|
animation: slideInRight-leave 0.3s;
|
|
}
|
|
|
|
.slideInLeft-enter {
|
|
-webkit-animation: slideInLeft-enter 0.3s;
|
|
animation: slideInLeft-enter 0.3s;
|
|
}
|
|
|
|
.slideInLeft-leave {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
-webkit-animation: slideInLeft-leave 0.3s;
|
|
animation: slideInLeft-leave 0.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;
|
|
}
|
|
}
|
|
/* 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: #e8f4ff;
|
|
border-color: #d1e9ff;
|
|
color: #1890ff;
|
|
display: inline-block;
|
|
height: 32px;
|
|
padding: 0 10px;
|
|
line-height: 30px;
|
|
font-size: 12px;
|
|
color: #1890ff;
|
|
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: #1890ff;
|
|
}
|
|
|
|
.el-tag .el-tag__close {
|
|
color: #1890ff;
|
|
}
|
|
.el-tag .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #1890ff;
|
|
}
|
|
.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: #e7faf0;
|
|
border-color: #d0f5e0;
|
|
color: #13ce66;
|
|
}
|
|
.el-tag.el-tag--success.is-hit {
|
|
border-color: #13ce66;
|
|
}
|
|
|
|
.el-tag.el-tag--success .el-tag__close {
|
|
color: #13ce66;
|
|
}
|
|
.el-tag.el-tag--success .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #13ce66;
|
|
}
|
|
.el-tag.el-tag--warning {
|
|
background-color: #fff8e6;
|
|
border-color: #fff1cc;
|
|
color: #ffba00;
|
|
}
|
|
.el-tag.el-tag--warning.is-hit {
|
|
border-color: #ffba00;
|
|
}
|
|
|
|
.el-tag.el-tag--warning .el-tag__close {
|
|
color: #ffba00;
|
|
}
|
|
.el-tag.el-tag--warning .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #ffba00;
|
|
}
|
|
.el-tag.el-tag--danger {
|
|
background-color: #ffeded;
|
|
border-color: #ffdbdb;
|
|
color: #ff4949;
|
|
}
|
|
.el-tag.el-tag--danger.is-hit {
|
|
border-color: #ff4949;
|
|
}
|
|
|
|
.el-tag.el-tag--danger .el-tag__close {
|
|
color: #ff4949;
|
|
}
|
|
.el-tag.el-tag--danger .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #ff4949;
|
|
}
|
|
.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: #1890ff;
|
|
border-color: #1890ff;
|
|
color: white;
|
|
}
|
|
.el-tag--dark.is-hit {
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-tag--dark .el-tag__close {
|
|
color: white;
|
|
}
|
|
.el-tag--dark .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #46a6ff;
|
|
}
|
|
.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: #13ce66;
|
|
border-color: #13ce66;
|
|
color: white;
|
|
}
|
|
.el-tag--dark.el-tag--success.is-hit {
|
|
border-color: #13ce66;
|
|
}
|
|
|
|
.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: #42d885;
|
|
}
|
|
.el-tag--dark.el-tag--warning {
|
|
background-color: #ffba00;
|
|
border-color: #ffba00;
|
|
color: white;
|
|
}
|
|
.el-tag--dark.el-tag--warning.is-hit {
|
|
border-color: #ffba00;
|
|
}
|
|
|
|
.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: #ffc833;
|
|
}
|
|
.el-tag--dark.el-tag--danger {
|
|
background-color: #ff4949;
|
|
border-color: #ff4949;
|
|
color: white;
|
|
}
|
|
.el-tag--dark.el-tag--danger.is-hit {
|
|
border-color: #ff4949;
|
|
}
|
|
|
|
.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: #ff6d6d;
|
|
}
|
|
|
|
.el-tag--plain {
|
|
background-color: white;
|
|
border-color: #a3d3ff;
|
|
color: #1890ff;
|
|
}
|
|
.el-tag--plain.is-hit {
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-tag--plain .el-tag__close {
|
|
color: #1890ff;
|
|
}
|
|
.el-tag--plain .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #1890ff;
|
|
}
|
|
.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: #a1ebc2;
|
|
color: #13ce66;
|
|
}
|
|
.el-tag--plain.el-tag--success.is-hit {
|
|
border-color: #13ce66;
|
|
}
|
|
|
|
.el-tag--plain.el-tag--success .el-tag__close {
|
|
color: #13ce66;
|
|
}
|
|
.el-tag--plain.el-tag--success .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #13ce66;
|
|
}
|
|
.el-tag--plain.el-tag--warning {
|
|
background-color: white;
|
|
border-color: #ffe399;
|
|
color: #ffba00;
|
|
}
|
|
.el-tag--plain.el-tag--warning.is-hit {
|
|
border-color: #ffba00;
|
|
}
|
|
|
|
.el-tag--plain.el-tag--warning .el-tag__close {
|
|
color: #ffba00;
|
|
}
|
|
.el-tag--plain.el-tag--warning .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #ffba00;
|
|
}
|
|
.el-tag--plain.el-tag--danger {
|
|
background-color: white;
|
|
border-color: #ffb6b6;
|
|
color: #ff4949;
|
|
}
|
|
.el-tag--plain.el-tag--danger.is-hit {
|
|
border-color: #ff4949;
|
|
}
|
|
|
|
.el-tag--plain.el-tag--danger .el-tag__close {
|
|
color: #ff4949;
|
|
}
|
|
.el-tag--plain.el-tag--danger .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #ff4949;
|
|
}
|
|
|
|
.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);
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.fade-in-linear-enter-active,
|
|
.fade-in-linear-leave-active {
|
|
-webkit-transition: opacity 200ms linear;
|
|
transition: opacity 200ms linear;
|
|
}
|
|
|
|
.fade-in-linear-enter,
|
|
.fade-in-linear-leave,
|
|
.fade-in-linear-leave-active {
|
|
opacity: 0;
|
|
}
|
|
|
|
.el-fade-in-linear-enter-active,
|
|
.el-fade-in-linear-leave-active {
|
|
-webkit-transition: opacity 200ms linear;
|
|
transition: opacity 200ms linear;
|
|
}
|
|
|
|
.el-fade-in-linear-enter,
|
|
.el-fade-in-linear-leave,
|
|
.el-fade-in-linear-leave-active {
|
|
opacity: 0;
|
|
}
|
|
|
|
.el-fade-in-enter-active,
|
|
.el-fade-in-leave-active {
|
|
-webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
}
|
|
|
|
.el-fade-in-enter,
|
|
.el-fade-in-leave-active {
|
|
opacity: 0;
|
|
}
|
|
|
|
.el-zoom-in-center-enter-active,
|
|
.el-zoom-in-center-leave-active {
|
|
-webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
}
|
|
|
|
.el-zoom-in-center-enter,
|
|
.el-zoom-in-center-leave-active {
|
|
opacity: 0;
|
|
-webkit-transform: scaleX(0);
|
|
transform: scaleX(0);
|
|
}
|
|
|
|
.el-zoom-in-top-enter-active,
|
|
.el-zoom-in-top-leave-active {
|
|
opacity: 1;
|
|
-webkit-transform: scaleY(1);
|
|
transform: scaleY(1);
|
|
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
-webkit-transform-origin: center top;
|
|
transform-origin: center top;
|
|
}
|
|
|
|
.el-zoom-in-top-enter,
|
|
.el-zoom-in-top-leave-active {
|
|
opacity: 0;
|
|
-webkit-transform: scaleY(0);
|
|
transform: scaleY(0);
|
|
}
|
|
|
|
.el-zoom-in-bottom-enter-active,
|
|
.el-zoom-in-bottom-leave-active {
|
|
opacity: 1;
|
|
-webkit-transform: scaleY(1);
|
|
transform: scaleY(1);
|
|
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
-webkit-transform-origin: center bottom;
|
|
transform-origin: center bottom;
|
|
}
|
|
|
|
.el-zoom-in-bottom-enter,
|
|
.el-zoom-in-bottom-leave-active {
|
|
opacity: 0;
|
|
-webkit-transform: scaleY(0);
|
|
transform: scaleY(0);
|
|
}
|
|
|
|
.el-zoom-in-left-enter-active,
|
|
.el-zoom-in-left-leave-active {
|
|
opacity: 1;
|
|
-webkit-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
-webkit-transform-origin: top left;
|
|
transform-origin: top left;
|
|
}
|
|
|
|
.el-zoom-in-left-enter,
|
|
.el-zoom-in-left-leave-active {
|
|
opacity: 0;
|
|
-webkit-transform: scale(0.45, 0.45);
|
|
transform: scale(0.45, 0.45);
|
|
}
|
|
|
|
.collapse-transition {
|
|
-webkit-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
|
|
transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
|
|
}
|
|
|
|
.horizontal-collapse-transition {
|
|
-webkit-transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
|
|
transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
|
|
}
|
|
|
|
.el-list-enter-active,
|
|
.el-list-leave-active {
|
|
-webkit-transition: all 1s;
|
|
transition: all 1s;
|
|
}
|
|
|
|
.el-list-enter, .el-list-leave-active {
|
|
opacity: 0;
|
|
-webkit-transform: translateY(-30px);
|
|
transform: translateY(-30px);
|
|
}
|
|
|
|
.el-opacity-transition {
|
|
-webkit-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
}
|
|
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.el-checkbox {
|
|
color: #606266;
|
|
font-weight: 500;
|
|
font-size: 14px;
|
|
position: relative;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
white-space: nowrap;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
margin-right: 30px;
|
|
}
|
|
.el-checkbox.is-bordered {
|
|
padding: 9px 20px 9px 10px;
|
|
border-radius: 4px;
|
|
border: 1px solid #DCDFE6;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
line-height: normal;
|
|
height: 40px;
|
|
}
|
|
.el-checkbox.is-bordered.is-checked {
|
|
border-color: #1890ff;
|
|
}
|
|
.el-checkbox.is-bordered.is-disabled {
|
|
border-color: #e6ebf5;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-checkbox.is-bordered + .el-checkbox.is-bordered {
|
|
margin-left: 10px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--medium {
|
|
padding: 7px 20px 7px 10px;
|
|
border-radius: 4px;
|
|
height: 36px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
|
|
line-height: 17px;
|
|
font-size: 14px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
|
|
height: 14px;
|
|
width: 14px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--small {
|
|
padding: 5px 15px 5px 10px;
|
|
border-radius: 3px;
|
|
height: 32px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
|
|
line-height: 15px;
|
|
font-size: 12px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
|
|
height: 12px;
|
|
width: 12px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
|
|
height: 6px;
|
|
width: 2px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--mini {
|
|
padding: 3px 15px 3px 10px;
|
|
border-radius: 3px;
|
|
height: 28px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
|
|
line-height: 12px;
|
|
font-size: 12px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
|
|
height: 12px;
|
|
width: 12px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after {
|
|
height: 6px;
|
|
width: 2px;
|
|
}
|
|
|
|
.el-checkbox__input {
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
outline: none;
|
|
display: inline-block;
|
|
line-height: 1;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
}
|
|
.el-checkbox__input.is-disabled .el-checkbox__inner {
|
|
background-color: #edf2fc;
|
|
border-color: #DCDFE6;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-checkbox__input.is-disabled .el-checkbox__inner::after {
|
|
cursor: not-allowed;
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
|
|
cursor: not-allowed;
|
|
}
|
|
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
|
|
background-color: #F2F6FC;
|
|
border-color: #DCDFE6;
|
|
}
|
|
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
|
|
background-color: #F2F6FC;
|
|
border-color: #DCDFE6;
|
|
}
|
|
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
|
|
background-color: #C0C4CC;
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-checkbox__input.is-disabled + span.el-checkbox__label {
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.el-checkbox__input.is-checked .el-checkbox__inner {
|
|
background-color: #1890ff;
|
|
border-color: #1890ff;
|
|
}
|
|
.el-checkbox__input.is-checked .el-checkbox__inner::after {
|
|
-webkit-transform: rotate(45deg) scaleY(1);
|
|
transform: rotate(45deg) scaleY(1);
|
|
}
|
|
.el-checkbox__input.is-checked + .el-checkbox__label {
|
|
color: #1890ff;
|
|
}
|
|
|
|
.el-checkbox__input.is-focus {
|
|
/*focus时 视觉上区分*/
|
|
}
|
|
.el-checkbox__input.is-focus .el-checkbox__inner {
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
|
|
background-color: #1890ff;
|
|
border-color: #1890ff;
|
|
}
|
|
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
background-color: #FFFFFF;
|
|
height: 2px;
|
|
-webkit-transform: scale(0.5);
|
|
transform: scale(0.5);
|
|
left: 0;
|
|
right: 0;
|
|
top: 5px;
|
|
}
|
|
.el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
|
|
display: none;
|
|
}
|
|
|
|
.el-checkbox__inner {
|
|
display: inline-block;
|
|
position: relative;
|
|
border: 1px solid #DCDFE6;
|
|
border-radius: 2px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
width: 14px;
|
|
height: 14px;
|
|
background-color: #FFFFFF;
|
|
z-index: 1;
|
|
-webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
|
|
transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
|
|
}
|
|
.el-checkbox__inner:hover {
|
|
border-color: #1890ff;
|
|
}
|
|
.el-checkbox__inner::after {
|
|
-webkit-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
content: "";
|
|
border: 1px solid #FFFFFF;
|
|
border-left: 0;
|
|
border-top: 0;
|
|
height: 7px;
|
|
left: 4px;
|
|
position: absolute;
|
|
top: 1px;
|
|
-webkit-transform: rotate(45deg) scaleY(0);
|
|
transform: rotate(45deg) scaleY(0);
|
|
width: 3px;
|
|
-webkit-transition: -webkit-transform 0.15s ease-in 0.05s;
|
|
transition: -webkit-transform 0.15s ease-in 0.05s;
|
|
transition: transform 0.15s ease-in 0.05s;
|
|
transition: transform 0.15s ease-in 0.05s, -webkit-transform 0.15s ease-in 0.05s;
|
|
-webkit-transform-origin: center;
|
|
transform-origin: center;
|
|
}
|
|
|
|
.el-checkbox__original {
|
|
opacity: 0;
|
|
outline: none;
|
|
position: absolute;
|
|
margin: 0;
|
|
width: 0;
|
|
height: 0;
|
|
z-index: -1;
|
|
}
|
|
|
|
.el-checkbox__label {
|
|
display: inline-block;
|
|
padding-left: 10px;
|
|
line-height: 19px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.el-checkbox:last-of-type {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.el-checkbox-button {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
.el-checkbox-button__inner {
|
|
display: inline-block;
|
|
line-height: 1;
|
|
font-weight: 500;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
background: #FFFFFF;
|
|
border: 1px solid #DCDFE6;
|
|
border-left: 0;
|
|
color: #606266;
|
|
-webkit-appearance: none;
|
|
text-align: center;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
outline: none;
|
|
margin: 0;
|
|
position: relative;
|
|
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
-moz-user-select: none;
|
|
-webkit-user-select: none;
|
|
-ms-user-select: none;
|
|
padding: 12px 20px;
|
|
font-size: 14px;
|
|
border-radius: 0;
|
|
}
|
|
.el-checkbox-button__inner.is-round {
|
|
padding: 12px 20px;
|
|
}
|
|
.el-checkbox-button__inner:hover {
|
|
color: #1890ff;
|
|
}
|
|
.el-checkbox-button__inner [class*=el-icon-] {
|
|
line-height: 0.9;
|
|
}
|
|
.el-checkbox-button__inner [class*=el-icon-] + span {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.el-checkbox-button__original {
|
|
opacity: 0;
|
|
outline: none;
|
|
position: absolute;
|
|
margin: 0;
|
|
z-index: -1;
|
|
}
|
|
|
|
.el-checkbox-button.is-checked .el-checkbox-button__inner {
|
|
color: #FFFFFF;
|
|
background-color: #1890ff;
|
|
border-color: #1890ff;
|
|
-webkit-box-shadow: -1px 0 0 0 #74bcff;
|
|
box-shadow: -1px 0 0 0 #74bcff;
|
|
}
|
|
.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
|
|
border-left-color: #1890ff;
|
|
}
|
|
.el-checkbox-button.is-disabled .el-checkbox-button__inner {
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
background-image: none;
|
|
background-color: #FFFFFF;
|
|
border-color: #e6ebf5;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
|
|
border-left-color: #e6ebf5;
|
|
}
|
|
.el-checkbox-button:first-child .el-checkbox-button__inner {
|
|
border-left: 1px solid #DCDFE6;
|
|
border-radius: 4px 0 0 4px;
|
|
-webkit-box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
.el-checkbox-button.is-focus .el-checkbox-button__inner {
|
|
border-color: #1890ff;
|
|
}
|
|
.el-checkbox-button:last-child .el-checkbox-button__inner {
|
|
border-radius: 0 4px 4px 0;
|
|
}
|
|
.el-checkbox-button--medium .el-checkbox-button__inner {
|
|
padding: 10px 20px;
|
|
font-size: 14px;
|
|
border-radius: 0;
|
|
}
|
|
.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
|
|
padding: 10px 20px;
|
|
}
|
|
|
|
.el-checkbox-button--small .el-checkbox-button__inner {
|
|
padding: 9px 15px;
|
|
font-size: 12px;
|
|
border-radius: 0;
|
|
}
|
|
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
|
|
padding: 9px 15px;
|
|
}
|
|
|
|
.el-checkbox-button--mini .el-checkbox-button__inner {
|
|
padding: 7px 15px;
|
|
font-size: 12px;
|
|
border-radius: 0;
|
|
}
|
|
.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
|
|
padding: 7px 15px;
|
|
}
|
|
|
|
.el-checkbox-group {
|
|
font-size: 0;
|
|
}
|
|
|
|
.el-tree {
|
|
position: relative;
|
|
cursor: default;
|
|
background: #FFFFFF;
|
|
color: #606266;
|
|
}
|
|
.el-tree__empty-block {
|
|
position: relative;
|
|
min-height: 60px;
|
|
text-align: center;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.el-tree__empty-text {
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
-webkit-transform: translate(-50%, -50%);
|
|
transform: translate(-50%, -50%);
|
|
color: #909399;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.el-tree__drop-indicator {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
height: 1px;
|
|
background-color: #1890ff;
|
|
}
|
|
|
|
.el-tree-node {
|
|
white-space: nowrap;
|
|
outline: none;
|
|
}
|
|
.el-tree-node:focus {
|
|
/* focus */
|
|
}
|
|
.el-tree-node:focus > .el-tree-node__content {
|
|
background-color: #F5F7FA;
|
|
}
|
|
.el-tree-node.is-drop-inner > .el-tree-node__content .el-tree-node__label {
|
|
background-color: #1890ff;
|
|
color: #fff;
|
|
}
|
|
|
|
.el-tree-node__content {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
height: 26px;
|
|
cursor: pointer;
|
|
}
|
|
.el-tree-node__content > .el-tree-node__expand-icon {
|
|
padding: 6px;
|
|
}
|
|
.el-tree-node__content > label.el-checkbox {
|
|
margin-right: 8px;
|
|
}
|
|
.el-tree-node__content:hover {
|
|
background-color: #F5F7FA;
|
|
}
|
|
.el-tree.is-dragging .el-tree-node__content {
|
|
cursor: move;
|
|
}
|
|
.el-tree.is-dragging .el-tree-node__content * {
|
|
pointer-events: none;
|
|
}
|
|
.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.el-tree-node__expand-icon {
|
|
cursor: pointer;
|
|
color: #C0C4CC;
|
|
font-size: 12px;
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
-webkit-transition: -webkit-transform 0.3s ease-in-out;
|
|
transition: -webkit-transform 0.3s ease-in-out;
|
|
transition: transform 0.3s ease-in-out;
|
|
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
|
|
}
|
|
.el-tree-node__expand-icon.expanded {
|
|
-webkit-transform: rotate(90deg);
|
|
transform: rotate(90deg);
|
|
}
|
|
.el-tree-node__expand-icon.is-leaf {
|
|
color: transparent;
|
|
cursor: default;
|
|
}
|
|
|
|
.el-tree-node__label {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.el-tree-node__loading-icon {
|
|
margin-right: 8px;
|
|
font-size: 14px;
|
|
color: #C0C4CC;
|
|
}
|
|
|
|
.el-tree-node > .el-tree-node__children {
|
|
overflow: hidden;
|
|
background-color: transparent;
|
|
}
|
|
.el-tree-node.is-expanded > .el-tree-node__children {
|
|
display: block;
|
|
}
|
|
|
|
.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
|
|
background-color: #edf6ff;
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.el-alert {
|
|
width: 100%;
|
|
padding: 8px 16px;
|
|
margin: 0;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
border-radius: 4px;
|
|
position: relative;
|
|
background-color: #FFFFFF;
|
|
overflow: hidden;
|
|
opacity: 1;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-transition: opacity 0.2s;
|
|
transition: opacity 0.2s;
|
|
}
|
|
.el-alert.is-light .el-alert__closebtn {
|
|
color: #C0C4CC;
|
|
}
|
|
|
|
.el-alert.is-dark .el-alert__closebtn {
|
|
color: #FFFFFF;
|
|
}
|
|
.el-alert.is-dark .el-alert__description {
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.el-alert.is-center {
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.el-alert--success.is-light {
|
|
background-color: #e7faf0;
|
|
color: #13ce66;
|
|
}
|
|
.el-alert--success.is-light .el-alert__description {
|
|
color: #13ce66;
|
|
}
|
|
.el-alert--success.is-dark {
|
|
background-color: #13ce66;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.el-alert--info.is-light {
|
|
background-color: #f4f4f5;
|
|
color: #909399;
|
|
}
|
|
.el-alert--info.is-dark {
|
|
background-color: #909399;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-alert--info .el-alert__description {
|
|
color: #909399;
|
|
}
|
|
|
|
.el-alert--warning.is-light {
|
|
background-color: #fff8e6;
|
|
color: #ffba00;
|
|
}
|
|
.el-alert--warning.is-light .el-alert__description {
|
|
color: #ffba00;
|
|
}
|
|
.el-alert--warning.is-dark {
|
|
background-color: #ffba00;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.el-alert--error.is-light {
|
|
background-color: #ffeded;
|
|
color: #ff4949;
|
|
}
|
|
.el-alert--error.is-light .el-alert__description {
|
|
color: #ff4949;
|
|
}
|
|
.el-alert--error.is-dark {
|
|
background-color: #ff4949;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.el-alert__content {
|
|
display: table-cell;
|
|
padding: 0 8px;
|
|
}
|
|
|
|
.el-alert__icon {
|
|
font-size: 16px;
|
|
width: 16px;
|
|
}
|
|
.el-alert__icon.is-big {
|
|
font-size: 28px;
|
|
width: 28px;
|
|
}
|
|
|
|
.el-alert__title {
|
|
font-size: 13px;
|
|
line-height: 18px;
|
|
}
|
|
.el-alert__title.is-bold {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.el-alert .el-alert__description {
|
|
font-size: 12px;
|
|
margin: 5px 0 0 0;
|
|
}
|
|
.el-alert__closebtn {
|
|
font-size: 12px;
|
|
opacity: 1;
|
|
position: absolute;
|
|
top: 12px;
|
|
right: 15px;
|
|
cursor: pointer;
|
|
}
|
|
.el-alert__closebtn.is-customed {
|
|
font-style: normal;
|
|
font-size: 13px;
|
|
top: 9px;
|
|
}
|
|
|
|
.el-alert-fade-enter,
|
|
.el-alert-fade-leave-active {
|
|
opacity: 0;
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.el-notification {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
width: 330px;
|
|
padding: 14px 26px 14px 13px;
|
|
border-radius: 8px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
border: 1px solid #e6ebf5;
|
|
position: fixed;
|
|
background-color: #FFFFFF;
|
|
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
|
-webkit-transition: opacity 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s, -webkit-transform 0.3s;
|
|
transition: opacity 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s, -webkit-transform 0.3s;
|
|
transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s;
|
|
transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s, -webkit-transform 0.3s;
|
|
overflow: hidden;
|
|
}
|
|
.el-notification.right {
|
|
right: 16px;
|
|
}
|
|
.el-notification.left {
|
|
left: 16px;
|
|
}
|
|
.el-notification__group {
|
|
margin-left: 13px;
|
|
margin-right: 8px;
|
|
}
|
|
|
|
.el-notification__title {
|
|
font-weight: bold;
|
|
font-size: 16px;
|
|
color: #303133;
|
|
margin: 0;
|
|
}
|
|
|
|
.el-notification__content {
|
|
font-size: 14px;
|
|
line-height: 21px;
|
|
margin: 6px 0 0 0;
|
|
color: #606266;
|
|
text-align: justify;
|
|
}
|
|
.el-notification__content p {
|
|
margin: 0;
|
|
}
|
|
|
|
.el-notification__icon {
|
|
height: 24px;
|
|
width: 24px;
|
|
font-size: 24px;
|
|
}
|
|
|
|
.el-notification__closeBtn {
|
|
position: absolute;
|
|
top: 18px;
|
|
right: 15px;
|
|
cursor: pointer;
|
|
color: #909399;
|
|
font-size: 16px;
|
|
}
|
|
.el-notification__closeBtn:hover {
|
|
color: #606266;
|
|
}
|
|
|
|
.el-notification .el-icon-success {
|
|
color: #13ce66;
|
|
}
|
|
.el-notification .el-icon-error {
|
|
color: #ff4949;
|
|
}
|
|
.el-notification .el-icon-info {
|
|
color: #909399;
|
|
}
|
|
.el-notification .el-icon-warning {
|
|
color: #ffba00;
|
|
}
|
|
|
|
.el-notification-fade-enter.right {
|
|
right: 0;
|
|
-webkit-transform: translateX(100%);
|
|
transform: translateX(100%);
|
|
}
|
|
.el-notification-fade-enter.left {
|
|
left: 0;
|
|
-webkit-transform: translateX(-100%);
|
|
transform: translateX(-100%);
|
|
}
|
|
|
|
.el-notification-fade-leave-active {
|
|
opacity: 0;
|
|
}
|
|
|
|
/* 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
|
|
-------------------------- */
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.el-textarea {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 100%;
|
|
vertical-align: bottom;
|
|
font-size: 14px;
|
|
}
|
|
.el-textarea__inner {
|
|
display: block;
|
|
resize: vertical;
|
|
padding: 5px 15px;
|
|
line-height: 1.5;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
font-size: inherit;
|
|
color: #606266;
|
|
background-color: #FFFFFF;
|
|
background-image: none;
|
|
border: 1px solid #DCDFE6;
|
|
border-radius: 4px;
|
|
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
.el-textarea__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner:hover {
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner:focus {
|
|
outline: none;
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-textarea .el-input__count {
|
|
color: #909399;
|
|
background: #FFFFFF;
|
|
position: absolute;
|
|
font-size: 12px;
|
|
bottom: 5px;
|
|
right: 10px;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner {
|
|
background-color: #F5F7FA;
|
|
border-color: #dfe4ed;
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
|
|
.el-textarea.is-exceed .el-textarea__inner {
|
|
border-color: #ff4949;
|
|
}
|
|
.el-textarea.is-exceed .el-input__count {
|
|
color: #ff4949;
|
|
}
|
|
|
|
.el-input {
|
|
position: relative;
|
|
font-size: 14px;
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
.el-input::-webkit-scrollbar {
|
|
z-index: 11;
|
|
width: 6px;
|
|
}
|
|
.el-input::-webkit-scrollbar:horizontal {
|
|
height: 6px;
|
|
}
|
|
.el-input::-webkit-scrollbar-thumb {
|
|
border-radius: 5px;
|
|
width: 6px;
|
|
background: #b4bccc;
|
|
}
|
|
.el-input::-webkit-scrollbar-corner {
|
|
background: #fff;
|
|
}
|
|
.el-input::-webkit-scrollbar-track {
|
|
background: #fff;
|
|
}
|
|
.el-input::-webkit-scrollbar-track-piece {
|
|
background: #fff;
|
|
width: 6px;
|
|
}
|
|
.el-input .el-input__clear {
|
|
color: #C0C4CC;
|
|
font-size: 14px;
|
|
cursor: pointer;
|
|
-webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
.el-input .el-input__clear:hover {
|
|
color: #909399;
|
|
}
|
|
.el-input .el-input__count {
|
|
height: 100%;
|
|
display: -webkit-inline-box;
|
|
display: -ms-inline-flexbox;
|
|
display: inline-flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
color: #909399;
|
|
font-size: 12px;
|
|
}
|
|
.el-input .el-input__count .el-input__count-inner {
|
|
background: #FFFFFF;
|
|
line-height: initial;
|
|
display: inline-block;
|
|
padding: 0 5px;
|
|
}
|
|
.el-input__inner {
|
|
-webkit-appearance: none;
|
|
background-color: #FFFFFF;
|
|
background-image: none;
|
|
border-radius: 4px;
|
|
border: 1px solid #DCDFE6;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
color: #606266;
|
|
display: inline-block;
|
|
font-size: inherit;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
outline: none;
|
|
padding: 0 15px;
|
|
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
width: 100%;
|
|
}
|
|
.el-input__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner:hover {
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-input__inner:focus {
|
|
outline: none;
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-input__suffix {
|
|
position: absolute;
|
|
height: 100%;
|
|
right: 5px;
|
|
top: 0;
|
|
text-align: center;
|
|
color: #C0C4CC;
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.el-input__suffix-inner {
|
|
pointer-events: all;
|
|
}
|
|
|
|
.el-input__prefix {
|
|
position: absolute;
|
|
height: 100%;
|
|
left: 5px;
|
|
top: 0;
|
|
text-align: center;
|
|
color: #C0C4CC;
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
.el-input__icon {
|
|
height: 100%;
|
|
width: 25px;
|
|
text-align: center;
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
line-height: 40px;
|
|
}
|
|
.el-input__icon:after {
|
|
content: "";
|
|
height: 100%;
|
|
width: 0;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.el-input__validateIcon {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.el-input.is-active .el-input__inner {
|
|
outline: none;
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-input.is-disabled .el-input__inner {
|
|
background-color: #F5F7FA;
|
|
border-color: #dfe4ed;
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__icon {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.el-input.is-exceed .el-input__inner {
|
|
border-color: #ff4949;
|
|
}
|
|
.el-input.is-exceed .el-input__suffix .el-input__count {
|
|
color: #ff4949;
|
|
}
|
|
|
|
.el-input--suffix .el-input__inner {
|
|
padding-right: 30px;
|
|
}
|
|
|
|
.el-input--prefix .el-input__inner {
|
|
padding-left: 30px;
|
|
}
|
|
|
|
.el-input--medium {
|
|
font-size: 14px;
|
|
}
|
|
.el-input--medium .el-input__inner {
|
|
height: 36px;
|
|
line-height: 36px;
|
|
}
|
|
|
|
.el-input--medium .el-input__icon {
|
|
line-height: 36px;
|
|
}
|
|
|
|
.el-input--small {
|
|
font-size: 13px;
|
|
}
|
|
.el-input--small .el-input__inner {
|
|
height: 32px;
|
|
line-height: 32px;
|
|
}
|
|
|
|
.el-input--small .el-input__icon {
|
|
line-height: 32px;
|
|
}
|
|
|
|
.el-input--mini {
|
|
font-size: 12px;
|
|
}
|
|
.el-input--mini .el-input__inner {
|
|
height: 28px;
|
|
line-height: 28px;
|
|
}
|
|
|
|
.el-input--mini .el-input__icon {
|
|
line-height: 28px;
|
|
}
|
|
|
|
.el-input-group {
|
|
line-height: normal;
|
|
display: inline-table;
|
|
width: 100%;
|
|
border-collapse: separate;
|
|
border-spacing: 0;
|
|
}
|
|
.el-input-group > .el-input__inner {
|
|
vertical-align: middle;
|
|
display: table-cell;
|
|
}
|
|
.el-input-group__append, .el-input-group__prepend {
|
|
background-color: #F5F7FA;
|
|
color: #909399;
|
|
vertical-align: middle;
|
|
display: table-cell;
|
|
position: relative;
|
|
border: 1px solid #DCDFE6;
|
|
border-radius: 4px;
|
|
padding: 0 20px;
|
|
width: 1px;
|
|
white-space: nowrap;
|
|
}
|
|
.el-input-group__append:focus, .el-input-group__prepend:focus {
|
|
outline: none;
|
|
}
|
|
.el-input-group__append .el-select,
|
|
.el-input-group__append .el-button, .el-input-group__prepend .el-select,
|
|
.el-input-group__prepend .el-button {
|
|
display: inline-block;
|
|
margin: -10px -20px;
|
|
}
|
|
.el-input-group__append button.el-button,
|
|
.el-input-group__append div.el-select .el-input__inner,
|
|
.el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button,
|
|
.el-input-group__prepend div.el-select .el-input__inner,
|
|
.el-input-group__prepend div.el-select:hover .el-input__inner {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
color: inherit;
|
|
border-top: 0;
|
|
border-bottom: 0;
|
|
}
|
|
.el-input-group__append .el-button,
|
|
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
|
|
.el-input-group__prepend .el-input {
|
|
font-size: inherit;
|
|
}
|
|
|
|
.el-input-group__prepend {
|
|
border-right: 0;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.el-input-group__append {
|
|
border-left: 0;
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.el-input-group--prepend .el-input__inner {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
|
|
border-color: transparent;
|
|
}
|
|
|
|
.el-input-group--append .el-input__inner {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
|
|
border-color: transparent;
|
|
}
|
|
|
|
/** disalbe default clear on IE */
|
|
.el-input__inner::-ms-clear {
|
|
display: none;
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
|
|
.el-input-number {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 180px;
|
|
line-height: 38px;
|
|
}
|
|
.el-input-number .el-input {
|
|
display: block;
|
|
}
|
|
.el-input-number .el-input__inner {
|
|
-webkit-appearance: none;
|
|
padding-left: 50px;
|
|
padding-right: 50px;
|
|
text-align: center;
|
|
}
|
|
.el-input-number__increase, .el-input-number__decrease {
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 1px;
|
|
width: 40px;
|
|
height: auto;
|
|
text-align: center;
|
|
background: #F5F7FA;
|
|
color: #606266;
|
|
cursor: pointer;
|
|
font-size: 13px;
|
|
}
|
|
.el-input-number__increase:hover, .el-input-number__decrease:hover {
|
|
color: #1890ff;
|
|
}
|
|
.el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {
|
|
border-color: #1890ff;
|
|
}
|
|
.el-input-number__increase.is-disabled, .el-input-number__decrease.is-disabled {
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.el-input-number__increase {
|
|
right: 1px;
|
|
border-radius: 0 4px 4px 0;
|
|
border-left: 1px solid #DCDFE6;
|
|
}
|
|
|
|
.el-input-number__decrease {
|
|
left: 1px;
|
|
border-radius: 4px 0 0 4px;
|
|
border-right: 1px solid #DCDFE6;
|
|
}
|
|
|
|
.el-input-number.is-disabled .el-input-number__increase, .el-input-number.is-disabled .el-input-number__decrease {
|
|
border-color: #dfe4ed;
|
|
color: #dfe4ed;
|
|
}
|
|
.el-input-number.is-disabled .el-input-number__increase:hover, .el-input-number.is-disabled .el-input-number__decrease:hover {
|
|
color: #dfe4ed;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.el-input-number--medium {
|
|
width: 200px;
|
|
line-height: 34px;
|
|
}
|
|
.el-input-number--medium .el-input-number__increase, .el-input-number--medium .el-input-number__decrease {
|
|
width: 36px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.el-input-number--medium .el-input__inner {
|
|
padding-left: 43px;
|
|
padding-right: 43px;
|
|
}
|
|
|
|
.el-input-number--small {
|
|
width: 130px;
|
|
line-height: 30px;
|
|
}
|
|
.el-input-number--small .el-input-number__increase, .el-input-number--small .el-input-number__decrease {
|
|
width: 32px;
|
|
font-size: 13px;
|
|
}
|
|
.el-input-number--small .el-input-number__increase [class*=el-icon], .el-input-number--small .el-input-number__decrease [class*=el-icon] {
|
|
-webkit-transform: scale(0.9);
|
|
transform: scale(0.9);
|
|
}
|
|
|
|
.el-input-number--small .el-input__inner {
|
|
padding-left: 39px;
|
|
padding-right: 39px;
|
|
}
|
|
|
|
.el-input-number--mini {
|
|
width: 130px;
|
|
line-height: 26px;
|
|
}
|
|
.el-input-number--mini .el-input-number__increase, .el-input-number--mini .el-input-number__decrease {
|
|
width: 28px;
|
|
font-size: 12px;
|
|
}
|
|
.el-input-number--mini .el-input-number__increase [class*=el-icon], .el-input-number--mini .el-input-number__decrease [class*=el-icon] {
|
|
-webkit-transform: scale(0.8);
|
|
transform: scale(0.8);
|
|
}
|
|
|
|
.el-input-number--mini .el-input__inner {
|
|
padding-left: 35px;
|
|
padding-right: 35px;
|
|
}
|
|
|
|
.el-input-number.is-without-controls .el-input__inner {
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
}
|
|
|
|
.el-input-number.is-controls-right .el-input__inner {
|
|
padding-left: 15px;
|
|
padding-right: 50px;
|
|
}
|
|
.el-input-number.is-controls-right .el-input-number__increase, .el-input-number.is-controls-right .el-input-number__decrease {
|
|
height: auto;
|
|
line-height: 19px;
|
|
}
|
|
.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon], .el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon] {
|
|
-webkit-transform: scale(0.8);
|
|
transform: scale(0.8);
|
|
}
|
|
|
|
.el-input-number.is-controls-right .el-input-number__increase {
|
|
border-radius: 0 4px 0 0;
|
|
border-bottom: 1px solid #DCDFE6;
|
|
}
|
|
|
|
.el-input-number.is-controls-right .el-input-number__decrease {
|
|
right: 1px;
|
|
bottom: 1px;
|
|
top: auto;
|
|
left: auto;
|
|
border-right: none;
|
|
border-left: 1px solid #DCDFE6;
|
|
border-radius: 0 0 4px 0;
|
|
}
|
|
|
|
.el-input-number.is-controls-right[class*=medium] [class*=increase], .el-input-number.is-controls-right[class*=medium] [class*=decrease] {
|
|
line-height: 17px;
|
|
}
|
|
.el-input-number.is-controls-right[class*=small] [class*=increase], .el-input-number.is-controls-right[class*=small] [class*=decrease] {
|
|
line-height: 15px;
|
|
}
|
|
.el-input-number.is-controls-right[class*=mini] [class*=increase], .el-input-number.is-controls-right[class*=mini] [class*=decrease] {
|
|
line-height: 13px;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|
|
/* 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-slider::before,
|
|
.el-slider::after {
|
|
display: table;
|
|
content: "";
|
|
}
|
|
|
|
.el-slider::after {
|
|
clear: both;
|
|
}
|
|
|
|
.el-slider__runway {
|
|
width: 100%;
|
|
height: 6px;
|
|
margin: 16px 0;
|
|
background-color: #dfe4ed;
|
|
border-radius: 3px;
|
|
position: relative;
|
|
cursor: pointer;
|
|
vertical-align: middle;
|
|
}
|
|
.el-slider__runway.show-input {
|
|
margin-right: 160px;
|
|
width: auto;
|
|
}
|
|
.el-slider__runway.disabled {
|
|
cursor: default;
|
|
}
|
|
.el-slider__runway.disabled .el-slider__bar {
|
|
background-color: #C0C4CC;
|
|
}
|
|
.el-slider__runway.disabled .el-slider__button {
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-slider__runway.disabled .el-slider__button-wrapper:hover, .el-slider__runway.disabled .el-slider__button-wrapper.hover {
|
|
cursor: not-allowed;
|
|
}
|
|
.el-slider__runway.disabled .el-slider__button-wrapper.dragging {
|
|
cursor: not-allowed;
|
|
}
|
|
.el-slider__runway.disabled .el-slider__button:hover, .el-slider__runway.disabled .el-slider__button.hover, .el-slider__runway.disabled .el-slider__button.dragging {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
.el-slider__runway.disabled .el-slider__button:hover, .el-slider__runway.disabled .el-slider__button.hover {
|
|
cursor: not-allowed;
|
|
}
|
|
.el-slider__runway.disabled .el-slider__button.dragging {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.el-slider__input {
|
|
float: right;
|
|
margin-top: 3px;
|
|
width: 130px;
|
|
}
|
|
.el-slider__input.el-input-number--mini {
|
|
margin-top: 5px;
|
|
}
|
|
.el-slider__input.el-input-number--medium {
|
|
margin-top: 0;
|
|
}
|
|
.el-slider__input.el-input-number--large {
|
|
margin-top: -2px;
|
|
}
|
|
|
|
.el-slider__bar {
|
|
height: 6px;
|
|
background-color: #1890ff;
|
|
border-top-left-radius: 3px;
|
|
border-bottom-left-radius: 3px;
|
|
position: absolute;
|
|
}
|
|
|
|
.el-slider__button-wrapper {
|
|
height: 36px;
|
|
width: 36px;
|
|
position: absolute;
|
|
z-index: 1001;
|
|
top: -15px;
|
|
-webkit-transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
background-color: transparent;
|
|
text-align: center;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
line-height: normal;
|
|
}
|
|
.el-slider__button-wrapper::after {
|
|
display: inline-block;
|
|
content: "";
|
|
height: 100%;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.el-slider__button-wrapper .el-tooltip {
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
}
|
|
.el-slider__button-wrapper:hover, .el-slider__button-wrapper.hover {
|
|
cursor: -webkit-grab;
|
|
cursor: grab;
|
|
}
|
|
.el-slider__button-wrapper.dragging {
|
|
cursor: -webkit-grabbing;
|
|
cursor: grabbing;
|
|
}
|
|
|
|
.el-slider__button {
|
|
width: 16px;
|
|
height: 16px;
|
|
border: solid 2px #1890ff;
|
|
background-color: #FFFFFF;
|
|
border-radius: 50%;
|
|
-webkit-transition: 0.2s;
|
|
transition: 0.2s;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.el-slider__button:hover, .el-slider__button.hover, .el-slider__button.dragging {
|
|
-webkit-transform: scale(1.2);
|
|
transform: scale(1.2);
|
|
}
|
|
.el-slider__button:hover, .el-slider__button.hover {
|
|
cursor: -webkit-grab;
|
|
cursor: grab;
|
|
}
|
|
.el-slider__button.dragging {
|
|
cursor: -webkit-grabbing;
|
|
cursor: grabbing;
|
|
}
|
|
|
|
.el-slider__stop {
|
|
position: absolute;
|
|
height: 6px;
|
|
width: 6px;
|
|
border-radius: 100%;
|
|
background-color: #FFFFFF;
|
|
-webkit-transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.el-slider__marks {
|
|
top: 0;
|
|
left: 12px;
|
|
width: 18px;
|
|
height: 100%;
|
|
}
|
|
.el-slider__marks-text {
|
|
position: absolute;
|
|
-webkit-transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
font-size: 14px;
|
|
color: #909399;
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.el-slider.is-vertical {
|
|
position: relative;
|
|
}
|
|
.el-slider.is-vertical .el-slider__runway {
|
|
width: 6px;
|
|
height: 100%;
|
|
margin: 0 16px;
|
|
}
|
|
.el-slider.is-vertical .el-slider__bar {
|
|
width: 6px;
|
|
height: auto;
|
|
border-radius: 0 0 3px 3px;
|
|
}
|
|
.el-slider.is-vertical .el-slider__button-wrapper {
|
|
top: auto;
|
|
left: -15px;
|
|
-webkit-transform: translateY(50%);
|
|
transform: translateY(50%);
|
|
}
|
|
.el-slider.is-vertical .el-slider__stop {
|
|
-webkit-transform: translateY(50%);
|
|
transform: translateY(50%);
|
|
}
|
|
.el-slider.is-vertical.el-slider--with-input {
|
|
padding-bottom: 58px;
|
|
}
|
|
.el-slider.is-vertical.el-slider--with-input .el-slider__input {
|
|
overflow: visible;
|
|
float: none;
|
|
position: absolute;
|
|
bottom: 22px;
|
|
width: 36px;
|
|
margin-top: 15px;
|
|
}
|
|
.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner {
|
|
text-align: center;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease,
|
|
.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase {
|
|
top: 32px;
|
|
margin-top: -1px;
|
|
border: 1px solid #DCDFE6;
|
|
line-height: 20px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease {
|
|
width: 18px;
|
|
right: 18px;
|
|
border-bottom-left-radius: 4px;
|
|
}
|
|
.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase {
|
|
width: 19px;
|
|
border-bottom-right-radius: 4px;
|
|
}
|
|
.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase ~ .el-input .el-input__inner {
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease,
|
|
.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase {
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease,
|
|
.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase {
|
|
border-color: #1890ff;
|
|
}
|
|
.el-slider.is-vertical .el-slider__marks-text {
|
|
margin-top: 0;
|
|
left: 15px;
|
|
-webkit-transform: translateY(50%);
|
|
transform: translateY(50%);
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.el-loading-parent--relative {
|
|
position: relative !important;
|
|
}
|
|
|
|
.el-loading-parent--hidden {
|
|
overflow: hidden !important;
|
|
}
|
|
|
|
.el-loading-mask {
|
|
position: absolute;
|
|
z-index: 2000;
|
|
background-color: rgba(255, 255, 255, 0.9);
|
|
margin: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
-webkit-transition: opacity 0.3s;
|
|
transition: opacity 0.3s;
|
|
}
|
|
.el-loading-mask.is-fullscreen {
|
|
position: fixed;
|
|
}
|
|
.el-loading-mask.is-fullscreen .el-loading-spinner {
|
|
margin-top: -25px;
|
|
}
|
|
.el-loading-mask.is-fullscreen .el-loading-spinner .circular {
|
|
height: 50px;
|
|
width: 50px;
|
|
}
|
|
|
|
.el-loading-spinner {
|
|
top: 50%;
|
|
margin-top: -21px;
|
|
width: 100%;
|
|
text-align: center;
|
|
position: absolute;
|
|
}
|
|
.el-loading-spinner .el-loading-text {
|
|
color: #1890ff;
|
|
margin: 3px 0;
|
|
font-size: 14px;
|
|
}
|
|
.el-loading-spinner .circular {
|
|
height: 42px;
|
|
width: 42px;
|
|
-webkit-animation: loading-rotate 2s linear infinite;
|
|
animation: loading-rotate 2s linear infinite;
|
|
}
|
|
.el-loading-spinner .path {
|
|
-webkit-animation: loading-dash 1.5s ease-in-out infinite;
|
|
animation: loading-dash 1.5s ease-in-out infinite;
|
|
stroke-dasharray: 90, 150;
|
|
stroke-dashoffset: 0;
|
|
stroke-width: 2;
|
|
stroke: #1890ff;
|
|
stroke-linecap: round;
|
|
}
|
|
.el-loading-spinner i {
|
|
color: #1890ff;
|
|
}
|
|
|
|
.el-loading-fade-enter,
|
|
.el-loading-fade-leave-active {
|
|
opacity: 0;
|
|
}
|
|
|
|
@-webkit-keyframes loading-rotate {
|
|
100% {
|
|
-webkit-transform: rotate(360deg);
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
@keyframes loading-rotate {
|
|
100% {
|
|
-webkit-transform: rotate(360deg);
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
@-webkit-keyframes loading-dash {
|
|
0% {
|
|
stroke-dasharray: 1, 200;
|
|
stroke-dashoffset: 0;
|
|
}
|
|
50% {
|
|
stroke-dasharray: 90, 150;
|
|
stroke-dashoffset: -40px;
|
|
}
|
|
100% {
|
|
stroke-dasharray: 90, 150;
|
|
stroke-dashoffset: -120px;
|
|
}
|
|
}
|
|
@keyframes loading-dash {
|
|
0% {
|
|
stroke-dasharray: 1, 200;
|
|
stroke-dashoffset: 0;
|
|
}
|
|
50% {
|
|
stroke-dasharray: 90, 150;
|
|
stroke-dashoffset: -40px;
|
|
}
|
|
100% {
|
|
stroke-dasharray: 90, 150;
|
|
stroke-dashoffset: -120px;
|
|
}
|
|
}
|
|
/* 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;
|
|
}
|
|
|
|
/* 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
|
|
-------------------------- */
|
|
[class*=el-col-] {
|
|
float: left;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.el-col-0 {
|
|
display: none;
|
|
}
|
|
|
|
.el-col-0 {
|
|
width: 0%;
|
|
}
|
|
|
|
.el-col-offset-0 {
|
|
margin-left: 0%;
|
|
}
|
|
|
|
.el-col-pull-0 {
|
|
position: relative;
|
|
right: 0%;
|
|
}
|
|
|
|
.el-col-push-0 {
|
|
position: relative;
|
|
left: 0%;
|
|
}
|
|
|
|
.el-col-1 {
|
|
width: 4.1666666667%;
|
|
}
|
|
|
|
.el-col-offset-1 {
|
|
margin-left: 4.1666666667%;
|
|
}
|
|
|
|
.el-col-pull-1 {
|
|
position: relative;
|
|
right: 4.1666666667%;
|
|
}
|
|
|
|
.el-col-push-1 {
|
|
position: relative;
|
|
left: 4.1666666667%;
|
|
}
|
|
|
|
.el-col-2 {
|
|
width: 8.3333333333%;
|
|
}
|
|
|
|
.el-col-offset-2 {
|
|
margin-left: 8.3333333333%;
|
|
}
|
|
|
|
.el-col-pull-2 {
|
|
position: relative;
|
|
right: 8.3333333333%;
|
|
}
|
|
|
|
.el-col-push-2 {
|
|
position: relative;
|
|
left: 8.3333333333%;
|
|
}
|
|
|
|
.el-col-3 {
|
|
width: 12.5%;
|
|
}
|
|
|
|
.el-col-offset-3 {
|
|
margin-left: 12.5%;
|
|
}
|
|
|
|
.el-col-pull-3 {
|
|
position: relative;
|
|
right: 12.5%;
|
|
}
|
|
|
|
.el-col-push-3 {
|
|
position: relative;
|
|
left: 12.5%;
|
|
}
|
|
|
|
.el-col-4 {
|
|
width: 16.6666666667%;
|
|
}
|
|
|
|
.el-col-offset-4 {
|
|
margin-left: 16.6666666667%;
|
|
}
|
|
|
|
.el-col-pull-4 {
|
|
position: relative;
|
|
right: 16.6666666667%;
|
|
}
|
|
|
|
.el-col-push-4 {
|
|
position: relative;
|
|
left: 16.6666666667%;
|
|
}
|
|
|
|
.el-col-5 {
|
|
width: 20.8333333333%;
|
|
}
|
|
|
|
.el-col-offset-5 {
|
|
margin-left: 20.8333333333%;
|
|
}
|
|
|
|
.el-col-pull-5 {
|
|
position: relative;
|
|
right: 20.8333333333%;
|
|
}
|
|
|
|
.el-col-push-5 {
|
|
position: relative;
|
|
left: 20.8333333333%;
|
|
}
|
|
|
|
.el-col-6 {
|
|
width: 25%;
|
|
}
|
|
|
|
.el-col-offset-6 {
|
|
margin-left: 25%;
|
|
}
|
|
|
|
.el-col-pull-6 {
|
|
position: relative;
|
|
right: 25%;
|
|
}
|
|
|
|
.el-col-push-6 {
|
|
position: relative;
|
|
left: 25%;
|
|
}
|
|
|
|
.el-col-7 {
|
|
width: 29.1666666667%;
|
|
}
|
|
|
|
.el-col-offset-7 {
|
|
margin-left: 29.1666666667%;
|
|
}
|
|
|
|
.el-col-pull-7 {
|
|
position: relative;
|
|
right: 29.1666666667%;
|
|
}
|
|
|
|
.el-col-push-7 {
|
|
position: relative;
|
|
left: 29.1666666667%;
|
|
}
|
|
|
|
.el-col-8 {
|
|
width: 33.3333333333%;
|
|
}
|
|
|
|
.el-col-offset-8 {
|
|
margin-left: 33.3333333333%;
|
|
}
|
|
|
|
.el-col-pull-8 {
|
|
position: relative;
|
|
right: 33.3333333333%;
|
|
}
|
|
|
|
.el-col-push-8 {
|
|
position: relative;
|
|
left: 33.3333333333%;
|
|
}
|
|
|
|
.el-col-9 {
|
|
width: 37.5%;
|
|
}
|
|
|
|
.el-col-offset-9 {
|
|
margin-left: 37.5%;
|
|
}
|
|
|
|
.el-col-pull-9 {
|
|
position: relative;
|
|
right: 37.5%;
|
|
}
|
|
|
|
.el-col-push-9 {
|
|
position: relative;
|
|
left: 37.5%;
|
|
}
|
|
|
|
.el-col-10 {
|
|
width: 41.6666666667%;
|
|
}
|
|
|
|
.el-col-offset-10 {
|
|
margin-left: 41.6666666667%;
|
|
}
|
|
|
|
.el-col-pull-10 {
|
|
position: relative;
|
|
right: 41.6666666667%;
|
|
}
|
|
|
|
.el-col-push-10 {
|
|
position: relative;
|
|
left: 41.6666666667%;
|
|
}
|
|
|
|
.el-col-11 {
|
|
width: 45.8333333333%;
|
|
}
|
|
|
|
.el-col-offset-11 {
|
|
margin-left: 45.8333333333%;
|
|
}
|
|
|
|
.el-col-pull-11 {
|
|
position: relative;
|
|
right: 45.8333333333%;
|
|
}
|
|
|
|
.el-col-push-11 {
|
|
position: relative;
|
|
left: 45.8333333333%;
|
|
}
|
|
|
|
.el-col-12 {
|
|
width: 50%;
|
|
}
|
|
|
|
.el-col-offset-12 {
|
|
margin-left: 50%;
|
|
}
|
|
|
|
.el-col-pull-12 {
|
|
position: relative;
|
|
right: 50%;
|
|
}
|
|
|
|
.el-col-push-12 {
|
|
position: relative;
|
|
left: 50%;
|
|
}
|
|
|
|
.el-col-13 {
|
|
width: 54.1666666667%;
|
|
}
|
|
|
|
.el-col-offset-13 {
|
|
margin-left: 54.1666666667%;
|
|
}
|
|
|
|
.el-col-pull-13 {
|
|
position: relative;
|
|
right: 54.1666666667%;
|
|
}
|
|
|
|
.el-col-push-13 {
|
|
position: relative;
|
|
left: 54.1666666667%;
|
|
}
|
|
|
|
.el-col-14 {
|
|
width: 58.3333333333%;
|
|
}
|
|
|
|
.el-col-offset-14 {
|
|
margin-left: 58.3333333333%;
|
|
}
|
|
|
|
.el-col-pull-14 {
|
|
position: relative;
|
|
right: 58.3333333333%;
|
|
}
|
|
|
|
.el-col-push-14 {
|
|
position: relative;
|
|
left: 58.3333333333%;
|
|
}
|
|
|
|
.el-col-15 {
|
|
width: 62.5%;
|
|
}
|
|
|
|
.el-col-offset-15 {
|
|
margin-left: 62.5%;
|
|
}
|
|
|
|
.el-col-pull-15 {
|
|
position: relative;
|
|
right: 62.5%;
|
|
}
|
|
|
|
.el-col-push-15 {
|
|
position: relative;
|
|
left: 62.5%;
|
|
}
|
|
|
|
.el-col-16 {
|
|
width: 66.6666666667%;
|
|
}
|
|
|
|
.el-col-offset-16 {
|
|
margin-left: 66.6666666667%;
|
|
}
|
|
|
|
.el-col-pull-16 {
|
|
position: relative;
|
|
right: 66.6666666667%;
|
|
}
|
|
|
|
.el-col-push-16 {
|
|
position: relative;
|
|
left: 66.6666666667%;
|
|
}
|
|
|
|
.el-col-17 {
|
|
width: 70.8333333333%;
|
|
}
|
|
|
|
.el-col-offset-17 {
|
|
margin-left: 70.8333333333%;
|
|
}
|
|
|
|
.el-col-pull-17 {
|
|
position: relative;
|
|
right: 70.8333333333%;
|
|
}
|
|
|
|
.el-col-push-17 {
|
|
position: relative;
|
|
left: 70.8333333333%;
|
|
}
|
|
|
|
.el-col-18 {
|
|
width: 75%;
|
|
}
|
|
|
|
.el-col-offset-18 {
|
|
margin-left: 75%;
|
|
}
|
|
|
|
.el-col-pull-18 {
|
|
position: relative;
|
|
right: 75%;
|
|
}
|
|
|
|
.el-col-push-18 {
|
|
position: relative;
|
|
left: 75%;
|
|
}
|
|
|
|
.el-col-19 {
|
|
width: 79.1666666667%;
|
|
}
|
|
|
|
.el-col-offset-19 {
|
|
margin-left: 79.1666666667%;
|
|
}
|
|
|
|
.el-col-pull-19 {
|
|
position: relative;
|
|
right: 79.1666666667%;
|
|
}
|
|
|
|
.el-col-push-19 {
|
|
position: relative;
|
|
left: 79.1666666667%;
|
|
}
|
|
|
|
.el-col-20 {
|
|
width: 83.3333333333%;
|
|
}
|
|
|
|
.el-col-offset-20 {
|
|
margin-left: 83.3333333333%;
|
|
}
|
|
|
|
.el-col-pull-20 {
|
|
position: relative;
|
|
right: 83.3333333333%;
|
|
}
|
|
|
|
.el-col-push-20 {
|
|
position: relative;
|
|
left: 83.3333333333%;
|
|
}
|
|
|
|
.el-col-21 {
|
|
width: 87.5%;
|
|
}
|
|
|
|
.el-col-offset-21 {
|
|
margin-left: 87.5%;
|
|
}
|
|
|
|
.el-col-pull-21 {
|
|
position: relative;
|
|
right: 87.5%;
|
|
}
|
|
|
|
.el-col-push-21 {
|
|
position: relative;
|
|
left: 87.5%;
|
|
}
|
|
|
|
.el-col-22 {
|
|
width: 91.6666666667%;
|
|
}
|
|
|
|
.el-col-offset-22 {
|
|
margin-left: 91.6666666667%;
|
|
}
|
|
|
|
.el-col-pull-22 {
|
|
position: relative;
|
|
right: 91.6666666667%;
|
|
}
|
|
|
|
.el-col-push-22 {
|
|
position: relative;
|
|
left: 91.6666666667%;
|
|
}
|
|
|
|
.el-col-23 {
|
|
width: 95.8333333333%;
|
|
}
|
|
|
|
.el-col-offset-23 {
|
|
margin-left: 95.8333333333%;
|
|
}
|
|
|
|
.el-col-pull-23 {
|
|
position: relative;
|
|
right: 95.8333333333%;
|
|
}
|
|
|
|
.el-col-push-23 {
|
|
position: relative;
|
|
left: 95.8333333333%;
|
|
}
|
|
|
|
.el-col-24 {
|
|
width: 100%;
|
|
}
|
|
|
|
.el-col-offset-24 {
|
|
margin-left: 100%;
|
|
}
|
|
|
|
.el-col-pull-24 {
|
|
position: relative;
|
|
right: 100%;
|
|
}
|
|
|
|
.el-col-push-24 {
|
|
position: relative;
|
|
left: 100%;
|
|
}
|
|
|
|
@media only screen and (max-width: 767px) {
|
|
.el-col-xs-0 {
|
|
display: none;
|
|
}
|
|
|
|
.el-col-xs-0 {
|
|
width: 0%;
|
|
}
|
|
|
|
.el-col-xs-offset-0 {
|
|
margin-left: 0%;
|
|
}
|
|
|
|
.el-col-xs-pull-0 {
|
|
position: relative;
|
|
right: 0%;
|
|
}
|
|
|
|
.el-col-xs-push-0 {
|
|
position: relative;
|
|
left: 0%;
|
|
}
|
|
|
|
.el-col-xs-1 {
|
|
width: 4.1666666667%;
|
|
}
|
|
|
|
.el-col-xs-offset-1 {
|
|
margin-left: 4.1666666667%;
|
|
}
|
|
|
|
.el-col-xs-pull-1 {
|
|
position: relative;
|
|
right: 4.1666666667%;
|
|
}
|
|
|
|
.el-col-xs-push-1 {
|
|
position: relative;
|
|
left: 4.1666666667%;
|
|
}
|
|
|
|
.el-col-xs-2 {
|
|
width: 8.3333333333%;
|
|
}
|
|
|
|
.el-col-xs-offset-2 {
|
|
margin-left: 8.3333333333%;
|
|
}
|
|
|
|
.el-col-xs-pull-2 {
|
|
position: relative;
|
|
right: 8.3333333333%;
|
|
}
|
|
|
|
.el-col-xs-push-2 {
|
|
position: relative;
|
|
left: 8.3333333333%;
|
|
}
|
|
|
|
.el-col-xs-3 {
|
|
width: 12.5%;
|
|
}
|
|
|
|
.el-col-xs-offset-3 {
|
|
margin-left: 12.5%;
|
|
}
|
|
|
|
.el-col-xs-pull-3 {
|
|
position: relative;
|
|
right: 12.5%;
|
|
}
|
|
|
|
.el-col-xs-push-3 {
|
|
position: relative;
|
|
left: 12.5%;
|
|
}
|
|
|
|
.el-col-xs-4 {
|
|
width: 16.6666666667%;
|
|
}
|
|
|
|
.el-col-xs-offset-4 {
|
|
margin-left: 16.6666666667%;
|
|
}
|
|
|
|
.el-col-xs-pull-4 {
|
|
position: relative;
|
|
right: 16.6666666667%;
|
|
}
|
|
|
|
.el-col-xs-push-4 {
|
|
position: relative;
|
|
left: 16.6666666667%;
|
|
}
|
|
|
|
.el-col-xs-5 {
|
|
width: 20.8333333333%;
|
|
}
|
|
|
|
.el-col-xs-offset-5 {
|
|
margin-left: 20.8333333333%;
|
|
}
|
|
|
|
.el-col-xs-pull-5 {
|
|
position: relative;
|
|
right: 20.8333333333%;
|
|
}
|
|
|
|
.el-col-xs-push-5 {
|
|
position: relative;
|
|
left: 20.8333333333%;
|
|
}
|
|
|
|
.el-col-xs-6 {
|
|
width: 25%;
|
|
}
|
|
|
|
.el-col-xs-offset-6 {
|
|
margin-left: 25%;
|
|
}
|
|
|
|
.el-col-xs-pull-6 {
|
|
position: relative;
|
|
right: 25%;
|
|
}
|
|
|
|
.el-col-xs-push-6 {
|
|
position: relative;
|
|
left: 25%;
|
|
}
|
|
|
|
.el-col-xs-7 {
|
|
width: 29.1666666667%;
|
|
}
|
|
|
|
.el-col-xs-offset-7 {
|
|
margin-left: 29.1666666667%;
|
|
}
|
|
|
|
.el-col-xs-pull-7 {
|
|
position: relative;
|
|
right: 29.1666666667%;
|
|
}
|
|
|
|
.el-col-xs-push-7 {
|
|
position: relative;
|
|
left: 29.1666666667%;
|
|
}
|
|
|
|
.el-col-xs-8 {
|
|
width: 33.3333333333%;
|
|
}
|
|
|
|
.el-col-xs-offset-8 {
|
|
margin-left: 33.3333333333%;
|
|
}
|
|
|
|
.el-col-xs-pull-8 {
|
|
position: relative;
|
|
right: 33.3333333333%;
|
|
}
|
|
|
|
.el-col-xs-push-8 {
|
|
position: relative;
|
|
left: 33.3333333333%;
|
|
}
|
|
|
|
.el-col-xs-9 {
|
|
width: 37.5%;
|
|
}
|
|
|
|
.el-col-xs-offset-9 {
|
|
margin-left: 37.5%;
|
|
}
|
|
|
|
.el-col-xs-pull-9 {
|
|
position: relative;
|
|
right: 37.5%;
|
|
}
|
|
|
|
.el-col-xs-push-9 {
|
|
position: relative;
|
|
left: 37.5%;
|
|
}
|
|
|
|
.el-col-xs-10 {
|
|
width: 41.6666666667%;
|
|
}
|
|
|
|
.el-col-xs-offset-10 {
|
|
margin-left: 41.6666666667%;
|
|
}
|
|
|
|
.el-col-xs-pull-10 {
|
|
position: relative;
|
|
right: 41.6666666667%;
|
|
}
|
|
|
|
.el-col-xs-push-10 {
|
|
position: relative;
|
|
left: 41.6666666667%;
|
|
}
|
|
|
|
.el-col-xs-11 {
|
|
width: 45.8333333333%;
|
|
}
|
|
|
|
.el-col-xs-offset-11 {
|
|
margin-left: 45.8333333333%;
|
|
}
|
|
|
|
.el-col-xs-pull-11 {
|
|
position: relative;
|
|
right: 45.8333333333%;
|
|
}
|
|
|
|
.el-col-xs-push-11 {
|
|
position: relative;
|
|
left: 45.8333333333%;
|
|
}
|
|
|
|
.el-col-xs-12 {
|
|
width: 50%;
|
|
}
|
|
|
|
.el-col-xs-offset-12 {
|
|
margin-left: 50%;
|
|
}
|
|
|
|
.el-col-xs-pull-12 {
|
|
position: relative;
|
|
right: 50%;
|
|
}
|
|
|
|
.el-col-xs-push-12 {
|
|
position: relative;
|
|
left: 50%;
|
|
}
|
|
|
|
.el-col-xs-13 {
|
|
width: 54.1666666667%;
|
|
}
|
|
|
|
.el-col-xs-offset-13 {
|
|
margin-left: 54.1666666667%;
|
|
}
|
|
|
|
.el-col-xs-pull-13 {
|
|
position: relative;
|
|
right: 54.1666666667%;
|
|
}
|
|
|
|
.el-col-xs-push-13 {
|
|
position: relative;
|
|
left: 54.1666666667%;
|
|
}
|
|
|
|
.el-col-xs-14 {
|
|
width: 58.3333333333%;
|
|
}
|
|
|
|
.el-col-xs-offset-14 {
|
|
margin-left: 58.3333333333%;
|
|
}
|
|
|
|
.el-col-xs-pull-14 {
|
|
position: relative;
|
|
right: 58.3333333333%;
|
|
}
|
|
|
|
.el-col-xs-push-14 {
|
|
position: relative;
|
|
left: 58.3333333333%;
|
|
}
|
|
|
|
.el-col-xs-15 {
|
|
width: 62.5%;
|
|
}
|
|
|
|
.el-col-xs-offset-15 {
|
|
margin-left: 62.5%;
|
|
}
|
|
|
|
.el-col-xs-pull-15 {
|
|
position: relative;
|
|
right: 62.5%;
|
|
}
|
|
|
|
.el-col-xs-push-15 {
|
|
position: relative;
|
|
left: 62.5%;
|
|
}
|
|
|
|
.el-col-xs-16 {
|
|
width: 66.6666666667%;
|
|
}
|
|
|
|
.el-col-xs-offset-16 {
|
|
margin-left: 66.6666666667%;
|
|
}
|
|
|
|
.el-col-xs-pull-16 {
|
|
position: relative;
|
|
right: 66.6666666667%;
|
|
}
|
|
|
|
.el-col-xs-push-16 {
|
|
position: relative;
|
|
left: 66.6666666667%;
|
|
}
|
|
|
|
.el-col-xs-17 {
|
|
width: 70.8333333333%;
|
|
}
|
|
|
|
.el-col-xs-offset-17 {
|
|
margin-left: 70.8333333333%;
|
|
}
|
|
|
|
.el-col-xs-pull-17 {
|
|
position: relative;
|
|
right: 70.8333333333%;
|
|
}
|
|
|
|
.el-col-xs-push-17 {
|
|
position: relative;
|
|
left: 70.8333333333%;
|
|
}
|
|
|
|
.el-col-xs-18 {
|
|
width: 75%;
|
|
}
|
|
|
|
.el-col-xs-offset-18 {
|
|
margin-left: 75%;
|
|
}
|
|
|
|
.el-col-xs-pull-18 {
|
|
position: relative;
|
|
right: 75%;
|
|
}
|
|
|
|
.el-col-xs-push-18 {
|
|
position: relative;
|
|
left: 75%;
|
|
}
|
|
|
|
.el-col-xs-19 {
|
|
width: 79.1666666667%;
|
|
}
|
|
|
|
.el-col-xs-offset-19 {
|
|
margin-left: 79.1666666667%;
|
|
}
|
|
|
|
.el-col-xs-pull-19 {
|
|
position: relative;
|
|
right: 79.1666666667%;
|
|
}
|
|
|
|
.el-col-xs-push-19 {
|
|
position: relative;
|
|
left: 79.1666666667%;
|
|
}
|
|
|
|
.el-col-xs-20 {
|
|
width: 83.3333333333%;
|
|
}
|
|
|
|
.el-col-xs-offset-20 {
|
|
margin-left: 83.3333333333%;
|
|
}
|
|
|
|
.el-col-xs-pull-20 {
|
|
position: relative;
|
|
right: 83.3333333333%;
|
|
}
|
|
|
|
.el-col-xs-push-20 {
|
|
position: relative;
|
|
left: 83.3333333333%;
|
|
}
|
|
|
|
.el-col-xs-21 {
|
|
width: 87.5%;
|
|
}
|
|
|
|
.el-col-xs-offset-21 {
|
|
margin-left: 87.5%;
|
|
}
|
|
|
|
.el-col-xs-pull-21 {
|
|
position: relative;
|
|
right: 87.5%;
|
|
}
|
|
|
|
.el-col-xs-push-21 {
|
|
position: relative;
|
|
left: 87.5%;
|
|
}
|
|
|
|
.el-col-xs-22 {
|
|
width: 91.6666666667%;
|
|
}
|
|
|
|
.el-col-xs-offset-22 {
|
|
margin-left: 91.6666666667%;
|
|
}
|
|
|
|
.el-col-xs-pull-22 {
|
|
position: relative;
|
|
right: 91.6666666667%;
|
|
}
|
|
|
|
.el-col-xs-push-22 {
|
|
position: relative;
|
|
left: 91.6666666667%;
|
|
}
|
|
|
|
.el-col-xs-23 {
|
|
width: 95.8333333333%;
|
|
}
|
|
|
|
.el-col-xs-offset-23 {
|
|
margin-left: 95.8333333333%;
|
|
}
|
|
|
|
.el-col-xs-pull-23 {
|
|
position: relative;
|
|
right: 95.8333333333%;
|
|
}
|
|
|
|
.el-col-xs-push-23 {
|
|
position: relative;
|
|
left: 95.8333333333%;
|
|
}
|
|
|
|
.el-col-xs-24 {
|
|
width: 100%;
|
|
}
|
|
|
|
.el-col-xs-offset-24 {
|
|
margin-left: 100%;
|
|
}
|
|
|
|
.el-col-xs-pull-24 {
|
|
position: relative;
|
|
right: 100%;
|
|
}
|
|
|
|
.el-col-xs-push-24 {
|
|
position: relative;
|
|
left: 100%;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 768px) {
|
|
.el-col-sm-0 {
|
|
display: none;
|
|
}
|
|
|
|
.el-col-sm-0 {
|
|
width: 0%;
|
|
}
|
|
|
|
.el-col-sm-offset-0 {
|
|
margin-left: 0%;
|
|
}
|
|
|
|
.el-col-sm-pull-0 {
|
|
position: relative;
|
|
right: 0%;
|
|
}
|
|
|
|
.el-col-sm-push-0 {
|
|
position: relative;
|
|
left: 0%;
|
|
}
|
|
|
|
.el-col-sm-1 {
|
|
width: 4.1666666667%;
|
|
}
|
|
|
|
.el-col-sm-offset-1 {
|
|
margin-left: 4.1666666667%;
|
|
}
|
|
|
|
.el-col-sm-pull-1 {
|
|
position: relative;
|
|
right: 4.1666666667%;
|
|
}
|
|
|
|
.el-col-sm-push-1 {
|
|
position: relative;
|
|
left: 4.1666666667%;
|
|
}
|
|
|
|
.el-col-sm-2 {
|
|
width: 8.3333333333%;
|
|
}
|
|
|
|
.el-col-sm-offset-2 {
|
|
margin-left: 8.3333333333%;
|
|
}
|
|
|
|
.el-col-sm-pull-2 {
|
|
position: relative;
|
|
right: 8.3333333333%;
|
|
}
|
|
|
|
.el-col-sm-push-2 {
|
|
position: relative;
|
|
left: 8.3333333333%;
|
|
}
|
|
|
|
.el-col-sm-3 {
|
|
width: 12.5%;
|
|
}
|
|
|
|
.el-col-sm-offset-3 {
|
|
margin-left: 12.5%;
|
|
}
|
|
|
|
.el-col-sm-pull-3 {
|
|
position: relative;
|
|
right: 12.5%;
|
|
}
|
|
|
|
.el-col-sm-push-3 {
|
|
position: relative;
|
|
left: 12.5%;
|
|
}
|
|
|
|
.el-col-sm-4 {
|
|
width: 16.6666666667%;
|
|
}
|
|
|
|
.el-col-sm-offset-4 {
|
|
margin-left: 16.6666666667%;
|
|
}
|
|
|
|
.el-col-sm-pull-4 {
|
|
position: relative;
|
|
right: 16.6666666667%;
|
|
}
|
|
|
|
.el-col-sm-push-4 {
|
|
position: relative;
|
|
left: 16.6666666667%;
|
|
}
|
|
|
|
.el-col-sm-5 {
|
|
width: 20.8333333333%;
|
|
}
|
|
|
|
.el-col-sm-offset-5 {
|
|
margin-left: 20.8333333333%;
|
|
}
|
|
|
|
.el-col-sm-pull-5 {
|
|
position: relative;
|
|
right: 20.8333333333%;
|
|
}
|
|
|
|
.el-col-sm-push-5 {
|
|
position: relative;
|
|
left: 20.8333333333%;
|
|
}
|
|
|
|
.el-col-sm-6 {
|
|
width: 25%;
|
|
}
|
|
|
|
.el-col-sm-offset-6 {
|
|
margin-left: 25%;
|
|
}
|
|
|
|
.el-col-sm-pull-6 {
|
|
position: relative;
|
|
right: 25%;
|
|
}
|
|
|
|
.el-col-sm-push-6 {
|
|
position: relative;
|
|
left: 25%;
|
|
}
|
|
|
|
.el-col-sm-7 {
|
|
width: 29.1666666667%;
|
|
}
|
|
|
|
.el-col-sm-offset-7 {
|
|
margin-left: 29.1666666667%;
|
|
}
|
|
|
|
.el-col-sm-pull-7 {
|
|
position: relative;
|
|
right: 29.1666666667%;
|
|
}
|
|
|
|
.el-col-sm-push-7 {
|
|
position: relative;
|
|
left: 29.1666666667%;
|
|
}
|
|
|
|
.el-col-sm-8 {
|
|
width: 33.3333333333%;
|
|
}
|
|
|
|
.el-col-sm-offset-8 {
|
|
margin-left: 33.3333333333%;
|
|
}
|
|
|
|
.el-col-sm-pull-8 {
|
|
position: relative;
|
|
right: 33.3333333333%;
|
|
}
|
|
|
|
.el-col-sm-push-8 {
|
|
position: relative;
|
|
left: 33.3333333333%;
|
|
}
|
|
|
|
.el-col-sm-9 {
|
|
width: 37.5%;
|
|
}
|
|
|
|
.el-col-sm-offset-9 {
|
|
margin-left: 37.5%;
|
|
}
|
|
|
|
.el-col-sm-pull-9 {
|
|
position: relative;
|
|
right: 37.5%;
|
|
}
|
|
|
|
.el-col-sm-push-9 {
|
|
position: relative;
|
|
left: 37.5%;
|
|
}
|
|
|
|
.el-col-sm-10 {
|
|
width: 41.6666666667%;
|
|
}
|
|
|
|
.el-col-sm-offset-10 {
|
|
margin-left: 41.6666666667%;
|
|
}
|
|
|
|
.el-col-sm-pull-10 {
|
|
position: relative;
|
|
right: 41.6666666667%;
|
|
}
|
|
|
|
.el-col-sm-push-10 {
|
|
position: relative;
|
|
left: 41.6666666667%;
|
|
}
|
|
|
|
.el-col-sm-11 {
|
|
width: 45.8333333333%;
|
|
}
|
|
|
|
.el-col-sm-offset-11 {
|
|
margin-left: 45.8333333333%;
|
|
}
|
|
|
|
.el-col-sm-pull-11 {
|
|
position: relative;
|
|
right: 45.8333333333%;
|
|
}
|
|
|
|
.el-col-sm-push-11 {
|
|
position: relative;
|
|
left: 45.8333333333%;
|
|
}
|
|
|
|
.el-col-sm-12 {
|
|
width: 50%;
|
|
}
|
|
|
|
.el-col-sm-offset-12 {
|
|
margin-left: 50%;
|
|
}
|
|
|
|
.el-col-sm-pull-12 {
|
|
position: relative;
|
|
right: 50%;
|
|
}
|
|
|
|
.el-col-sm-push-12 {
|
|
position: relative;
|
|
left: 50%;
|
|
}
|
|
|
|
.el-col-sm-13 {
|
|
width: 54.1666666667%;
|
|
}
|
|
|
|
.el-col-sm-offset-13 {
|
|
margin-left: 54.1666666667%;
|
|
}
|
|
|
|
.el-col-sm-pull-13 {
|
|
position: relative;
|
|
right: 54.1666666667%;
|
|
}
|
|
|
|
.el-col-sm-push-13 {
|
|
position: relative;
|
|
left: 54.1666666667%;
|
|
}
|
|
|
|
.el-col-sm-14 {
|
|
width: 58.3333333333%;
|
|
}
|
|
|
|
.el-col-sm-offset-14 {
|
|
margin-left: 58.3333333333%;
|
|
}
|
|
|
|
.el-col-sm-pull-14 {
|
|
position: relative;
|
|
right: 58.3333333333%;
|
|
}
|
|
|
|
.el-col-sm-push-14 {
|
|
position: relative;
|
|
left: 58.3333333333%;
|
|
}
|
|
|
|
.el-col-sm-15 {
|
|
width: 62.5%;
|
|
}
|
|
|
|
.el-col-sm-offset-15 {
|
|
margin-left: 62.5%;
|
|
}
|
|
|
|
.el-col-sm-pull-15 {
|
|
position: relative;
|
|
right: 62.5%;
|
|
}
|
|
|
|
.el-col-sm-push-15 {
|
|
position: relative;
|
|
left: 62.5%;
|
|
}
|
|
|
|
.el-col-sm-16 {
|
|
width: 66.6666666667%;
|
|
}
|
|
|
|
.el-col-sm-offset-16 {
|
|
margin-left: 66.6666666667%;
|
|
}
|
|
|
|
.el-col-sm-pull-16 {
|
|
position: relative;
|
|
right: 66.6666666667%;
|
|
}
|
|
|
|
.el-col-sm-push-16 {
|
|
position: relative;
|
|
left: 66.6666666667%;
|
|
}
|
|
|
|
.el-col-sm-17 {
|
|
width: 70.8333333333%;
|
|
}
|
|
|
|
.el-col-sm-offset-17 {
|
|
margin-left: 70.8333333333%;
|
|
}
|
|
|
|
.el-col-sm-pull-17 {
|
|
position: relative;
|
|
right: 70.8333333333%;
|
|
}
|
|
|
|
.el-col-sm-push-17 {
|
|
position: relative;
|
|
left: 70.8333333333%;
|
|
}
|
|
|
|
.el-col-sm-18 {
|
|
width: 75%;
|
|
}
|
|
|
|
.el-col-sm-offset-18 {
|
|
margin-left: 75%;
|
|
}
|
|
|
|
.el-col-sm-pull-18 {
|
|
position: relative;
|
|
right: 75%;
|
|
}
|
|
|
|
.el-col-sm-push-18 {
|
|
position: relative;
|
|
left: 75%;
|
|
}
|
|
|
|
.el-col-sm-19 {
|
|
width: 79.1666666667%;
|
|
}
|
|
|
|
.el-col-sm-offset-19 {
|
|
margin-left: 79.1666666667%;
|
|
}
|
|
|
|
.el-col-sm-pull-19 {
|
|
position: relative;
|
|
right: 79.1666666667%;
|
|
}
|
|
|
|
.el-col-sm-push-19 {
|
|
position: relative;
|
|
left: 79.1666666667%;
|
|
}
|
|
|
|
.el-col-sm-20 {
|
|
width: 83.3333333333%;
|
|
}
|
|
|
|
.el-col-sm-offset-20 {
|
|
margin-left: 83.3333333333%;
|
|
}
|
|
|
|
.el-col-sm-pull-20 {
|
|
position: relative;
|
|
right: 83.3333333333%;
|
|
}
|
|
|
|
.el-col-sm-push-20 {
|
|
position: relative;
|
|
left: 83.3333333333%;
|
|
}
|
|
|
|
.el-col-sm-21 {
|
|
width: 87.5%;
|
|
}
|
|
|
|
.el-col-sm-offset-21 {
|
|
margin-left: 87.5%;
|
|
}
|
|
|
|
.el-col-sm-pull-21 {
|
|
position: relative;
|
|
right: 87.5%;
|
|
}
|
|
|
|
.el-col-sm-push-21 {
|
|
position: relative;
|
|
left: 87.5%;
|
|
}
|
|
|
|
.el-col-sm-22 {
|
|
width: 91.6666666667%;
|
|
}
|
|
|
|
.el-col-sm-offset-22 {
|
|
margin-left: 91.6666666667%;
|
|
}
|
|
|
|
.el-col-sm-pull-22 {
|
|
position: relative;
|
|
right: 91.6666666667%;
|
|
}
|
|
|
|
.el-col-sm-push-22 {
|
|
position: relative;
|
|
left: 91.6666666667%;
|
|
}
|
|
|
|
.el-col-sm-23 {
|
|
width: 95.8333333333%;
|
|
}
|
|
|
|
.el-col-sm-offset-23 {
|
|
margin-left: 95.8333333333%;
|
|
}
|
|
|
|
.el-col-sm-pull-23 {
|
|
position: relative;
|
|
right: 95.8333333333%;
|
|
}
|
|
|
|
.el-col-sm-push-23 {
|
|
position: relative;
|
|
left: 95.8333333333%;
|
|
}
|
|
|
|
.el-col-sm-24 {
|
|
width: 100%;
|
|
}
|
|
|
|
.el-col-sm-offset-24 {
|
|
margin-left: 100%;
|
|
}
|
|
|
|
.el-col-sm-pull-24 {
|
|
position: relative;
|
|
right: 100%;
|
|
}
|
|
|
|
.el-col-sm-push-24 {
|
|
position: relative;
|
|
left: 100%;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 992px) {
|
|
.el-col-md-0 {
|
|
display: none;
|
|
}
|
|
|
|
.el-col-md-0 {
|
|
width: 0%;
|
|
}
|
|
|
|
.el-col-md-offset-0 {
|
|
margin-left: 0%;
|
|
}
|
|
|
|
.el-col-md-pull-0 {
|
|
position: relative;
|
|
right: 0%;
|
|
}
|
|
|
|
.el-col-md-push-0 {
|
|
position: relative;
|
|
left: 0%;
|
|
}
|
|
|
|
.el-col-md-1 {
|
|
width: 4.1666666667%;
|
|
}
|
|
|
|
.el-col-md-offset-1 {
|
|
margin-left: 4.1666666667%;
|
|
}
|
|
|
|
.el-col-md-pull-1 {
|
|
position: relative;
|
|
right: 4.1666666667%;
|
|
}
|
|
|
|
.el-col-md-push-1 {
|
|
position: relative;
|
|
left: 4.1666666667%;
|
|
}
|
|
|
|
.el-col-md-2 {
|
|
width: 8.3333333333%;
|
|
}
|
|
|
|
.el-col-md-offset-2 {
|
|
margin-left: 8.3333333333%;
|
|
}
|
|
|
|
.el-col-md-pull-2 {
|
|
position: relative;
|
|
right: 8.3333333333%;
|
|
}
|
|
|
|
.el-col-md-push-2 {
|
|
position: relative;
|
|
left: 8.3333333333%;
|
|
}
|
|
|
|
.el-col-md-3 {
|
|
width: 12.5%;
|
|
}
|
|
|
|
.el-col-md-offset-3 {
|
|
margin-left: 12.5%;
|
|
}
|
|
|
|
.el-col-md-pull-3 {
|
|
position: relative;
|
|
right: 12.5%;
|
|
}
|
|
|
|
.el-col-md-push-3 {
|
|
position: relative;
|
|
left: 12.5%;
|
|
}
|
|
|
|
.el-col-md-4 {
|
|
width: 16.6666666667%;
|
|
}
|
|
|
|
.el-col-md-offset-4 {
|
|
margin-left: 16.6666666667%;
|
|
}
|
|
|
|
.el-col-md-pull-4 {
|
|
position: relative;
|
|
right: 16.6666666667%;
|
|
}
|
|
|
|
.el-col-md-push-4 {
|
|
position: relative;
|
|
left: 16.6666666667%;
|
|
}
|
|
|
|
.el-col-md-5 {
|
|
width: 20.8333333333%;
|
|
}
|
|
|
|
.el-col-md-offset-5 {
|
|
margin-left: 20.8333333333%;
|
|
}
|
|
|
|
.el-col-md-pull-5 {
|
|
position: relative;
|
|
right: 20.8333333333%;
|
|
}
|
|
|
|
.el-col-md-push-5 {
|
|
position: relative;
|
|
left: 20.8333333333%;
|
|
}
|
|
|
|
.el-col-md-6 {
|
|
width: 25%;
|
|
}
|
|
|
|
.el-col-md-offset-6 {
|
|
margin-left: 25%;
|
|
}
|
|
|
|
.el-col-md-pull-6 {
|
|
position: relative;
|
|
right: 25%;
|
|
}
|
|
|
|
.el-col-md-push-6 {
|
|
position: relative;
|
|
left: 25%;
|
|
}
|
|
|
|
.el-col-md-7 {
|
|
width: 29.1666666667%;
|
|
}
|
|
|
|
.el-col-md-offset-7 {
|
|
margin-left: 29.1666666667%;
|
|
}
|
|
|
|
.el-col-md-pull-7 {
|
|
position: relative;
|
|
right: 29.1666666667%;
|
|
}
|
|
|
|
.el-col-md-push-7 {
|
|
position: relative;
|
|
left: 29.1666666667%;
|
|
}
|
|
|
|
.el-col-md-8 {
|
|
width: 33.3333333333%;
|
|
}
|
|
|
|
.el-col-md-offset-8 {
|
|
margin-left: 33.3333333333%;
|
|
}
|
|
|
|
.el-col-md-pull-8 {
|
|
position: relative;
|
|
right: 33.3333333333%;
|
|
}
|
|
|
|
.el-col-md-push-8 {
|
|
position: relative;
|
|
left: 33.3333333333%;
|
|
}
|
|
|
|
.el-col-md-9 {
|
|
width: 37.5%;
|
|
}
|
|
|
|
.el-col-md-offset-9 {
|
|
margin-left: 37.5%;
|
|
}
|
|
|
|
.el-col-md-pull-9 {
|
|
position: relative;
|
|
right: 37.5%;
|
|
}
|
|
|
|
.el-col-md-push-9 {
|
|
position: relative;
|
|
left: 37.5%;
|
|
}
|
|
|
|
.el-col-md-10 {
|
|
width: 41.6666666667%;
|
|
}
|
|
|
|
.el-col-md-offset-10 {
|
|
margin-left: 41.6666666667%;
|
|
}
|
|
|
|
.el-col-md-pull-10 {
|
|
position: relative;
|
|
right: 41.6666666667%;
|
|
}
|
|
|
|
.el-col-md-push-10 {
|
|
position: relative;
|
|
left: 41.6666666667%;
|
|
}
|
|
|
|
.el-col-md-11 {
|
|
width: 45.8333333333%;
|
|
}
|
|
|
|
.el-col-md-offset-11 {
|
|
margin-left: 45.8333333333%;
|
|
}
|
|
|
|
.el-col-md-pull-11 {
|
|
position: relative;
|
|
right: 45.8333333333%;
|
|
}
|
|
|
|
.el-col-md-push-11 {
|
|
position: relative;
|
|
left: 45.8333333333%;
|
|
}
|
|
|
|
.el-col-md-12 {
|
|
width: 50%;
|
|
}
|
|
|
|
.el-col-md-offset-12 {
|
|
margin-left: 50%;
|
|
}
|
|
|
|
.el-col-md-pull-12 {
|
|
position: relative;
|
|
right: 50%;
|
|
}
|
|
|
|
.el-col-md-push-12 {
|
|
position: relative;
|
|
left: 50%;
|
|
}
|
|
|
|
.el-col-md-13 {
|
|
width: 54.1666666667%;
|
|
}
|
|
|
|
.el-col-md-offset-13 {
|
|
margin-left: 54.1666666667%;
|
|
}
|
|
|
|
.el-col-md-pull-13 {
|
|
position: relative;
|
|
right: 54.1666666667%;
|
|
}
|
|
|
|
.el-col-md-push-13 {
|
|
position: relative;
|
|
left: 54.1666666667%;
|
|
}
|
|
|
|
.el-col-md-14 {
|
|
width: 58.3333333333%;
|
|
}
|
|
|
|
.el-col-md-offset-14 {
|
|
margin-left: 58.3333333333%;
|
|
}
|
|
|
|
.el-col-md-pull-14 {
|
|
position: relative;
|
|
right: 58.3333333333%;
|
|
}
|
|
|
|
.el-col-md-push-14 {
|
|
position: relative;
|
|
left: 58.3333333333%;
|
|
}
|
|
|
|
.el-col-md-15 {
|
|
width: 62.5%;
|
|
}
|
|
|
|
.el-col-md-offset-15 {
|
|
margin-left: 62.5%;
|
|
}
|
|
|
|
.el-col-md-pull-15 {
|
|
position: relative;
|
|
right: 62.5%;
|
|
}
|
|
|
|
.el-col-md-push-15 {
|
|
position: relative;
|
|
left: 62.5%;
|
|
}
|
|
|
|
.el-col-md-16 {
|
|
width: 66.6666666667%;
|
|
}
|
|
|
|
.el-col-md-offset-16 {
|
|
margin-left: 66.6666666667%;
|
|
}
|
|
|
|
.el-col-md-pull-16 {
|
|
position: relative;
|
|
right: 66.6666666667%;
|
|
}
|
|
|
|
.el-col-md-push-16 {
|
|
position: relative;
|
|
left: 66.6666666667%;
|
|
}
|
|
|
|
.el-col-md-17 {
|
|
width: 70.8333333333%;
|
|
}
|
|
|
|
.el-col-md-offset-17 {
|
|
margin-left: 70.8333333333%;
|
|
}
|
|
|
|
.el-col-md-pull-17 {
|
|
position: relative;
|
|
right: 70.8333333333%;
|
|
}
|
|
|
|
.el-col-md-push-17 {
|
|
position: relative;
|
|
left: 70.8333333333%;
|
|
}
|
|
|
|
.el-col-md-18 {
|
|
width: 75%;
|
|
}
|
|
|
|
.el-col-md-offset-18 {
|
|
margin-left: 75%;
|
|
}
|
|
|
|
.el-col-md-pull-18 {
|
|
position: relative;
|
|
right: 75%;
|
|
}
|
|
|
|
.el-col-md-push-18 {
|
|
position: relative;
|
|
left: 75%;
|
|
}
|
|
|
|
.el-col-md-19 {
|
|
width: 79.1666666667%;
|
|
}
|
|
|
|
.el-col-md-offset-19 {
|
|
margin-left: 79.1666666667%;
|
|
}
|
|
|
|
.el-col-md-pull-19 {
|
|
position: relative;
|
|
right: 79.1666666667%;
|
|
}
|
|
|
|
.el-col-md-push-19 {
|
|
position: relative;
|
|
left: 79.1666666667%;
|
|
}
|
|
|
|
.el-col-md-20 {
|
|
width: 83.3333333333%;
|
|
}
|
|
|
|
.el-col-md-offset-20 {
|
|
margin-left: 83.3333333333%;
|
|
}
|
|
|
|
.el-col-md-pull-20 {
|
|
position: relative;
|
|
right: 83.3333333333%;
|
|
}
|
|
|
|
.el-col-md-push-20 {
|
|
position: relative;
|
|
left: 83.3333333333%;
|
|
}
|
|
|
|
.el-col-md-21 {
|
|
width: 87.5%;
|
|
}
|
|
|
|
.el-col-md-offset-21 {
|
|
margin-left: 87.5%;
|
|
}
|
|
|
|
.el-col-md-pull-21 {
|
|
position: relative;
|
|
right: 87.5%;
|
|
}
|
|
|
|
.el-col-md-push-21 {
|
|
position: relative;
|
|
left: 87.5%;
|
|
}
|
|
|
|
.el-col-md-22 {
|
|
width: 91.6666666667%;
|
|
}
|
|
|
|
.el-col-md-offset-22 {
|
|
margin-left: 91.6666666667%;
|
|
}
|
|
|
|
.el-col-md-pull-22 {
|
|
position: relative;
|
|
right: 91.6666666667%;
|
|
}
|
|
|
|
.el-col-md-push-22 {
|
|
position: relative;
|
|
left: 91.6666666667%;
|
|
}
|
|
|
|
.el-col-md-23 {
|
|
width: 95.8333333333%;
|
|
}
|
|
|
|
.el-col-md-offset-23 {
|
|
margin-left: 95.8333333333%;
|
|
}
|
|
|
|
.el-col-md-pull-23 {
|
|
position: relative;
|
|
right: 95.8333333333%;
|
|
}
|
|
|
|
.el-col-md-push-23 {
|
|
position: relative;
|
|
left: 95.8333333333%;
|
|
}
|
|
|
|
.el-col-md-24 {
|
|
width: 100%;
|
|
}
|
|
|
|
.el-col-md-offset-24 {
|
|
margin-left: 100%;
|
|
}
|
|
|
|
.el-col-md-pull-24 {
|
|
position: relative;
|
|
right: 100%;
|
|
}
|
|
|
|
.el-col-md-push-24 {
|
|
position: relative;
|
|
left: 100%;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 1200px) {
|
|
.el-col-lg-0 {
|
|
display: none;
|
|
}
|
|
|
|
.el-col-lg-0 {
|
|
width: 0%;
|
|
}
|
|
|
|
.el-col-lg-offset-0 {
|
|
margin-left: 0%;
|
|
}
|
|
|
|
.el-col-lg-pull-0 {
|
|
position: relative;
|
|
right: 0%;
|
|
}
|
|
|
|
.el-col-lg-push-0 {
|
|
position: relative;
|
|
left: 0%;
|
|
}
|
|
|
|
.el-col-lg-1 {
|
|
width: 4.1666666667%;
|
|
}
|
|
|
|
.el-col-lg-offset-1 {
|
|
margin-left: 4.1666666667%;
|
|
}
|
|
|
|
.el-col-lg-pull-1 {
|
|
position: relative;
|
|
right: 4.1666666667%;
|
|
}
|
|
|
|
.el-col-lg-push-1 {
|
|
position: relative;
|
|
left: 4.1666666667%;
|
|
}
|
|
|
|
.el-col-lg-2 {
|
|
width: 8.3333333333%;
|
|
}
|
|
|
|
.el-col-lg-offset-2 {
|
|
margin-left: 8.3333333333%;
|
|
}
|
|
|
|
.el-col-lg-pull-2 {
|
|
position: relative;
|
|
right: 8.3333333333%;
|
|
}
|
|
|
|
.el-col-lg-push-2 {
|
|
position: relative;
|
|
left: 8.3333333333%;
|
|
}
|
|
|
|
.el-col-lg-3 {
|
|
width: 12.5%;
|
|
}
|
|
|
|
.el-col-lg-offset-3 {
|
|
margin-left: 12.5%;
|
|
}
|
|
|
|
.el-col-lg-pull-3 {
|
|
position: relative;
|
|
right: 12.5%;
|
|
}
|
|
|
|
.el-col-lg-push-3 {
|
|
position: relative;
|
|
left: 12.5%;
|
|
}
|
|
|
|
.el-col-lg-4 {
|
|
width: 16.6666666667%;
|
|
}
|
|
|
|
.el-col-lg-offset-4 {
|
|
margin-left: 16.6666666667%;
|
|
}
|
|
|
|
.el-col-lg-pull-4 {
|
|
position: relative;
|
|
right: 16.6666666667%;
|
|
}
|
|
|
|
.el-col-lg-push-4 {
|
|
position: relative;
|
|
left: 16.6666666667%;
|
|
}
|
|
|
|
.el-col-lg-5 {
|
|
width: 20.8333333333%;
|
|
}
|
|
|
|
.el-col-lg-offset-5 {
|
|
margin-left: 20.8333333333%;
|
|
}
|
|
|
|
.el-col-lg-pull-5 {
|
|
position: relative;
|
|
right: 20.8333333333%;
|
|
}
|
|
|
|
.el-col-lg-push-5 {
|
|
position: relative;
|
|
left: 20.8333333333%;
|
|
}
|
|
|
|
.el-col-lg-6 {
|
|
width: 25%;
|
|
}
|
|
|
|
.el-col-lg-offset-6 {
|
|
margin-left: 25%;
|
|
}
|
|
|
|
.el-col-lg-pull-6 {
|
|
position: relative;
|
|
right: 25%;
|
|
}
|
|
|
|
.el-col-lg-push-6 {
|
|
position: relative;
|
|
left: 25%;
|
|
}
|
|
|
|
.el-col-lg-7 {
|
|
width: 29.1666666667%;
|
|
}
|
|
|
|
.el-col-lg-offset-7 {
|
|
margin-left: 29.1666666667%;
|
|
}
|
|
|
|
.el-col-lg-pull-7 {
|
|
position: relative;
|
|
right: 29.1666666667%;
|
|
}
|
|
|
|
.el-col-lg-push-7 {
|
|
position: relative;
|
|
left: 29.1666666667%;
|
|
}
|
|
|
|
.el-col-lg-8 {
|
|
width: 33.3333333333%;
|
|
}
|
|
|
|
.el-col-lg-offset-8 {
|
|
margin-left: 33.3333333333%;
|
|
}
|
|
|
|
.el-col-lg-pull-8 {
|
|
position: relative;
|
|
right: 33.3333333333%;
|
|
}
|
|
|
|
.el-col-lg-push-8 {
|
|
position: relative;
|
|
left: 33.3333333333%;
|
|
}
|
|
|
|
.el-col-lg-9 {
|
|
width: 37.5%;
|
|
}
|
|
|
|
.el-col-lg-offset-9 {
|
|
margin-left: 37.5%;
|
|
}
|
|
|
|
.el-col-lg-pull-9 {
|
|
position: relative;
|
|
right: 37.5%;
|
|
}
|
|
|
|
.el-col-lg-push-9 {
|
|
position: relative;
|
|
left: 37.5%;
|
|
}
|
|
|
|
.el-col-lg-10 {
|
|
width: 41.6666666667%;
|
|
}
|
|
|
|
.el-col-lg-offset-10 {
|
|
margin-left: 41.6666666667%;
|
|
}
|
|
|
|
.el-col-lg-pull-10 {
|
|
position: relative;
|
|
right: 41.6666666667%;
|
|
}
|
|
|
|
.el-col-lg-push-10 {
|
|
position: relative;
|
|
left: 41.6666666667%;
|
|
}
|
|
|
|
.el-col-lg-11 {
|
|
width: 45.8333333333%;
|
|
}
|
|
|
|
.el-col-lg-offset-11 {
|
|
margin-left: 45.8333333333%;
|
|
}
|
|
|
|
.el-col-lg-pull-11 {
|
|
position: relative;
|
|
right: 45.8333333333%;
|
|
}
|
|
|
|
.el-col-lg-push-11 {
|
|
position: relative;
|
|
left: 45.8333333333%;
|
|
}
|
|
|
|
.el-col-lg-12 {
|
|
width: 50%;
|
|
}
|
|
|
|
.el-col-lg-offset-12 {
|
|
margin-left: 50%;
|
|
}
|
|
|
|
.el-col-lg-pull-12 {
|
|
position: relative;
|
|
right: 50%;
|
|
}
|
|
|
|
.el-col-lg-push-12 {
|
|
position: relative;
|
|
left: 50%;
|
|
}
|
|
|
|
.el-col-lg-13 {
|
|
width: 54.1666666667%;
|
|
}
|
|
|
|
.el-col-lg-offset-13 {
|
|
margin-left: 54.1666666667%;
|
|
}
|
|
|
|
.el-col-lg-pull-13 {
|
|
position: relative;
|
|
right: 54.1666666667%;
|
|
}
|
|
|
|
.el-col-lg-push-13 {
|
|
position: relative;
|
|
left: 54.1666666667%;
|
|
}
|
|
|
|
.el-col-lg-14 {
|
|
width: 58.3333333333%;
|
|
}
|
|
|
|
.el-col-lg-offset-14 {
|
|
margin-left: 58.3333333333%;
|
|
}
|
|
|
|
.el-col-lg-pull-14 {
|
|
position: relative;
|
|
right: 58.3333333333%;
|
|
}
|
|
|
|
.el-col-lg-push-14 {
|
|
position: relative;
|
|
left: 58.3333333333%;
|
|
}
|
|
|
|
.el-col-lg-15 {
|
|
width: 62.5%;
|
|
}
|
|
|
|
.el-col-lg-offset-15 {
|
|
margin-left: 62.5%;
|
|
}
|
|
|
|
.el-col-lg-pull-15 {
|
|
position: relative;
|
|
right: 62.5%;
|
|
}
|
|
|
|
.el-col-lg-push-15 {
|
|
position: relative;
|
|
left: 62.5%;
|
|
}
|
|
|
|
.el-col-lg-16 {
|
|
width: 66.6666666667%;
|
|
}
|
|
|
|
.el-col-lg-offset-16 {
|
|
margin-left: 66.6666666667%;
|
|
}
|
|
|
|
.el-col-lg-pull-16 {
|
|
position: relative;
|
|
right: 66.6666666667%;
|
|
}
|
|
|
|
.el-col-lg-push-16 {
|
|
position: relative;
|
|
left: 66.6666666667%;
|
|
}
|
|
|
|
.el-col-lg-17 {
|
|
width: 70.8333333333%;
|
|
}
|
|
|
|
.el-col-lg-offset-17 {
|
|
margin-left: 70.8333333333%;
|
|
}
|
|
|
|
.el-col-lg-pull-17 {
|
|
position: relative;
|
|
right: 70.8333333333%;
|
|
}
|
|
|
|
.el-col-lg-push-17 {
|
|
position: relative;
|
|
left: 70.8333333333%;
|
|
}
|
|
|
|
.el-col-lg-18 {
|
|
width: 75%;
|
|
}
|
|
|
|
.el-col-lg-offset-18 {
|
|
margin-left: 75%;
|
|
}
|
|
|
|
.el-col-lg-pull-18 {
|
|
position: relative;
|
|
right: 75%;
|
|
}
|
|
|
|
.el-col-lg-push-18 {
|
|
position: relative;
|
|
left: 75%;
|
|
}
|
|
|
|
.el-col-lg-19 {
|
|
width: 79.1666666667%;
|
|
}
|
|
|
|
.el-col-lg-offset-19 {
|
|
margin-left: 79.1666666667%;
|
|
}
|
|
|
|
.el-col-lg-pull-19 {
|
|
position: relative;
|
|
right: 79.1666666667%;
|
|
}
|
|
|
|
.el-col-lg-push-19 {
|
|
position: relative;
|
|
left: 79.1666666667%;
|
|
}
|
|
|
|
.el-col-lg-20 {
|
|
width: 83.3333333333%;
|
|
}
|
|
|
|
.el-col-lg-offset-20 {
|
|
margin-left: 83.3333333333%;
|
|
}
|
|
|
|
.el-col-lg-pull-20 {
|
|
position: relative;
|
|
right: 83.3333333333%;
|
|
}
|
|
|
|
.el-col-lg-push-20 {
|
|
position: relative;
|
|
left: 83.3333333333%;
|
|
}
|
|
|
|
.el-col-lg-21 {
|
|
width: 87.5%;
|
|
}
|
|
|
|
.el-col-lg-offset-21 {
|
|
margin-left: 87.5%;
|
|
}
|
|
|
|
.el-col-lg-pull-21 {
|
|
position: relative;
|
|
right: 87.5%;
|
|
}
|
|
|
|
.el-col-lg-push-21 {
|
|
position: relative;
|
|
left: 87.5%;
|
|
}
|
|
|
|
.el-col-lg-22 {
|
|
width: 91.6666666667%;
|
|
}
|
|
|
|
.el-col-lg-offset-22 {
|
|
margin-left: 91.6666666667%;
|
|
}
|
|
|
|
.el-col-lg-pull-22 {
|
|
position: relative;
|
|
right: 91.6666666667%;
|
|
}
|
|
|
|
.el-col-lg-push-22 {
|
|
position: relative;
|
|
left: 91.6666666667%;
|
|
}
|
|
|
|
.el-col-lg-23 {
|
|
width: 95.8333333333%;
|
|
}
|
|
|
|
.el-col-lg-offset-23 {
|
|
margin-left: 95.8333333333%;
|
|
}
|
|
|
|
.el-col-lg-pull-23 {
|
|
position: relative;
|
|
right: 95.8333333333%;
|
|
}
|
|
|
|
.el-col-lg-push-23 {
|
|
position: relative;
|
|
left: 95.8333333333%;
|
|
}
|
|
|
|
.el-col-lg-24 {
|
|
width: 100%;
|
|
}
|
|
|
|
.el-col-lg-offset-24 {
|
|
margin-left: 100%;
|
|
}
|
|
|
|
.el-col-lg-pull-24 {
|
|
position: relative;
|
|
right: 100%;
|
|
}
|
|
|
|
.el-col-lg-push-24 {
|
|
position: relative;
|
|
left: 100%;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 1920px) {
|
|
.el-col-xl-0 {
|
|
display: none;
|
|
}
|
|
|
|
.el-col-xl-0 {
|
|
width: 0%;
|
|
}
|
|
|
|
.el-col-xl-offset-0 {
|
|
margin-left: 0%;
|
|
}
|
|
|
|
.el-col-xl-pull-0 {
|
|
position: relative;
|
|
right: 0%;
|
|
}
|
|
|
|
.el-col-xl-push-0 {
|
|
position: relative;
|
|
left: 0%;
|
|
}
|
|
|
|
.el-col-xl-1 {
|
|
width: 4.1666666667%;
|
|
}
|
|
|
|
.el-col-xl-offset-1 {
|
|
margin-left: 4.1666666667%;
|
|
}
|
|
|
|
.el-col-xl-pull-1 {
|
|
position: relative;
|
|
right: 4.1666666667%;
|
|
}
|
|
|
|
.el-col-xl-push-1 {
|
|
position: relative;
|
|
left: 4.1666666667%;
|
|
}
|
|
|
|
.el-col-xl-2 {
|
|
width: 8.3333333333%;
|
|
}
|
|
|
|
.el-col-xl-offset-2 {
|
|
margin-left: 8.3333333333%;
|
|
}
|
|
|
|
.el-col-xl-pull-2 {
|
|
position: relative;
|
|
right: 8.3333333333%;
|
|
}
|
|
|
|
.el-col-xl-push-2 {
|
|
position: relative;
|
|
left: 8.3333333333%;
|
|
}
|
|
|
|
.el-col-xl-3 {
|
|
width: 12.5%;
|
|
}
|
|
|
|
.el-col-xl-offset-3 {
|
|
margin-left: 12.5%;
|
|
}
|
|
|
|
.el-col-xl-pull-3 {
|
|
position: relative;
|
|
right: 12.5%;
|
|
}
|
|
|
|
.el-col-xl-push-3 {
|
|
position: relative;
|
|
left: 12.5%;
|
|
}
|
|
|
|
.el-col-xl-4 {
|
|
width: 16.6666666667%;
|
|
}
|
|
|
|
.el-col-xl-offset-4 {
|
|
margin-left: 16.6666666667%;
|
|
}
|
|
|
|
.el-col-xl-pull-4 {
|
|
position: relative;
|
|
right: 16.6666666667%;
|
|
}
|
|
|
|
.el-col-xl-push-4 {
|
|
position: relative;
|
|
left: 16.6666666667%;
|
|
}
|
|
|
|
.el-col-xl-5 {
|
|
width: 20.8333333333%;
|
|
}
|
|
|
|
.el-col-xl-offset-5 {
|
|
margin-left: 20.8333333333%;
|
|
}
|
|
|
|
.el-col-xl-pull-5 {
|
|
position: relative;
|
|
right: 20.8333333333%;
|
|
}
|
|
|
|
.el-col-xl-push-5 {
|
|
position: relative;
|
|
left: 20.8333333333%;
|
|
}
|
|
|
|
.el-col-xl-6 {
|
|
width: 25%;
|
|
}
|
|
|
|
.el-col-xl-offset-6 {
|
|
margin-left: 25%;
|
|
}
|
|
|
|
.el-col-xl-pull-6 {
|
|
position: relative;
|
|
right: 25%;
|
|
}
|
|
|
|
.el-col-xl-push-6 {
|
|
position: relative;
|
|
left: 25%;
|
|
}
|
|
|
|
.el-col-xl-7 {
|
|
width: 29.1666666667%;
|
|
}
|
|
|
|
.el-col-xl-offset-7 {
|
|
margin-left: 29.1666666667%;
|
|
}
|
|
|
|
.el-col-xl-pull-7 {
|
|
position: relative;
|
|
right: 29.1666666667%;
|
|
}
|
|
|
|
.el-col-xl-push-7 {
|
|
position: relative;
|
|
left: 29.1666666667%;
|
|
}
|
|
|
|
.el-col-xl-8 {
|
|
width: 33.3333333333%;
|
|
}
|
|
|
|
.el-col-xl-offset-8 {
|
|
margin-left: 33.3333333333%;
|
|
}
|
|
|
|
.el-col-xl-pull-8 {
|
|
position: relative;
|
|
right: 33.3333333333%;
|
|
}
|
|
|
|
.el-col-xl-push-8 {
|
|
position: relative;
|
|
left: 33.3333333333%;
|
|
}
|
|
|
|
.el-col-xl-9 {
|
|
width: 37.5%;
|
|
}
|
|
|
|
.el-col-xl-offset-9 {
|
|
margin-left: 37.5%;
|
|
}
|
|
|
|
.el-col-xl-pull-9 {
|
|
position: relative;
|
|
right: 37.5%;
|
|
}
|
|
|
|
.el-col-xl-push-9 {
|
|
position: relative;
|
|
left: 37.5%;
|
|
}
|
|
|
|
.el-col-xl-10 {
|
|
width: 41.6666666667%;
|
|
}
|
|
|
|
.el-col-xl-offset-10 {
|
|
margin-left: 41.6666666667%;
|
|
}
|
|
|
|
.el-col-xl-pull-10 {
|
|
position: relative;
|
|
right: 41.6666666667%;
|
|
}
|
|
|
|
.el-col-xl-push-10 {
|
|
position: relative;
|
|
left: 41.6666666667%;
|
|
}
|
|
|
|
.el-col-xl-11 {
|
|
width: 45.8333333333%;
|
|
}
|
|
|
|
.el-col-xl-offset-11 {
|
|
margin-left: 45.8333333333%;
|
|
}
|
|
|
|
.el-col-xl-pull-11 {
|
|
position: relative;
|
|
right: 45.8333333333%;
|
|
}
|
|
|
|
.el-col-xl-push-11 {
|
|
position: relative;
|
|
left: 45.8333333333%;
|
|
}
|
|
|
|
.el-col-xl-12 {
|
|
width: 50%;
|
|
}
|
|
|
|
.el-col-xl-offset-12 {
|
|
margin-left: 50%;
|
|
}
|
|
|
|
.el-col-xl-pull-12 {
|
|
position: relative;
|
|
right: 50%;
|
|
}
|
|
|
|
.el-col-xl-push-12 {
|
|
position: relative;
|
|
left: 50%;
|
|
}
|
|
|
|
.el-col-xl-13 {
|
|
width: 54.1666666667%;
|
|
}
|
|
|
|
.el-col-xl-offset-13 {
|
|
margin-left: 54.1666666667%;
|
|
}
|
|
|
|
.el-col-xl-pull-13 {
|
|
position: relative;
|
|
right: 54.1666666667%;
|
|
}
|
|
|
|
.el-col-xl-push-13 {
|
|
position: relative;
|
|
left: 54.1666666667%;
|
|
}
|
|
|
|
.el-col-xl-14 {
|
|
width: 58.3333333333%;
|
|
}
|
|
|
|
.el-col-xl-offset-14 {
|
|
margin-left: 58.3333333333%;
|
|
}
|
|
|
|
.el-col-xl-pull-14 {
|
|
position: relative;
|
|
right: 58.3333333333%;
|
|
}
|
|
|
|
.el-col-xl-push-14 {
|
|
position: relative;
|
|
left: 58.3333333333%;
|
|
}
|
|
|
|
.el-col-xl-15 {
|
|
width: 62.5%;
|
|
}
|
|
|
|
.el-col-xl-offset-15 {
|
|
margin-left: 62.5%;
|
|
}
|
|
|
|
.el-col-xl-pull-15 {
|
|
position: relative;
|
|
right: 62.5%;
|
|
}
|
|
|
|
.el-col-xl-push-15 {
|
|
position: relative;
|
|
left: 62.5%;
|
|
}
|
|
|
|
.el-col-xl-16 {
|
|
width: 66.6666666667%;
|
|
}
|
|
|
|
.el-col-xl-offset-16 {
|
|
margin-left: 66.6666666667%;
|
|
}
|
|
|
|
.el-col-xl-pull-16 {
|
|
position: relative;
|
|
right: 66.6666666667%;
|
|
}
|
|
|
|
.el-col-xl-push-16 {
|
|
position: relative;
|
|
left: 66.6666666667%;
|
|
}
|
|
|
|
.el-col-xl-17 {
|
|
width: 70.8333333333%;
|
|
}
|
|
|
|
.el-col-xl-offset-17 {
|
|
margin-left: 70.8333333333%;
|
|
}
|
|
|
|
.el-col-xl-pull-17 {
|
|
position: relative;
|
|
right: 70.8333333333%;
|
|
}
|
|
|
|
.el-col-xl-push-17 {
|
|
position: relative;
|
|
left: 70.8333333333%;
|
|
}
|
|
|
|
.el-col-xl-18 {
|
|
width: 75%;
|
|
}
|
|
|
|
.el-col-xl-offset-18 {
|
|
margin-left: 75%;
|
|
}
|
|
|
|
.el-col-xl-pull-18 {
|
|
position: relative;
|
|
right: 75%;
|
|
}
|
|
|
|
.el-col-xl-push-18 {
|
|
position: relative;
|
|
left: 75%;
|
|
}
|
|
|
|
.el-col-xl-19 {
|
|
width: 79.1666666667%;
|
|
}
|
|
|
|
.el-col-xl-offset-19 {
|
|
margin-left: 79.1666666667%;
|
|
}
|
|
|
|
.el-col-xl-pull-19 {
|
|
position: relative;
|
|
right: 79.1666666667%;
|
|
}
|
|
|
|
.el-col-xl-push-19 {
|
|
position: relative;
|
|
left: 79.1666666667%;
|
|
}
|
|
|
|
.el-col-xl-20 {
|
|
width: 83.3333333333%;
|
|
}
|
|
|
|
.el-col-xl-offset-20 {
|
|
margin-left: 83.3333333333%;
|
|
}
|
|
|
|
.el-col-xl-pull-20 {
|
|
position: relative;
|
|
right: 83.3333333333%;
|
|
}
|
|
|
|
.el-col-xl-push-20 {
|
|
position: relative;
|
|
left: 83.3333333333%;
|
|
}
|
|
|
|
.el-col-xl-21 {
|
|
width: 87.5%;
|
|
}
|
|
|
|
.el-col-xl-offset-21 {
|
|
margin-left: 87.5%;
|
|
}
|
|
|
|
.el-col-xl-pull-21 {
|
|
position: relative;
|
|
right: 87.5%;
|
|
}
|
|
|
|
.el-col-xl-push-21 {
|
|
position: relative;
|
|
left: 87.5%;
|
|
}
|
|
|
|
.el-col-xl-22 {
|
|
width: 91.6666666667%;
|
|
}
|
|
|
|
.el-col-xl-offset-22 {
|
|
margin-left: 91.6666666667%;
|
|
}
|
|
|
|
.el-col-xl-pull-22 {
|
|
position: relative;
|
|
right: 91.6666666667%;
|
|
}
|
|
|
|
.el-col-xl-push-22 {
|
|
position: relative;
|
|
left: 91.6666666667%;
|
|
}
|
|
|
|
.el-col-xl-23 {
|
|
width: 95.8333333333%;
|
|
}
|
|
|
|
.el-col-xl-offset-23 {
|
|
margin-left: 95.8333333333%;
|
|
}
|
|
|
|
.el-col-xl-pull-23 {
|
|
position: relative;
|
|
right: 95.8333333333%;
|
|
}
|
|
|
|
.el-col-xl-push-23 {
|
|
position: relative;
|
|
left: 95.8333333333%;
|
|
}
|
|
|
|
.el-col-xl-24 {
|
|
width: 100%;
|
|
}
|
|
|
|
.el-col-xl-offset-24 {
|
|
margin-left: 100%;
|
|
}
|
|
|
|
.el-col-xl-pull-24 {
|
|
position: relative;
|
|
right: 100%;
|
|
}
|
|
|
|
.el-col-xl-push-24 {
|
|
position: relative;
|
|
left: 100%;
|
|
}
|
|
}
|
|
/* 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
|
|
-------------------------- */
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.el-progress {
|
|
position: relative;
|
|
line-height: 1;
|
|
}
|
|
.el-progress__text {
|
|
font-size: 14px;
|
|
color: #606266;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin-left: 10px;
|
|
line-height: 1;
|
|
}
|
|
.el-progress__text i {
|
|
vertical-align: middle;
|
|
display: block;
|
|
}
|
|
|
|
.el-progress--circle, .el-progress--dashboard {
|
|
display: inline-block;
|
|
}
|
|
.el-progress--circle .el-progress__text, .el-progress--dashboard .el-progress__text {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 0;
|
|
width: 100%;
|
|
text-align: center;
|
|
margin: 0;
|
|
-webkit-transform: translate(0, -50%);
|
|
transform: translate(0, -50%);
|
|
}
|
|
.el-progress--circle .el-progress__text i, .el-progress--dashboard .el-progress__text i {
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
}
|
|
|
|
.el-progress--without-text .el-progress__text {
|
|
display: none;
|
|
}
|
|
.el-progress--without-text .el-progress-bar {
|
|
padding-right: 0;
|
|
margin-right: 0;
|
|
display: block;
|
|
}
|
|
|
|
.el-progress--text-inside .el-progress-bar {
|
|
padding-right: 0;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.el-progress.is-success .el-progress-bar__inner {
|
|
background-color: #13ce66;
|
|
}
|
|
.el-progress.is-success .el-progress__text {
|
|
color: #13ce66;
|
|
}
|
|
|
|
.el-progress.is-warning .el-progress-bar__inner {
|
|
background-color: #ffba00;
|
|
}
|
|
.el-progress.is-warning .el-progress__text {
|
|
color: #ffba00;
|
|
}
|
|
|
|
.el-progress.is-exception .el-progress-bar__inner {
|
|
background-color: #ff4949;
|
|
}
|
|
.el-progress.is-exception .el-progress__text {
|
|
color: #ff4949;
|
|
}
|
|
|
|
.el-progress-bar {
|
|
padding-right: 50px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
width: 100%;
|
|
margin-right: -55px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.el-progress-bar__outer {
|
|
height: 6px;
|
|
border-radius: 100px;
|
|
background-color: #e6ebf5;
|
|
overflow: hidden;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.el-progress-bar__inner {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
height: 100%;
|
|
background-color: #1890ff;
|
|
text-align: right;
|
|
border-radius: 100px;
|
|
line-height: 1;
|
|
white-space: nowrap;
|
|
-webkit-transition: width 0.6s ease;
|
|
transition: width 0.6s ease;
|
|
}
|
|
.el-progress-bar__inner::after {
|
|
display: inline-block;
|
|
content: "";
|
|
height: 100%;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.el-progress-bar__innerText {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
color: #FFFFFF;
|
|
font-size: 12px;
|
|
margin: 0 5px;
|
|
}
|
|
|
|
@-webkit-keyframes progress {
|
|
0% {
|
|
background-position: 0 0;
|
|
}
|
|
100% {
|
|
background-position: 32px 0;
|
|
}
|
|
}
|
|
|
|
@keyframes progress {
|
|
0% {
|
|
background-position: 0 0;
|
|
}
|
|
100% {
|
|
background-position: 32px 0;
|
|
}
|
|
}
|
|
/* 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-upload {
|
|
display: inline-block;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
outline: none;
|
|
/* 照片墙模式 */
|
|
}
|
|
.el-upload__input {
|
|
display: none;
|
|
}
|
|
|
|
.el-upload__tip {
|
|
font-size: 12px;
|
|
color: #606266;
|
|
margin-top: 7px;
|
|
}
|
|
|
|
.el-upload iframe {
|
|
position: absolute;
|
|
z-index: -1;
|
|
top: 0;
|
|
left: 0;
|
|
opacity: 0;
|
|
filter: alpha(opacity=0);
|
|
}
|
|
.el-upload--picture-card {
|
|
background-color: #fbfdff;
|
|
border: 1px dashed #c0ccda;
|
|
border-radius: 6px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
width: 148px;
|
|
height: 148px;
|
|
cursor: pointer;
|
|
line-height: 146px;
|
|
vertical-align: top;
|
|
}
|
|
.el-upload--picture-card i {
|
|
font-size: 28px;
|
|
color: #8c939d;
|
|
}
|
|
.el-upload--picture-card:hover {
|
|
border-color: #1890ff;
|
|
color: #1890ff;
|
|
}
|
|
|
|
.el-upload:focus {
|
|
border-color: #1890ff;
|
|
color: #1890ff;
|
|
}
|
|
.el-upload:focus .el-upload-dragger {
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-upload-dragger {
|
|
background-color: #fff;
|
|
border: 1px dashed #d9d9d9;
|
|
border-radius: 6px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
width: 360px;
|
|
height: 180px;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.el-upload-dragger .el-icon-upload {
|
|
font-size: 67px;
|
|
color: #C0C4CC;
|
|
margin: 40px 0 16px;
|
|
line-height: 50px;
|
|
}
|
|
.el-upload-dragger + .el-upload__tip {
|
|
text-align: center;
|
|
}
|
|
.el-upload-dragger ~ .el-upload__files {
|
|
border-top: 1px solid #DCDFE6;
|
|
margin-top: 7px;
|
|
padding-top: 5px;
|
|
}
|
|
.el-upload-dragger .el-upload__text {
|
|
color: #606266;
|
|
font-size: 14px;
|
|
text-align: center;
|
|
}
|
|
.el-upload-dragger .el-upload__text em {
|
|
color: #1890ff;
|
|
font-style: normal;
|
|
}
|
|
.el-upload-dragger:hover {
|
|
border-color: #1890ff;
|
|
}
|
|
.el-upload-dragger.is-dragover {
|
|
background-color: rgba(32, 159, 255, 0.06);
|
|
border: 2px dashed #1890ff;
|
|
}
|
|
|
|
.el-upload-list {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
.el-upload-list__item {
|
|
-webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
|
|
transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
|
|
font-size: 14px;
|
|
color: #606266;
|
|
line-height: 1.8;
|
|
margin-top: 5px;
|
|
position: relative;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
border-radius: 4px;
|
|
width: 100%;
|
|
}
|
|
.el-upload-list__item .el-progress {
|
|
position: absolute;
|
|
top: 20px;
|
|
width: 100%;
|
|
}
|
|
.el-upload-list__item .el-progress__text {
|
|
position: absolute;
|
|
right: 0;
|
|
top: -13px;
|
|
}
|
|
.el-upload-list__item .el-progress-bar {
|
|
margin-right: 0;
|
|
padding-right: 0;
|
|
}
|
|
.el-upload-list__item:first-child {
|
|
margin-top: 10px;
|
|
}
|
|
.el-upload-list__item .el-icon-upload-success {
|
|
color: #13ce66;
|
|
}
|
|
.el-upload-list__item .el-icon-close {
|
|
display: none;
|
|
position: absolute;
|
|
top: 5px;
|
|
right: 5px;
|
|
cursor: pointer;
|
|
opacity: 0.75;
|
|
color: #606266;
|
|
}
|
|
.el-upload-list__item .el-icon-close:hover {
|
|
opacity: 1;
|
|
}
|
|
.el-upload-list__item .el-icon-close-tip {
|
|
display: none;
|
|
position: absolute;
|
|
top: 5px;
|
|
right: 5px;
|
|
font-size: 12px;
|
|
cursor: pointer;
|
|
opacity: 1;
|
|
color: #1890ff;
|
|
}
|
|
.el-upload-list__item:hover {
|
|
background-color: #F5F7FA;
|
|
}
|
|
.el-upload-list__item:hover .el-icon-close {
|
|
display: inline-block;
|
|
}
|
|
.el-upload-list__item:hover .el-progress__text {
|
|
display: none;
|
|
}
|
|
.el-upload-list__item.is-success .el-upload-list__item-status-label {
|
|
display: block;
|
|
}
|
|
.el-upload-list__item.is-success .el-upload-list__item-name:hover, .el-upload-list__item.is-success .el-upload-list__item-name:focus {
|
|
color: #1890ff;
|
|
cursor: pointer;
|
|
}
|
|
.el-upload-list__item.is-success:focus:not(:hover) {
|
|
/* 键盘focus */
|
|
}
|
|
.el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip {
|
|
display: inline-block;
|
|
}
|
|
.el-upload-list__item.is-success:not(.focusing):focus, .el-upload-list__item.is-success:active {
|
|
/* click时 */
|
|
outline-width: 0;
|
|
}
|
|
.el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip, .el-upload-list__item.is-success:active .el-icon-close-tip {
|
|
display: none;
|
|
}
|
|
.el-upload-list__item.is-success:hover .el-upload-list__item-status-label, .el-upload-list__item.is-success:focus .el-upload-list__item-status-label {
|
|
display: none;
|
|
}
|
|
|
|
.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label {
|
|
display: block;
|
|
}
|
|
|
|
.el-upload-list__item-name {
|
|
color: #606266;
|
|
display: block;
|
|
margin-right: 40px;
|
|
overflow: hidden;
|
|
padding-left: 4px;
|
|
text-overflow: ellipsis;
|
|
-webkit-transition: color 0.3s;
|
|
transition: color 0.3s;
|
|
white-space: nowrap;
|
|
}
|
|
.el-upload-list__item-name [class^=el-icon] {
|
|
height: 100%;
|
|
margin-right: 7px;
|
|
color: #909399;
|
|
line-height: inherit;
|
|
}
|
|
|
|
.el-upload-list__item-status-label {
|
|
position: absolute;
|
|
right: 5px;
|
|
top: 0;
|
|
line-height: inherit;
|
|
display: none;
|
|
}
|
|
|
|
.el-upload-list__item-delete {
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 0;
|
|
font-size: 12px;
|
|
color: #606266;
|
|
display: none;
|
|
}
|
|
.el-upload-list__item-delete:hover {
|
|
color: #1890ff;
|
|
}
|
|
|
|
.el-upload-list--picture-card {
|
|
margin: 0;
|
|
display: inline;
|
|
vertical-align: top;
|
|
}
|
|
.el-upload-list--picture-card .el-upload-list__item {
|
|
overflow: hidden;
|
|
background-color: #fff;
|
|
border: 1px solid #c0ccda;
|
|
border-radius: 6px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
width: 148px;
|
|
height: 148px;
|
|
margin: 0 8px 8px 0;
|
|
display: inline-block;
|
|
}
|
|
.el-upload-list--picture-card .el-upload-list__item .el-icon-check,
|
|
.el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check {
|
|
color: #FFFFFF;
|
|
}
|
|
.el-upload-list--picture-card .el-upload-list__item .el-icon-close {
|
|
display: none;
|
|
}
|
|
.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label {
|
|
display: none;
|
|
}
|
|
.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text {
|
|
display: block;
|
|
}
|
|
.el-upload-list--picture-card .el-upload-list__item-name {
|
|
display: none;
|
|
}
|
|
.el-upload-list--picture-card .el-upload-list__item-thumbnail {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.el-upload-list--picture-card .el-upload-list__item-status-label {
|
|
position: absolute;
|
|
right: -15px;
|
|
top: -6px;
|
|
width: 40px;
|
|
height: 24px;
|
|
background: #13ce66;
|
|
text-align: center;
|
|
-webkit-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
-webkit-box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2);
|
|
box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2);
|
|
}
|
|
.el-upload-list--picture-card .el-upload-list__item-status-label i {
|
|
font-size: 12px;
|
|
margin-top: 11px;
|
|
-webkit-transform: rotate(-45deg);
|
|
transform: rotate(-45deg);
|
|
}
|
|
.el-upload-list--picture-card .el-upload-list__item-actions {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
left: 0;
|
|
top: 0;
|
|
cursor: default;
|
|
text-align: center;
|
|
color: #fff;
|
|
opacity: 0;
|
|
font-size: 20px;
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
-webkit-transition: opacity 0.3s;
|
|
transition: opacity 0.3s;
|
|
}
|
|
.el-upload-list--picture-card .el-upload-list__item-actions::after {
|
|
display: inline-block;
|
|
content: "";
|
|
height: 100%;
|
|
vertical-align: middle;
|
|
}
|
|
.el-upload-list--picture-card .el-upload-list__item-actions span {
|
|
display: none;
|
|
cursor: pointer;
|
|
}
|
|
.el-upload-list--picture-card .el-upload-list__item-actions span + span {
|
|
margin-left: 15px;
|
|
}
|
|
.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
|
|
position: static;
|
|
font-size: inherit;
|
|
color: inherit;
|
|
}
|
|
.el-upload-list--picture-card .el-upload-list__item-actions:hover {
|
|
opacity: 1;
|
|
}
|
|
.el-upload-list--picture-card .el-upload-list__item-actions:hover span {
|
|
display: inline-block;
|
|
}
|
|
.el-upload-list--picture-card .el-progress {
|
|
top: 50%;
|
|
left: 50%;
|
|
-webkit-transform: translate(-50%, -50%);
|
|
transform: translate(-50%, -50%);
|
|
bottom: auto;
|
|
width: 126px;
|
|
}
|
|
.el-upload-list--picture-card .el-progress .el-progress__text {
|
|
top: 50%;
|
|
}
|
|
|
|
.el-upload-list--picture .el-upload-list__item {
|
|
overflow: hidden;
|
|
z-index: 0;
|
|
background-color: #fff;
|
|
border: 1px solid #c0ccda;
|
|
border-radius: 6px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
margin-top: 10px;
|
|
padding: 10px 10px 10px 90px;
|
|
height: 92px;
|
|
}
|
|
.el-upload-list--picture .el-upload-list__item .el-icon-check,
|
|
.el-upload-list--picture .el-upload-list__item .el-icon-circle-check {
|
|
color: #FFFFFF;
|
|
}
|
|
.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label {
|
|
background: transparent;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
top: -2px;
|
|
right: -12px;
|
|
}
|
|
.el-upload-list--picture .el-upload-list__item:hover .el-progress__text {
|
|
display: block;
|
|
}
|
|
.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name {
|
|
line-height: 70px;
|
|
margin-top: 0;
|
|
}
|
|
.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i {
|
|
display: none;
|
|
}
|
|
.el-upload-list--picture .el-upload-list__item-thumbnail {
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 70px;
|
|
height: 70px;
|
|
float: left;
|
|
position: relative;
|
|
z-index: 1;
|
|
margin-left: -80px;
|
|
background-color: #FFFFFF;
|
|
}
|
|
.el-upload-list--picture .el-upload-list__item-name {
|
|
display: block;
|
|
margin-top: 20px;
|
|
}
|
|
.el-upload-list--picture .el-upload-list__item-name i {
|
|
font-size: 70px;
|
|
line-height: 1;
|
|
position: absolute;
|
|
left: 9px;
|
|
top: 10px;
|
|
}
|
|
.el-upload-list--picture .el-upload-list__item-status-label {
|
|
position: absolute;
|
|
right: -17px;
|
|
top: -7px;
|
|
width: 46px;
|
|
height: 26px;
|
|
background: #13ce66;
|
|
text-align: center;
|
|
-webkit-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
-webkit-box-shadow: 0 1px 1px #ccc;
|
|
box-shadow: 0 1px 1px #ccc;
|
|
}
|
|
.el-upload-list--picture .el-upload-list__item-status-label i {
|
|
font-size: 12px;
|
|
margin-top: 12px;
|
|
-webkit-transform: rotate(-45deg);
|
|
transform: rotate(-45deg);
|
|
}
|
|
.el-upload-list--picture .el-progress {
|
|
position: relative;
|
|
top: -7px;
|
|
}
|
|
|
|
.el-upload-cover {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
z-index: 10;
|
|
cursor: default;
|
|
}
|
|
.el-upload-cover::after {
|
|
display: inline-block;
|
|
content: "";
|
|
height: 100%;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.el-upload-cover img {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.el-upload-cover__label {
|
|
position: absolute;
|
|
right: -15px;
|
|
top: -6px;
|
|
width: 40px;
|
|
height: 24px;
|
|
background: #13ce66;
|
|
text-align: center;
|
|
-webkit-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
-webkit-box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2);
|
|
box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2);
|
|
}
|
|
.el-upload-cover__label i {
|
|
font-size: 12px;
|
|
margin-top: 11px;
|
|
-webkit-transform: rotate(-45deg);
|
|
transform: rotate(-45deg);
|
|
color: #fff;
|
|
}
|
|
|
|
.el-upload-cover__progress {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
position: static;
|
|
width: 243px;
|
|
}
|
|
.el-upload-cover__progress + .el-upload__inner {
|
|
opacity: 0;
|
|
}
|
|
|
|
.el-upload-cover__content {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.el-upload-cover__interact {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: rgba(0, 0, 0, 0.72);
|
|
text-align: center;
|
|
}
|
|
.el-upload-cover__interact .btn {
|
|
display: inline-block;
|
|
color: #FFFFFF;
|
|
font-size: 14px;
|
|
cursor: pointer;
|
|
vertical-align: middle;
|
|
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
margin-top: 60px;
|
|
}
|
|
.el-upload-cover__interact .btn i {
|
|
margin-top: 0;
|
|
}
|
|
.el-upload-cover__interact .btn span {
|
|
opacity: 0;
|
|
-webkit-transition: opacity 0.15s linear;
|
|
transition: opacity 0.15s linear;
|
|
}
|
|
.el-upload-cover__interact .btn:not(:first-child) {
|
|
margin-left: 35px;
|
|
}
|
|
.el-upload-cover__interact .btn:hover {
|
|
-webkit-transform: translateY(-13px);
|
|
transform: translateY(-13px);
|
|
}
|
|
.el-upload-cover__interact .btn:hover span {
|
|
opacity: 1;
|
|
}
|
|
.el-upload-cover__interact .btn i {
|
|
color: #FFFFFF;
|
|
display: block;
|
|
font-size: 24px;
|
|
line-height: inherit;
|
|
margin: 0 auto 5px;
|
|
}
|
|
|
|
.el-upload-cover__title {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
background-color: #FFFFFF;
|
|
height: 36px;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
padding: 0 10px;
|
|
margin: 0;
|
|
line-height: 36px;
|
|
font-size: 14px;
|
|
color: #303133;
|
|
}
|
|
|
|
.el-upload-cover + .el-upload__inner {
|
|
opacity: 0;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.el-progress {
|
|
position: relative;
|
|
line-height: 1;
|
|
}
|
|
.el-progress__text {
|
|
font-size: 14px;
|
|
color: #606266;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin-left: 10px;
|
|
line-height: 1;
|
|
}
|
|
.el-progress__text i {
|
|
vertical-align: middle;
|
|
display: block;
|
|
}
|
|
|
|
.el-progress--circle, .el-progress--dashboard {
|
|
display: inline-block;
|
|
}
|
|
.el-progress--circle .el-progress__text, .el-progress--dashboard .el-progress__text {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 0;
|
|
width: 100%;
|
|
text-align: center;
|
|
margin: 0;
|
|
-webkit-transform: translate(0, -50%);
|
|
transform: translate(0, -50%);
|
|
}
|
|
.el-progress--circle .el-progress__text i, .el-progress--dashboard .el-progress__text i {
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
}
|
|
|
|
.el-progress--without-text .el-progress__text {
|
|
display: none;
|
|
}
|
|
.el-progress--without-text .el-progress-bar {
|
|
padding-right: 0;
|
|
margin-right: 0;
|
|
display: block;
|
|
}
|
|
|
|
.el-progress--text-inside .el-progress-bar {
|
|
padding-right: 0;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.el-progress.is-success .el-progress-bar__inner {
|
|
background-color: #13ce66;
|
|
}
|
|
.el-progress.is-success .el-progress__text {
|
|
color: #13ce66;
|
|
}
|
|
|
|
.el-progress.is-warning .el-progress-bar__inner {
|
|
background-color: #ffba00;
|
|
}
|
|
.el-progress.is-warning .el-progress__text {
|
|
color: #ffba00;
|
|
}
|
|
|
|
.el-progress.is-exception .el-progress-bar__inner {
|
|
background-color: #ff4949;
|
|
}
|
|
.el-progress.is-exception .el-progress__text {
|
|
color: #ff4949;
|
|
}
|
|
|
|
.el-progress-bar {
|
|
padding-right: 50px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
width: 100%;
|
|
margin-right: -55px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.el-progress-bar__outer {
|
|
height: 6px;
|
|
border-radius: 100px;
|
|
background-color: #e6ebf5;
|
|
overflow: hidden;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.el-progress-bar__inner {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
height: 100%;
|
|
background-color: #1890ff;
|
|
text-align: right;
|
|
border-radius: 100px;
|
|
line-height: 1;
|
|
white-space: nowrap;
|
|
-webkit-transition: width 0.6s ease;
|
|
transition: width 0.6s ease;
|
|
}
|
|
.el-progress-bar__inner::after {
|
|
display: inline-block;
|
|
content: "";
|
|
height: 100%;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.el-progress-bar__innerText {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
color: #FFFFFF;
|
|
font-size: 12px;
|
|
margin: 0 5px;
|
|
}
|
|
|
|
@keyframes progress {
|
|
0% {
|
|
background-position: 0 0;
|
|
}
|
|
100% {
|
|
background-position: 32px 0;
|
|
}
|
|
}
|
|
/* 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;
|
|
}
|
|
}
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.el-message {
|
|
min-width: 380px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
border-radius: 4px;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: #e6ebf5;
|
|
position: fixed;
|
|
left: 50%;
|
|
top: 20px;
|
|
-webkit-transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
background-color: #edf2fc;
|
|
-webkit-transition: opacity 0.3s, top 0.4s, -webkit-transform 0.4s;
|
|
transition: opacity 0.3s, top 0.4s, -webkit-transform 0.4s;
|
|
transition: opacity 0.3s, transform 0.4s, top 0.4s;
|
|
transition: opacity 0.3s, transform 0.4s, top 0.4s, -webkit-transform 0.4s;
|
|
overflow: hidden;
|
|
padding: 15px 15px 15px 20px;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
.el-message.is-center {
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.el-message.is-closable .el-message__content {
|
|
padding-right: 16px;
|
|
}
|
|
|
|
.el-message p {
|
|
margin: 0;
|
|
}
|
|
.el-message--info .el-message__content {
|
|
color: #909399;
|
|
}
|
|
|
|
.el-message--success {
|
|
background-color: #e7faf0;
|
|
border-color: #d0f5e0;
|
|
}
|
|
.el-message--success .el-message__content {
|
|
color: #13ce66;
|
|
}
|
|
|
|
.el-message--warning {
|
|
background-color: #fff8e6;
|
|
border-color: #fff1cc;
|
|
}
|
|
.el-message--warning .el-message__content {
|
|
color: #ffba00;
|
|
}
|
|
|
|
.el-message--error {
|
|
background-color: #ffeded;
|
|
border-color: #ffdbdb;
|
|
}
|
|
.el-message--error .el-message__content {
|
|
color: #ff4949;
|
|
}
|
|
|
|
.el-message__icon {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.el-message__content {
|
|
padding: 0;
|
|
font-size: 14px;
|
|
line-height: 1;
|
|
}
|
|
.el-message__content:focus {
|
|
outline-width: 0;
|
|
}
|
|
|
|
.el-message__closeBtn {
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 15px;
|
|
-webkit-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
cursor: pointer;
|
|
color: #C0C4CC;
|
|
font-size: 16px;
|
|
}
|
|
.el-message__closeBtn:focus {
|
|
outline-width: 0;
|
|
}
|
|
.el-message__closeBtn:hover {
|
|
color: #909399;
|
|
}
|
|
|
|
.el-message .el-icon-success {
|
|
color: #13ce66;
|
|
}
|
|
.el-message .el-icon-error {
|
|
color: #ff4949;
|
|
}
|
|
.el-message .el-icon-info {
|
|
color: #909399;
|
|
}
|
|
.el-message .el-icon-warning {
|
|
color: #ffba00;
|
|
}
|
|
|
|
.el-message-fade-enter,
|
|
.el-message-fade-leave-active {
|
|
opacity: 0;
|
|
-webkit-transform: translate(-50%, -100%);
|
|
transform: translate(-50%, -100%);
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.el-badge {
|
|
position: relative;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
}
|
|
.el-badge__content {
|
|
background-color: #ff4949;
|
|
border-radius: 10px;
|
|
color: #FFFFFF;
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
height: 18px;
|
|
line-height: 18px;
|
|
padding: 0 6px;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
border: 1px solid #FFFFFF;
|
|
}
|
|
.el-badge__content.is-fixed {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 10px;
|
|
-webkit-transform: translateY(-50%) translateX(100%);
|
|
transform: translateY(-50%) translateX(100%);
|
|
}
|
|
.el-badge__content.is-fixed.is-dot {
|
|
right: 5px;
|
|
}
|
|
|
|
.el-badge__content.is-dot {
|
|
height: 8px;
|
|
width: 8px;
|
|
padding: 0;
|
|
right: 0;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.el-badge__content--primary {
|
|
background-color: #1890ff;
|
|
}
|
|
|
|
.el-badge__content--success {
|
|
background-color: #13ce66;
|
|
}
|
|
|
|
.el-badge__content--warning {
|
|
background-color: #ffba00;
|
|
}
|
|
|
|
.el-badge__content--info {
|
|
background-color: #909399;
|
|
}
|
|
|
|
.el-badge__content--danger {
|
|
background-color: #ff4949;
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.el-card {
|
|
border-radius: 4px;
|
|
border: 1px solid #e6ebf5;
|
|
background-color: #FFFFFF;
|
|
overflow: hidden;
|
|
color: #303133;
|
|
-webkit-transition: 0.3s;
|
|
transition: 0.3s;
|
|
}
|
|
.el-card.is-always-shadow {
|
|
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.el-card.is-hover-shadow:hover, .el-card.is-hover-shadow:focus {
|
|
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.el-card__header {
|
|
padding: 18px 20px;
|
|
border-bottom: 1px solid #e6ebf5;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.el-card__body {
|
|
padding: 20px;
|
|
}
|
|
|
|
/* 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: 0.3s;
|
|
transition: 0.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;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|
|
/* 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: #13ce66;
|
|
border-color: #13ce66;
|
|
}
|
|
|
|
.el-step__head.is-error {
|
|
color: #ff4949;
|
|
border-color: #ff4949;
|
|
}
|
|
|
|
.el-step__head.is-finish {
|
|
color: #1890ff;
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.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: 0.15s ease-out;
|
|
transition: 0.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: 0.15s ease-out;
|
|
transition: 0.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: #13ce66;
|
|
}
|
|
|
|
.el-step__title.is-error {
|
|
color: #ff4949;
|
|
}
|
|
|
|
.el-step__title.is-finish {
|
|
color: #1890ff;
|
|
}
|
|
|
|
.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: #13ce66;
|
|
}
|
|
|
|
.el-step__description.is-error {
|
|
color: #ff4949;
|
|
}
|
|
|
|
.el-step__description.is-finish {
|
|
color: #1890ff;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.el-carousel {
|
|
position: relative;
|
|
}
|
|
.el-carousel--horizontal {
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.el-carousel--vertical {
|
|
overflow-y: hidden;
|
|
}
|
|
|
|
.el-carousel__container {
|
|
position: relative;
|
|
height: 300px;
|
|
}
|
|
|
|
.el-carousel__arrow {
|
|
border: none;
|
|
outline: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
height: 36px;
|
|
width: 36px;
|
|
cursor: pointer;
|
|
-webkit-transition: 0.3s;
|
|
transition: 0.3s;
|
|
border-radius: 50%;
|
|
background-color: rgba(31, 45, 61, 0.11);
|
|
color: #FFFFFF;
|
|
position: absolute;
|
|
top: 50%;
|
|
z-index: 10;
|
|
-webkit-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
text-align: center;
|
|
font-size: 12px;
|
|
}
|
|
.el-carousel__arrow--left {
|
|
left: 16px;
|
|
}
|
|
|
|
.el-carousel__arrow--right {
|
|
right: 16px;
|
|
}
|
|
|
|
.el-carousel__arrow:hover {
|
|
background-color: rgba(31, 45, 61, 0.23);
|
|
}
|
|
.el-carousel__arrow i {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.el-carousel__indicators {
|
|
position: absolute;
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
z-index: 2;
|
|
}
|
|
.el-carousel__indicators--horizontal {
|
|
bottom: 0;
|
|
left: 50%;
|
|
-webkit-transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.el-carousel__indicators--vertical {
|
|
right: 0;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.el-carousel__indicators--outside {
|
|
bottom: 26px;
|
|
text-align: center;
|
|
position: static;
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
}
|
|
.el-carousel__indicators--outside .el-carousel__indicator:hover button {
|
|
opacity: 0.64;
|
|
}
|
|
.el-carousel__indicators--outside button {
|
|
background-color: #C0C4CC;
|
|
opacity: 0.24;
|
|
}
|
|
|
|
.el-carousel__indicators--labels {
|
|
left: 0;
|
|
right: 0;
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
text-align: center;
|
|
}
|
|
.el-carousel__indicators--labels .el-carousel__button {
|
|
height: auto;
|
|
width: auto;
|
|
padding: 2px 18px;
|
|
font-size: 12px;
|
|
}
|
|
.el-carousel__indicators--labels .el-carousel__indicator {
|
|
padding: 6px 4px;
|
|
}
|
|
|
|
.el-carousel__indicator {
|
|
background-color: transparent;
|
|
cursor: pointer;
|
|
}
|
|
.el-carousel__indicator:hover button {
|
|
opacity: 0.72;
|
|
}
|
|
.el-carousel__indicator--horizontal {
|
|
display: inline-block;
|
|
padding: 12px 4px;
|
|
}
|
|
|
|
.el-carousel__indicator--vertical {
|
|
padding: 4px 12px;
|
|
}
|
|
.el-carousel__indicator--vertical .el-carousel__button {
|
|
width: 2px;
|
|
height: 15px;
|
|
}
|
|
|
|
.el-carousel__indicator.is-active button {
|
|
opacity: 1;
|
|
}
|
|
|
|
.el-carousel__button {
|
|
display: block;
|
|
opacity: 0.48;
|
|
width: 30px;
|
|
height: 2px;
|
|
background-color: #FFFFFF;
|
|
border: none;
|
|
outline: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
cursor: pointer;
|
|
-webkit-transition: 0.3s;
|
|
transition: 0.3s;
|
|
}
|
|
|
|
.carousel-arrow-left-enter,
|
|
.carousel-arrow-left-leave-active {
|
|
-webkit-transform: translateY(-50%) translateX(-10px);
|
|
transform: translateY(-50%) translateX(-10px);
|
|
opacity: 0;
|
|
}
|
|
|
|
.carousel-arrow-right-enter,
|
|
.carousel-arrow-right-leave-active {
|
|
-webkit-transform: translateY(-50%) translateX(10px);
|
|
transform: translateY(-50%) translateX(10px);
|
|
opacity: 0;
|
|
}
|
|
|
|
/* 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: 0.3s background-color;
|
|
transition: 0.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%;
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.el-carousel__item {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
z-index: 0;
|
|
}
|
|
.el-carousel__item.is-active {
|
|
z-index: 2;
|
|
}
|
|
|
|
.el-carousel__item.is-animating {
|
|
-webkit-transition: -webkit-transform 0.4s ease-in-out;
|
|
transition: -webkit-transform 0.4s ease-in-out;
|
|
transition: transform 0.4s ease-in-out;
|
|
transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
|
|
}
|
|
|
|
.el-carousel__item--card {
|
|
width: 50%;
|
|
-webkit-transition: -webkit-transform 0.4s ease-in-out;
|
|
transition: -webkit-transform 0.4s ease-in-out;
|
|
transition: transform 0.4s ease-in-out;
|
|
transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
|
|
}
|
|
.el-carousel__item--card.is-in-stage {
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
.el-carousel__item--card.is-in-stage:hover .el-carousel__mask, .el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask {
|
|
opacity: 0.12;
|
|
}
|
|
.el-carousel__item--card.is-active {
|
|
z-index: 2;
|
|
}
|
|
|
|
.el-carousel__mask {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
background-color: #FFFFFF;
|
|
opacity: 0.24;
|
|
-webkit-transition: 0.2s;
|
|
transition: 0.2s;
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.fade-in-linear-enter-active,
|
|
.fade-in-linear-leave-active {
|
|
-webkit-transition: opacity 200ms linear;
|
|
transition: opacity 200ms linear;
|
|
}
|
|
|
|
.fade-in-linear-enter,
|
|
.fade-in-linear-leave,
|
|
.fade-in-linear-leave-active {
|
|
opacity: 0;
|
|
}
|
|
|
|
.el-fade-in-linear-enter-active,
|
|
.el-fade-in-linear-leave-active {
|
|
-webkit-transition: opacity 200ms linear;
|
|
transition: opacity 200ms linear;
|
|
}
|
|
|
|
.el-fade-in-linear-enter,
|
|
.el-fade-in-linear-leave,
|
|
.el-fade-in-linear-leave-active {
|
|
opacity: 0;
|
|
}
|
|
|
|
.el-fade-in-enter-active,
|
|
.el-fade-in-leave-active {
|
|
-webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
}
|
|
|
|
.el-fade-in-enter,
|
|
.el-fade-in-leave-active {
|
|
opacity: 0;
|
|
}
|
|
|
|
.el-zoom-in-center-enter-active,
|
|
.el-zoom-in-center-leave-active {
|
|
-webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
}
|
|
|
|
.el-zoom-in-center-enter,
|
|
.el-zoom-in-center-leave-active {
|
|
opacity: 0;
|
|
-webkit-transform: scaleX(0);
|
|
transform: scaleX(0);
|
|
}
|
|
|
|
.el-zoom-in-top-enter-active,
|
|
.el-zoom-in-top-leave-active {
|
|
opacity: 1;
|
|
-webkit-transform: scaleY(1);
|
|
transform: scaleY(1);
|
|
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
-webkit-transform-origin: center top;
|
|
transform-origin: center top;
|
|
}
|
|
|
|
.el-zoom-in-top-enter,
|
|
.el-zoom-in-top-leave-active {
|
|
opacity: 0;
|
|
-webkit-transform: scaleY(0);
|
|
transform: scaleY(0);
|
|
}
|
|
|
|
.el-zoom-in-bottom-enter-active,
|
|
.el-zoom-in-bottom-leave-active {
|
|
opacity: 1;
|
|
-webkit-transform: scaleY(1);
|
|
transform: scaleY(1);
|
|
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
-webkit-transform-origin: center bottom;
|
|
transform-origin: center bottom;
|
|
}
|
|
|
|
.el-zoom-in-bottom-enter,
|
|
.el-zoom-in-bottom-leave-active {
|
|
opacity: 0;
|
|
-webkit-transform: scaleY(0);
|
|
transform: scaleY(0);
|
|
}
|
|
|
|
.el-zoom-in-left-enter-active,
|
|
.el-zoom-in-left-leave-active {
|
|
opacity: 1;
|
|
-webkit-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
-webkit-transform-origin: top left;
|
|
transform-origin: top left;
|
|
}
|
|
|
|
.el-zoom-in-left-enter,
|
|
.el-zoom-in-left-leave-active {
|
|
opacity: 0;
|
|
-webkit-transform: scale(0.45, 0.45);
|
|
transform: scale(0.45, 0.45);
|
|
}
|
|
|
|
.collapse-transition {
|
|
-webkit-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
|
|
transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
|
|
}
|
|
|
|
.horizontal-collapse-transition {
|
|
-webkit-transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
|
|
transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
|
|
}
|
|
|
|
.el-list-enter-active,
|
|
.el-list-leave-active {
|
|
-webkit-transition: all 1s;
|
|
transition: all 1s;
|
|
}
|
|
|
|
.el-list-enter, .el-list-leave-active {
|
|
opacity: 0;
|
|
-webkit-transform: translateY(-30px);
|
|
transform: translateY(-30px);
|
|
}
|
|
|
|
.el-opacity-transition {
|
|
-webkit-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
}
|
|
|
|
.el-collapse {
|
|
border-top: 1px solid #e6ebf5;
|
|
border-bottom: 1px solid #e6ebf5;
|
|
}
|
|
|
|
.el-collapse-item.is-disabled .el-collapse-item__header {
|
|
color: #bbb;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.el-collapse-item__header {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
height: 48px;
|
|
line-height: 48px;
|
|
background-color: #FFFFFF;
|
|
color: #303133;
|
|
cursor: pointer;
|
|
border-bottom: 1px solid #e6ebf5;
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
-webkit-transition: border-bottom-color 0.3s;
|
|
transition: border-bottom-color 0.3s;
|
|
outline: none;
|
|
}
|
|
.el-collapse-item__arrow {
|
|
margin: 0 8px 0 auto;
|
|
-webkit-transition: -webkit-transform 0.3s;
|
|
transition: -webkit-transform 0.3s;
|
|
transition: transform 0.3s;
|
|
transition: transform 0.3s, -webkit-transform 0.3s;
|
|
font-weight: 300;
|
|
}
|
|
.el-collapse-item__arrow.is-active {
|
|
-webkit-transform: rotate(90deg);
|
|
transform: rotate(90deg);
|
|
}
|
|
|
|
.el-collapse-item__header.focusing:focus:not(:hover) {
|
|
color: #1890ff;
|
|
}
|
|
.el-collapse-item__header.is-active {
|
|
border-bottom-color: transparent;
|
|
}
|
|
|
|
.el-collapse-item__wrap {
|
|
will-change: height;
|
|
background-color: #FFFFFF;
|
|
overflow: hidden;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
border-bottom: 1px solid #e6ebf5;
|
|
}
|
|
|
|
.el-collapse-item__content {
|
|
padding-bottom: 25px;
|
|
font-size: 13px;
|
|
color: #303133;
|
|
line-height: 1.7692307692;
|
|
}
|
|
|
|
.el-collapse-item:last-child {
|
|
margin-bottom: -1px;
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.el-textarea {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 100%;
|
|
vertical-align: bottom;
|
|
font-size: 14px;
|
|
}
|
|
.el-textarea__inner {
|
|
display: block;
|
|
resize: vertical;
|
|
padding: 5px 15px;
|
|
line-height: 1.5;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
font-size: inherit;
|
|
color: #606266;
|
|
background-color: #FFFFFF;
|
|
background-image: none;
|
|
border: 1px solid #DCDFE6;
|
|
border-radius: 4px;
|
|
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
.el-textarea__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner:hover {
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner:focus {
|
|
outline: none;
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-textarea .el-input__count {
|
|
color: #909399;
|
|
background: #FFFFFF;
|
|
position: absolute;
|
|
font-size: 12px;
|
|
bottom: 5px;
|
|
right: 10px;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner {
|
|
background-color: #F5F7FA;
|
|
border-color: #dfe4ed;
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
|
|
.el-textarea.is-exceed .el-textarea__inner {
|
|
border-color: #ff4949;
|
|
}
|
|
.el-textarea.is-exceed .el-input__count {
|
|
color: #ff4949;
|
|
}
|
|
|
|
.el-input {
|
|
position: relative;
|
|
font-size: 14px;
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
.el-input::-webkit-scrollbar {
|
|
z-index: 11;
|
|
width: 6px;
|
|
}
|
|
.el-input::-webkit-scrollbar:horizontal {
|
|
height: 6px;
|
|
}
|
|
.el-input::-webkit-scrollbar-thumb {
|
|
border-radius: 5px;
|
|
width: 6px;
|
|
background: #b4bccc;
|
|
}
|
|
.el-input::-webkit-scrollbar-corner {
|
|
background: #fff;
|
|
}
|
|
.el-input::-webkit-scrollbar-track {
|
|
background: #fff;
|
|
}
|
|
.el-input::-webkit-scrollbar-track-piece {
|
|
background: #fff;
|
|
width: 6px;
|
|
}
|
|
.el-input .el-input__clear {
|
|
color: #C0C4CC;
|
|
font-size: 14px;
|
|
cursor: pointer;
|
|
-webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
.el-input .el-input__clear:hover {
|
|
color: #909399;
|
|
}
|
|
.el-input .el-input__count {
|
|
height: 100%;
|
|
display: -webkit-inline-box;
|
|
display: -ms-inline-flexbox;
|
|
display: inline-flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
color: #909399;
|
|
font-size: 12px;
|
|
}
|
|
.el-input .el-input__count .el-input__count-inner {
|
|
background: #FFFFFF;
|
|
line-height: initial;
|
|
display: inline-block;
|
|
padding: 0 5px;
|
|
}
|
|
.el-input__inner {
|
|
-webkit-appearance: none;
|
|
background-color: #FFFFFF;
|
|
background-image: none;
|
|
border-radius: 4px;
|
|
border: 1px solid #DCDFE6;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
color: #606266;
|
|
display: inline-block;
|
|
font-size: inherit;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
outline: none;
|
|
padding: 0 15px;
|
|
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
width: 100%;
|
|
}
|
|
.el-input__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner:hover {
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-input__inner:focus {
|
|
outline: none;
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-input__suffix {
|
|
position: absolute;
|
|
height: 100%;
|
|
right: 5px;
|
|
top: 0;
|
|
text-align: center;
|
|
color: #C0C4CC;
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.el-input__suffix-inner {
|
|
pointer-events: all;
|
|
}
|
|
|
|
.el-input__prefix {
|
|
position: absolute;
|
|
height: 100%;
|
|
left: 5px;
|
|
top: 0;
|
|
text-align: center;
|
|
color: #C0C4CC;
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
.el-input__icon {
|
|
height: 100%;
|
|
width: 25px;
|
|
text-align: center;
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
line-height: 40px;
|
|
}
|
|
.el-input__icon:after {
|
|
content: "";
|
|
height: 100%;
|
|
width: 0;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.el-input__validateIcon {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.el-input.is-active .el-input__inner {
|
|
outline: none;
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-input.is-disabled .el-input__inner {
|
|
background-color: #F5F7FA;
|
|
border-color: #dfe4ed;
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__icon {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.el-input.is-exceed .el-input__inner {
|
|
border-color: #ff4949;
|
|
}
|
|
.el-input.is-exceed .el-input__suffix .el-input__count {
|
|
color: #ff4949;
|
|
}
|
|
|
|
.el-input--suffix .el-input__inner {
|
|
padding-right: 30px;
|
|
}
|
|
|
|
.el-input--prefix .el-input__inner {
|
|
padding-left: 30px;
|
|
}
|
|
|
|
.el-input--medium {
|
|
font-size: 14px;
|
|
}
|
|
.el-input--medium .el-input__inner {
|
|
height: 36px;
|
|
line-height: 36px;
|
|
}
|
|
|
|
.el-input--medium .el-input__icon {
|
|
line-height: 36px;
|
|
}
|
|
|
|
.el-input--small {
|
|
font-size: 13px;
|
|
}
|
|
.el-input--small .el-input__inner {
|
|
height: 32px;
|
|
line-height: 32px;
|
|
}
|
|
|
|
.el-input--small .el-input__icon {
|
|
line-height: 32px;
|
|
}
|
|
|
|
.el-input--mini {
|
|
font-size: 12px;
|
|
}
|
|
.el-input--mini .el-input__inner {
|
|
height: 28px;
|
|
line-height: 28px;
|
|
}
|
|
|
|
.el-input--mini .el-input__icon {
|
|
line-height: 28px;
|
|
}
|
|
|
|
.el-input-group {
|
|
line-height: normal;
|
|
display: inline-table;
|
|
width: 100%;
|
|
border-collapse: separate;
|
|
border-spacing: 0;
|
|
}
|
|
.el-input-group > .el-input__inner {
|
|
vertical-align: middle;
|
|
display: table-cell;
|
|
}
|
|
.el-input-group__append, .el-input-group__prepend {
|
|
background-color: #F5F7FA;
|
|
color: #909399;
|
|
vertical-align: middle;
|
|
display: table-cell;
|
|
position: relative;
|
|
border: 1px solid #DCDFE6;
|
|
border-radius: 4px;
|
|
padding: 0 20px;
|
|
width: 1px;
|
|
white-space: nowrap;
|
|
}
|
|
.el-input-group__append:focus, .el-input-group__prepend:focus {
|
|
outline: none;
|
|
}
|
|
.el-input-group__append .el-select,
|
|
.el-input-group__append .el-button, .el-input-group__prepend .el-select,
|
|
.el-input-group__prepend .el-button {
|
|
display: inline-block;
|
|
margin: -10px -20px;
|
|
}
|
|
.el-input-group__append button.el-button,
|
|
.el-input-group__append div.el-select .el-input__inner,
|
|
.el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button,
|
|
.el-input-group__prepend div.el-select .el-input__inner,
|
|
.el-input-group__prepend div.el-select:hover .el-input__inner {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
color: inherit;
|
|
border-top: 0;
|
|
border-bottom: 0;
|
|
}
|
|
.el-input-group__append .el-button,
|
|
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
|
|
.el-input-group__prepend .el-input {
|
|
font-size: inherit;
|
|
}
|
|
|
|
.el-input-group__prepend {
|
|
border-right: 0;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.el-input-group__append {
|
|
border-left: 0;
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.el-input-group--prepend .el-input__inner {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
|
|
border-color: transparent;
|
|
}
|
|
|
|
.el-input-group--append .el-input__inner {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
|
|
border-color: transparent;
|
|
}
|
|
|
|
/** disalbe default clear on IE */
|
|
.el-input__inner::-ms-clear {
|
|
display: none;
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
|
|
/* 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: #e6ebf5;
|
|
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: #e6ebf5;
|
|
}
|
|
.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: #e6ebf5;
|
|
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: #e6ebf5;
|
|
}
|
|
.el-popper[x-placement^=left] .popper__arrow::after {
|
|
right: 1px;
|
|
bottom: -6px;
|
|
margin-left: -6px;
|
|
border-right-width: 0;
|
|
border-left-color: #FFFFFF;
|
|
}
|
|
|
|
/* 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: #e8f4ff;
|
|
border-color: #d1e9ff;
|
|
color: #1890ff;
|
|
display: inline-block;
|
|
height: 32px;
|
|
padding: 0 10px;
|
|
line-height: 30px;
|
|
font-size: 12px;
|
|
color: #1890ff;
|
|
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: #1890ff;
|
|
}
|
|
|
|
.el-tag .el-tag__close {
|
|
color: #1890ff;
|
|
}
|
|
.el-tag .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #1890ff;
|
|
}
|
|
.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: #e7faf0;
|
|
border-color: #d0f5e0;
|
|
color: #13ce66;
|
|
}
|
|
.el-tag.el-tag--success.is-hit {
|
|
border-color: #13ce66;
|
|
}
|
|
|
|
.el-tag.el-tag--success .el-tag__close {
|
|
color: #13ce66;
|
|
}
|
|
.el-tag.el-tag--success .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #13ce66;
|
|
}
|
|
.el-tag.el-tag--warning {
|
|
background-color: #fff8e6;
|
|
border-color: #fff1cc;
|
|
color: #ffba00;
|
|
}
|
|
.el-tag.el-tag--warning.is-hit {
|
|
border-color: #ffba00;
|
|
}
|
|
|
|
.el-tag.el-tag--warning .el-tag__close {
|
|
color: #ffba00;
|
|
}
|
|
.el-tag.el-tag--warning .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #ffba00;
|
|
}
|
|
.el-tag.el-tag--danger {
|
|
background-color: #ffeded;
|
|
border-color: #ffdbdb;
|
|
color: #ff4949;
|
|
}
|
|
.el-tag.el-tag--danger.is-hit {
|
|
border-color: #ff4949;
|
|
}
|
|
|
|
.el-tag.el-tag--danger .el-tag__close {
|
|
color: #ff4949;
|
|
}
|
|
.el-tag.el-tag--danger .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #ff4949;
|
|
}
|
|
.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: #1890ff;
|
|
border-color: #1890ff;
|
|
color: white;
|
|
}
|
|
.el-tag--dark.is-hit {
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-tag--dark .el-tag__close {
|
|
color: white;
|
|
}
|
|
.el-tag--dark .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #46a6ff;
|
|
}
|
|
.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: #13ce66;
|
|
border-color: #13ce66;
|
|
color: white;
|
|
}
|
|
.el-tag--dark.el-tag--success.is-hit {
|
|
border-color: #13ce66;
|
|
}
|
|
|
|
.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: #42d885;
|
|
}
|
|
.el-tag--dark.el-tag--warning {
|
|
background-color: #ffba00;
|
|
border-color: #ffba00;
|
|
color: white;
|
|
}
|
|
.el-tag--dark.el-tag--warning.is-hit {
|
|
border-color: #ffba00;
|
|
}
|
|
|
|
.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: #ffc833;
|
|
}
|
|
.el-tag--dark.el-tag--danger {
|
|
background-color: #ff4949;
|
|
border-color: #ff4949;
|
|
color: white;
|
|
}
|
|
.el-tag--dark.el-tag--danger.is-hit {
|
|
border-color: #ff4949;
|
|
}
|
|
|
|
.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: #ff6d6d;
|
|
}
|
|
|
|
.el-tag--plain {
|
|
background-color: white;
|
|
border-color: #a3d3ff;
|
|
color: #1890ff;
|
|
}
|
|
.el-tag--plain.is-hit {
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-tag--plain .el-tag__close {
|
|
color: #1890ff;
|
|
}
|
|
.el-tag--plain .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #1890ff;
|
|
}
|
|
.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: #a1ebc2;
|
|
color: #13ce66;
|
|
}
|
|
.el-tag--plain.el-tag--success.is-hit {
|
|
border-color: #13ce66;
|
|
}
|
|
|
|
.el-tag--plain.el-tag--success .el-tag__close {
|
|
color: #13ce66;
|
|
}
|
|
.el-tag--plain.el-tag--success .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #13ce66;
|
|
}
|
|
.el-tag--plain.el-tag--warning {
|
|
background-color: white;
|
|
border-color: #ffe399;
|
|
color: #ffba00;
|
|
}
|
|
.el-tag--plain.el-tag--warning.is-hit {
|
|
border-color: #ffba00;
|
|
}
|
|
|
|
.el-tag--plain.el-tag--warning .el-tag__close {
|
|
color: #ffba00;
|
|
}
|
|
.el-tag--plain.el-tag--warning .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #ffba00;
|
|
}
|
|
.el-tag--plain.el-tag--danger {
|
|
background-color: white;
|
|
border-color: #ffb6b6;
|
|
color: #ff4949;
|
|
}
|
|
.el-tag--plain.el-tag--danger.is-hit {
|
|
border-color: #ff4949;
|
|
}
|
|
|
|
.el-tag--plain.el-tag--danger .el-tag__close {
|
|
color: #ff4949;
|
|
}
|
|
.el-tag--plain.el-tag--danger .el-tag__close:hover {
|
|
color: #FFFFFF;
|
|
background-color: #ff4949;
|
|
}
|
|
|
|
.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);
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.el-checkbox {
|
|
color: #606266;
|
|
font-weight: 500;
|
|
font-size: 14px;
|
|
position: relative;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
white-space: nowrap;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
margin-right: 30px;
|
|
}
|
|
.el-checkbox.is-bordered {
|
|
padding: 9px 20px 9px 10px;
|
|
border-radius: 4px;
|
|
border: 1px solid #DCDFE6;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
line-height: normal;
|
|
height: 40px;
|
|
}
|
|
.el-checkbox.is-bordered.is-checked {
|
|
border-color: #1890ff;
|
|
}
|
|
.el-checkbox.is-bordered.is-disabled {
|
|
border-color: #e6ebf5;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-checkbox.is-bordered + .el-checkbox.is-bordered {
|
|
margin-left: 10px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--medium {
|
|
padding: 7px 20px 7px 10px;
|
|
border-radius: 4px;
|
|
height: 36px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
|
|
line-height: 17px;
|
|
font-size: 14px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
|
|
height: 14px;
|
|
width: 14px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--small {
|
|
padding: 5px 15px 5px 10px;
|
|
border-radius: 3px;
|
|
height: 32px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
|
|
line-height: 15px;
|
|
font-size: 12px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
|
|
height: 12px;
|
|
width: 12px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
|
|
height: 6px;
|
|
width: 2px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--mini {
|
|
padding: 3px 15px 3px 10px;
|
|
border-radius: 3px;
|
|
height: 28px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
|
|
line-height: 12px;
|
|
font-size: 12px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
|
|
height: 12px;
|
|
width: 12px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after {
|
|
height: 6px;
|
|
width: 2px;
|
|
}
|
|
|
|
.el-checkbox__input {
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
outline: none;
|
|
display: inline-block;
|
|
line-height: 1;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
}
|
|
.el-checkbox__input.is-disabled .el-checkbox__inner {
|
|
background-color: #edf2fc;
|
|
border-color: #DCDFE6;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-checkbox__input.is-disabled .el-checkbox__inner::after {
|
|
cursor: not-allowed;
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
|
|
cursor: not-allowed;
|
|
}
|
|
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
|
|
background-color: #F2F6FC;
|
|
border-color: #DCDFE6;
|
|
}
|
|
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
|
|
background-color: #F2F6FC;
|
|
border-color: #DCDFE6;
|
|
}
|
|
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
|
|
background-color: #C0C4CC;
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-checkbox__input.is-disabled + span.el-checkbox__label {
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.el-checkbox__input.is-checked .el-checkbox__inner {
|
|
background-color: #1890ff;
|
|
border-color: #1890ff;
|
|
}
|
|
.el-checkbox__input.is-checked .el-checkbox__inner::after {
|
|
-webkit-transform: rotate(45deg) scaleY(1);
|
|
transform: rotate(45deg) scaleY(1);
|
|
}
|
|
.el-checkbox__input.is-checked + .el-checkbox__label {
|
|
color: #1890ff;
|
|
}
|
|
|
|
.el-checkbox__input.is-focus {
|
|
/*focus时 视觉上区分*/
|
|
}
|
|
.el-checkbox__input.is-focus .el-checkbox__inner {
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
|
|
background-color: #1890ff;
|
|
border-color: #1890ff;
|
|
}
|
|
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
background-color: #FFFFFF;
|
|
height: 2px;
|
|
-webkit-transform: scale(0.5);
|
|
transform: scale(0.5);
|
|
left: 0;
|
|
right: 0;
|
|
top: 5px;
|
|
}
|
|
.el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
|
|
display: none;
|
|
}
|
|
|
|
.el-checkbox__inner {
|
|
display: inline-block;
|
|
position: relative;
|
|
border: 1px solid #DCDFE6;
|
|
border-radius: 2px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
width: 14px;
|
|
height: 14px;
|
|
background-color: #FFFFFF;
|
|
z-index: 1;
|
|
-webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
|
|
transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
|
|
}
|
|
.el-checkbox__inner:hover {
|
|
border-color: #1890ff;
|
|
}
|
|
.el-checkbox__inner::after {
|
|
-webkit-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
content: "";
|
|
border: 1px solid #FFFFFF;
|
|
border-left: 0;
|
|
border-top: 0;
|
|
height: 7px;
|
|
left: 4px;
|
|
position: absolute;
|
|
top: 1px;
|
|
-webkit-transform: rotate(45deg) scaleY(0);
|
|
transform: rotate(45deg) scaleY(0);
|
|
width: 3px;
|
|
-webkit-transition: -webkit-transform 0.15s ease-in 0.05s;
|
|
transition: -webkit-transform 0.15s ease-in 0.05s;
|
|
transition: transform 0.15s ease-in 0.05s;
|
|
transition: transform 0.15s ease-in 0.05s, -webkit-transform 0.15s ease-in 0.05s;
|
|
-webkit-transform-origin: center;
|
|
transform-origin: center;
|
|
}
|
|
|
|
.el-checkbox__original {
|
|
opacity: 0;
|
|
outline: none;
|
|
position: absolute;
|
|
margin: 0;
|
|
width: 0;
|
|
height: 0;
|
|
z-index: -1;
|
|
}
|
|
|
|
.el-checkbox__label {
|
|
display: inline-block;
|
|
padding-left: 10px;
|
|
line-height: 19px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.el-checkbox:last-of-type {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.el-checkbox-button {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
.el-checkbox-button__inner {
|
|
display: inline-block;
|
|
line-height: 1;
|
|
font-weight: 500;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
background: #FFFFFF;
|
|
border: 1px solid #DCDFE6;
|
|
border-left: 0;
|
|
color: #606266;
|
|
-webkit-appearance: none;
|
|
text-align: center;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
outline: none;
|
|
margin: 0;
|
|
position: relative;
|
|
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
-moz-user-select: none;
|
|
-webkit-user-select: none;
|
|
-ms-user-select: none;
|
|
padding: 12px 20px;
|
|
font-size: 14px;
|
|
border-radius: 0;
|
|
}
|
|
.el-checkbox-button__inner.is-round {
|
|
padding: 12px 20px;
|
|
}
|
|
.el-checkbox-button__inner:hover {
|
|
color: #1890ff;
|
|
}
|
|
.el-checkbox-button__inner [class*=el-icon-] {
|
|
line-height: 0.9;
|
|
}
|
|
.el-checkbox-button__inner [class*=el-icon-] + span {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.el-checkbox-button__original {
|
|
opacity: 0;
|
|
outline: none;
|
|
position: absolute;
|
|
margin: 0;
|
|
z-index: -1;
|
|
}
|
|
|
|
.el-checkbox-button.is-checked .el-checkbox-button__inner {
|
|
color: #FFFFFF;
|
|
background-color: #1890ff;
|
|
border-color: #1890ff;
|
|
-webkit-box-shadow: -1px 0 0 0 #74bcff;
|
|
box-shadow: -1px 0 0 0 #74bcff;
|
|
}
|
|
.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
|
|
border-left-color: #1890ff;
|
|
}
|
|
.el-checkbox-button.is-disabled .el-checkbox-button__inner {
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
background-image: none;
|
|
background-color: #FFFFFF;
|
|
border-color: #e6ebf5;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
|
|
border-left-color: #e6ebf5;
|
|
}
|
|
.el-checkbox-button:first-child .el-checkbox-button__inner {
|
|
border-left: 1px solid #DCDFE6;
|
|
border-radius: 4px 0 0 4px;
|
|
-webkit-box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
.el-checkbox-button.is-focus .el-checkbox-button__inner {
|
|
border-color: #1890ff;
|
|
}
|
|
.el-checkbox-button:last-child .el-checkbox-button__inner {
|
|
border-radius: 0 4px 4px 0;
|
|
}
|
|
.el-checkbox-button--medium .el-checkbox-button__inner {
|
|
padding: 10px 20px;
|
|
font-size: 14px;
|
|
border-radius: 0;
|
|
}
|
|
.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
|
|
padding: 10px 20px;
|
|
}
|
|
|
|
.el-checkbox-button--small .el-checkbox-button__inner {
|
|
padding: 9px 15px;
|
|
font-size: 12px;
|
|
border-radius: 0;
|
|
}
|
|
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
|
|
padding: 9px 15px;
|
|
}
|
|
|
|
.el-checkbox-button--mini .el-checkbox-button__inner {
|
|
padding: 7px 15px;
|
|
font-size: 12px;
|
|
border-radius: 0;
|
|
}
|
|
.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
|
|
padding: 7px 15px;
|
|
}
|
|
|
|
.el-checkbox-group {
|
|
font-size: 0;
|
|
}
|
|
|
|
/* 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: #1890ff;
|
|
}
|
|
.el-radio.is-bordered.is-disabled {
|
|
cursor: not-allowed;
|
|
border-color: #e6ebf5;
|
|
}
|
|
.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: #dfe4ed;
|
|
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: #dfe4ed;
|
|
}
|
|
.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: #1890ff;
|
|
background: #1890ff;
|
|
}
|
|
.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: #1890ff;
|
|
}
|
|
|
|
.el-radio__input.is-focus .el-radio__inner {
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.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: #1890ff;
|
|
}
|
|
.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 0.15s ease-in;
|
|
transition: -webkit-transform 0.15s ease-in;
|
|
transition: transform 0.15s ease-in;
|
|
transition: transform 0.15s ease-in, -webkit-transform 0.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 #1890ff;
|
|
box-shadow: 0 0 2px 2px #1890ff;
|
|
}
|
|
.el-radio__label {
|
|
font-size: 14px;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
/* 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: 0.3s background-color;
|
|
transition: 0.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%;
|
|
}
|
|
|
|
.el-cascader-panel {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
border-radius: 4px;
|
|
font-size: 14px;
|
|
}
|
|
.el-cascader-panel.is-bordered {
|
|
border: solid 1px #dfe4ed;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.el-cascader-menu {
|
|
min-width: 180px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
color: #606266;
|
|
border-right: solid 1px #dfe4ed;
|
|
}
|
|
.el-cascader-menu:last-child {
|
|
border-right: none;
|
|
}
|
|
.el-cascader-menu:last-child .el-cascader-node {
|
|
padding-right: 20px;
|
|
}
|
|
.el-cascader-menu__wrap {
|
|
height: 204px;
|
|
}
|
|
|
|
.el-cascader-menu__list {
|
|
position: relative;
|
|
min-height: 100%;
|
|
margin: 0;
|
|
padding: 6px 0;
|
|
list-style: none;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.el-cascader-menu__hover-zone {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.el-cascader-menu__empty-text {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
-webkit-transform: translate(-50%, -50%);
|
|
transform: translate(-50%, -50%);
|
|
text-align: center;
|
|
color: #C0C4CC;
|
|
}
|
|
|
|
.el-cascader-node {
|
|
position: relative;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
padding: 0 30px 0 20px;
|
|
height: 34px;
|
|
line-height: 34px;
|
|
outline: none;
|
|
}
|
|
.el-cascader-node.is-selectable.in-active-path {
|
|
color: #606266;
|
|
}
|
|
.el-cascader-node.in-active-path, .el-cascader-node.is-selectable.in-checked-path, .el-cascader-node.is-active {
|
|
color: #1890ff;
|
|
font-weight: bold;
|
|
}
|
|
.el-cascader-node:not(.is-disabled) {
|
|
cursor: pointer;
|
|
}
|
|
.el-cascader-node:not(.is-disabled):hover, .el-cascader-node:not(.is-disabled):focus {
|
|
background: #F5F7FA;
|
|
}
|
|
.el-cascader-node.is-disabled {
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.el-cascader-node__prefix {
|
|
position: absolute;
|
|
left: 10px;
|
|
}
|
|
|
|
.el-cascader-node__postfix {
|
|
position: absolute;
|
|
right: 10px;
|
|
}
|
|
|
|
.el-cascader-node__label {
|
|
-webkit-box-flex: 1;
|
|
-ms-flex: 1;
|
|
flex: 1;
|
|
padding: 0 10px;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.el-cascader-node > .el-radio {
|
|
margin-right: 0;
|
|
}
|
|
.el-cascader-node > .el-radio .el-radio__label {
|
|
padding-left: 0;
|
|
}
|
|
|
|
.el-cascader {
|
|
display: inline-block;
|
|
position: relative;
|
|
font-size: 14px;
|
|
line-height: 40px;
|
|
}
|
|
.el-cascader:not(.is-disabled):hover .el-input__inner {
|
|
cursor: pointer;
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-cascader .el-input {
|
|
cursor: pointer;
|
|
}
|
|
.el-cascader .el-input .el-input__inner {
|
|
text-overflow: ellipsis;
|
|
}
|
|
.el-cascader .el-input .el-input__inner:focus {
|
|
border-color: #1890ff;
|
|
}
|
|
.el-cascader .el-input .el-icon-arrow-down {
|
|
-webkit-transition: -webkit-transform 0.3s;
|
|
transition: -webkit-transform 0.3s;
|
|
transition: transform 0.3s;
|
|
transition: transform 0.3s, -webkit-transform 0.3s;
|
|
font-size: 14px;
|
|
}
|
|
.el-cascader .el-input .el-icon-arrow-down.is-reverse {
|
|
-webkit-transform: rotateZ(180deg);
|
|
transform: rotateZ(180deg);
|
|
}
|
|
|
|
.el-cascader .el-input .el-icon-circle-close:hover {
|
|
color: #909399;
|
|
}
|
|
.el-cascader .el-input.is-focus .el-input__inner {
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-cascader--medium {
|
|
font-size: 14px;
|
|
line-height: 36px;
|
|
}
|
|
|
|
.el-cascader--small {
|
|
font-size: 13px;
|
|
line-height: 32px;
|
|
}
|
|
|
|
.el-cascader--mini {
|
|
font-size: 12px;
|
|
line-height: 28px;
|
|
}
|
|
|
|
.el-cascader.is-disabled .el-cascader__label {
|
|
z-index: 2;
|
|
color: #C0C4CC;
|
|
}
|
|
|
|
.el-cascader__dropdown {
|
|
margin: 5px 0;
|
|
font-size: 14px;
|
|
background: #FFFFFF;
|
|
border: solid 1px #dfe4ed;
|
|
border-radius: 4px;
|
|
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.el-cascader__tags {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 30px;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
line-height: normal;
|
|
text-align: left;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.el-cascader__tags .el-tag {
|
|
display: -webkit-inline-box;
|
|
display: -ms-inline-flexbox;
|
|
display: inline-flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
max-width: 100%;
|
|
margin: 2px 0 2px 6px;
|
|
text-overflow: ellipsis;
|
|
background: #f0f2f5;
|
|
}
|
|
.el-cascader__tags .el-tag:not(.is-hit) {
|
|
border-color: transparent;
|
|
}
|
|
.el-cascader__tags .el-tag > span {
|
|
-webkit-box-flex: 1;
|
|
-ms-flex: 1;
|
|
flex: 1;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.el-cascader__tags .el-tag .el-icon-close {
|
|
-webkit-box-flex: 0;
|
|
-ms-flex: none;
|
|
flex: none;
|
|
background-color: #C0C4CC;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-cascader__tags .el-tag .el-icon-close:hover {
|
|
background-color: #909399;
|
|
}
|
|
|
|
.el-cascader__suggestion-panel {
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.el-cascader__suggestion-list {
|
|
max-height: 204px;
|
|
margin: 0;
|
|
padding: 6px 0;
|
|
font-size: 14px;
|
|
color: #606266;
|
|
text-align: center;
|
|
}
|
|
|
|
.el-cascader__suggestion-item {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
height: 34px;
|
|
padding: 0 15px;
|
|
text-align: left;
|
|
outline: none;
|
|
cursor: pointer;
|
|
}
|
|
.el-cascader__suggestion-item:hover, .el-cascader__suggestion-item:focus {
|
|
background: #F5F7FA;
|
|
}
|
|
.el-cascader__suggestion-item.is-checked {
|
|
color: #1890ff;
|
|
font-weight: bold;
|
|
}
|
|
.el-cascader__suggestion-item > span {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.el-cascader__empty-text {
|
|
margin: 10px 0;
|
|
color: #C0C4CC;
|
|
}
|
|
|
|
.el-cascader__search-input {
|
|
-webkit-box-flex: 1;
|
|
-ms-flex: 1;
|
|
flex: 1;
|
|
height: 24px;
|
|
min-width: 60px;
|
|
margin: 2px 0 2px 15px;
|
|
padding: 0;
|
|
color: #606266;
|
|
border: none;
|
|
outline: none;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.el-cascader__search-input::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-cascader__search-input::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-cascader__search-input:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-cascader__search-input::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-cascader__search-input::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.el-color-predefine {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
font-size: 12px;
|
|
margin-top: 8px;
|
|
width: 280px;
|
|
}
|
|
.el-color-predefine__colors {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-flex: 1;
|
|
-ms-flex: 1;
|
|
flex: 1;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.el-color-predefine__color-selector {
|
|
margin: 0 0 8px 8px;
|
|
width: 20px;
|
|
height: 20px;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
}
|
|
.el-color-predefine__color-selector:nth-child(10n+1) {
|
|
margin-left: 0;
|
|
}
|
|
.el-color-predefine__color-selector.selected {
|
|
-webkit-box-shadow: 0 0 3px 2px #1890ff;
|
|
box-shadow: 0 0 3px 2px #1890ff;
|
|
}
|
|
.el-color-predefine__color-selector > div {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
height: 100%;
|
|
border-radius: 3px;
|
|
}
|
|
.el-color-predefine__color-selector.is-alpha {
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
|
|
}
|
|
|
|
.el-color-hue-slider {
|
|
position: relative;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
width: 280px;
|
|
height: 12px;
|
|
background-color: #f00;
|
|
padding: 0 2px;
|
|
}
|
|
.el-color-hue-slider__bar {
|
|
position: relative;
|
|
background: -webkit-gradient(linear, left top, right top, from(#f00), color-stop(17%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(83%, #f0f), to(#f00));
|
|
background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
|
|
height: 100%;
|
|
}
|
|
|
|
.el-color-hue-slider__thumb {
|
|
position: absolute;
|
|
cursor: pointer;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
left: 0;
|
|
top: 0;
|
|
width: 4px;
|
|
height: 100%;
|
|
border-radius: 1px;
|
|
background: #fff;
|
|
border: 1px solid #f0f0f0;
|
|
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
|
|
box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
|
|
z-index: 1;
|
|
}
|
|
|
|
.el-color-hue-slider.is-vertical {
|
|
width: 12px;
|
|
height: 180px;
|
|
padding: 2px 0;
|
|
}
|
|
.el-color-hue-slider.is-vertical .el-color-hue-slider__bar {
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#f00), color-stop(17%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(83%, #f0f), to(#f00));
|
|
background: linear-gradient(to bottom, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
|
|
}
|
|
.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb {
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 4px;
|
|
}
|
|
|
|
.el-color-svpanel {
|
|
position: relative;
|
|
width: 280px;
|
|
height: 180px;
|
|
}
|
|
.el-color-svpanel__white, .el-color-svpanel__black {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
.el-color-svpanel__white {
|
|
background: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255, 255, 255, 0)));
|
|
background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
|
|
}
|
|
|
|
.el-color-svpanel__black {
|
|
background: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0)));
|
|
background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
|
|
}
|
|
|
|
.el-color-svpanel__cursor {
|
|
position: absolute;
|
|
}
|
|
.el-color-svpanel__cursor > div {
|
|
cursor: head;
|
|
width: 4px;
|
|
height: 4px;
|
|
-webkit-box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4);
|
|
box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4);
|
|
border-radius: 50%;
|
|
-webkit-transform: translate(-2px, -2px);
|
|
transform: translate(-2px, -2px);
|
|
}
|
|
|
|
.el-color-alpha-slider {
|
|
position: relative;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
width: 280px;
|
|
height: 12px;
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
|
|
}
|
|
.el-color-alpha-slider__bar {
|
|
position: relative;
|
|
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
|
|
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
|
|
height: 100%;
|
|
}
|
|
|
|
.el-color-alpha-slider__thumb {
|
|
position: absolute;
|
|
cursor: pointer;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
left: 0;
|
|
top: 0;
|
|
width: 4px;
|
|
height: 100%;
|
|
border-radius: 1px;
|
|
background: #fff;
|
|
border: 1px solid #f0f0f0;
|
|
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
|
|
box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
|
|
z-index: 1;
|
|
}
|
|
|
|
.el-color-alpha-slider.is-vertical {
|
|
width: 20px;
|
|
height: 180px;
|
|
}
|
|
.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar {
|
|
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
|
|
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
|
|
}
|
|
.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb {
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 4px;
|
|
}
|
|
|
|
.el-color-dropdown {
|
|
width: 300px;
|
|
}
|
|
.el-color-dropdown__main-wrapper {
|
|
margin-bottom: 6px;
|
|
}
|
|
.el-color-dropdown__main-wrapper::after {
|
|
content: "";
|
|
display: table;
|
|
clear: both;
|
|
}
|
|
|
|
.el-color-dropdown__btns {
|
|
margin-top: 6px;
|
|
text-align: right;
|
|
}
|
|
|
|
.el-color-dropdown__value {
|
|
float: left;
|
|
line-height: 26px;
|
|
font-size: 12px;
|
|
color: #000000;
|
|
width: 160px;
|
|
}
|
|
|
|
.el-color-dropdown__btn {
|
|
border: 1px solid #dcdcdc;
|
|
color: #333;
|
|
line-height: 24px;
|
|
border-radius: 2px;
|
|
padding: 0 20px;
|
|
cursor: pointer;
|
|
background-color: transparent;
|
|
outline: none;
|
|
font-size: 12px;
|
|
}
|
|
.el-color-dropdown__btn[disabled] {
|
|
color: #cccccc;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-color-dropdown__btn:hover {
|
|
color: #1890ff;
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-color-dropdown__link-btn {
|
|
cursor: pointer;
|
|
color: #1890ff;
|
|
text-decoration: none;
|
|
padding: 15px;
|
|
font-size: 12px;
|
|
}
|
|
.el-color-dropdown__link-btn:hover {
|
|
color: tint(#1890ff, 20%);
|
|
}
|
|
|
|
.el-color-picker {
|
|
display: inline-block;
|
|
position: relative;
|
|
line-height: normal;
|
|
height: 40px;
|
|
}
|
|
.el-color-picker.is-disabled .el-color-picker__trigger {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.el-color-picker--medium {
|
|
height: 36px;
|
|
}
|
|
.el-color-picker--medium .el-color-picker__trigger {
|
|
height: 36px;
|
|
width: 36px;
|
|
}
|
|
.el-color-picker--medium .el-color-picker__mask {
|
|
height: 34px;
|
|
width: 34px;
|
|
}
|
|
|
|
.el-color-picker--small {
|
|
height: 32px;
|
|
}
|
|
.el-color-picker--small .el-color-picker__trigger {
|
|
height: 32px;
|
|
width: 32px;
|
|
}
|
|
.el-color-picker--small .el-color-picker__mask {
|
|
height: 30px;
|
|
width: 30px;
|
|
}
|
|
.el-color-picker--small .el-color-picker__icon,
|
|
.el-color-picker--small .el-color-picker__empty {
|
|
-webkit-transform: translate3d(-50%, -50%, 0) scale(0.8);
|
|
transform: translate3d(-50%, -50%, 0) scale(0.8);
|
|
}
|
|
|
|
.el-color-picker--mini {
|
|
height: 28px;
|
|
}
|
|
.el-color-picker--mini .el-color-picker__trigger {
|
|
height: 28px;
|
|
width: 28px;
|
|
}
|
|
.el-color-picker--mini .el-color-picker__mask {
|
|
height: 26px;
|
|
width: 26px;
|
|
}
|
|
.el-color-picker--mini .el-color-picker__icon,
|
|
.el-color-picker--mini .el-color-picker__empty {
|
|
-webkit-transform: translate3d(-50%, -50%, 0) scale(0.8);
|
|
transform: translate3d(-50%, -50%, 0) scale(0.8);
|
|
}
|
|
|
|
.el-color-picker__mask {
|
|
height: 38px;
|
|
width: 38px;
|
|
border-radius: 4px;
|
|
position: absolute;
|
|
top: 1px;
|
|
left: 1px;
|
|
z-index: 1;
|
|
cursor: not-allowed;
|
|
background-color: rgba(255, 255, 255, 0.7);
|
|
}
|
|
|
|
.el-color-picker__trigger {
|
|
display: inline-block;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
height: 40px;
|
|
width: 40px;
|
|
padding: 4px;
|
|
border: 1px solid #e6e6e6;
|
|
border-radius: 4px;
|
|
font-size: 0;
|
|
position: relative;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.el-color-picker__color {
|
|
position: relative;
|
|
display: block;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
border: 1px solid #999;
|
|
border-radius: 2px;
|
|
width: 100%;
|
|
height: 100%;
|
|
text-align: center;
|
|
}
|
|
.el-color-picker__color.is-alpha {
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
|
|
}
|
|
|
|
.el-color-picker__color-inner {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
.el-color-picker__empty {
|
|
font-size: 12px;
|
|
color: #999;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
-webkit-transform: translate3d(-50%, -50%, 0);
|
|
transform: translate3d(-50%, -50%, 0);
|
|
}
|
|
|
|
.el-color-picker__icon {
|
|
display: inline-block;
|
|
position: absolute;
|
|
width: 100%;
|
|
top: 50%;
|
|
left: 50%;
|
|
-webkit-transform: translate3d(-50%, -50%, 0);
|
|
transform: translate3d(-50%, -50%, 0);
|
|
color: #FFFFFF;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.el-color-picker__panel {
|
|
position: absolute;
|
|
z-index: 10;
|
|
padding: 6px;
|
|
-webkit-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
background-color: #FFFFFF;
|
|
border: 1px solid #e6ebf5;
|
|
border-radius: 4px;
|
|
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.el-textarea {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 100%;
|
|
vertical-align: bottom;
|
|
font-size: 14px;
|
|
}
|
|
.el-textarea__inner {
|
|
display: block;
|
|
resize: vertical;
|
|
padding: 5px 15px;
|
|
line-height: 1.5;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
font-size: inherit;
|
|
color: #606266;
|
|
background-color: #FFFFFF;
|
|
background-image: none;
|
|
border: 1px solid #DCDFE6;
|
|
border-radius: 4px;
|
|
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
.el-textarea__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner:hover {
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-textarea__inner:focus {
|
|
outline: none;
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-textarea .el-input__count {
|
|
color: #909399;
|
|
background: #FFFFFF;
|
|
position: absolute;
|
|
font-size: 12px;
|
|
bottom: 5px;
|
|
right: 10px;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner {
|
|
background-color: #F5F7FA;
|
|
border-color: #dfe4ed;
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-textarea.is-disabled .el-textarea__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
|
|
.el-textarea.is-exceed .el-textarea__inner {
|
|
border-color: #ff4949;
|
|
}
|
|
.el-textarea.is-exceed .el-input__count {
|
|
color: #ff4949;
|
|
}
|
|
|
|
.el-input {
|
|
position: relative;
|
|
font-size: 14px;
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
.el-input::-webkit-scrollbar {
|
|
z-index: 11;
|
|
width: 6px;
|
|
}
|
|
.el-input::-webkit-scrollbar:horizontal {
|
|
height: 6px;
|
|
}
|
|
.el-input::-webkit-scrollbar-thumb {
|
|
border-radius: 5px;
|
|
width: 6px;
|
|
background: #b4bccc;
|
|
}
|
|
.el-input::-webkit-scrollbar-corner {
|
|
background: #fff;
|
|
}
|
|
.el-input::-webkit-scrollbar-track {
|
|
background: #fff;
|
|
}
|
|
.el-input::-webkit-scrollbar-track-piece {
|
|
background: #fff;
|
|
width: 6px;
|
|
}
|
|
.el-input .el-input__clear {
|
|
color: #C0C4CC;
|
|
font-size: 14px;
|
|
cursor: pointer;
|
|
-webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
.el-input .el-input__clear:hover {
|
|
color: #909399;
|
|
}
|
|
.el-input .el-input__count {
|
|
height: 100%;
|
|
display: -webkit-inline-box;
|
|
display: -ms-inline-flexbox;
|
|
display: inline-flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
color: #909399;
|
|
font-size: 12px;
|
|
}
|
|
.el-input .el-input__count .el-input__count-inner {
|
|
background: #FFFFFF;
|
|
line-height: initial;
|
|
display: inline-block;
|
|
padding: 0 5px;
|
|
}
|
|
.el-input__inner {
|
|
-webkit-appearance: none;
|
|
background-color: #FFFFFF;
|
|
background-image: none;
|
|
border-radius: 4px;
|
|
border: 1px solid #DCDFE6;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
color: #606266;
|
|
display: inline-block;
|
|
font-size: inherit;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
outline: none;
|
|
padding: 0 15px;
|
|
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
width: 100%;
|
|
}
|
|
.el-input__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input__inner:hover {
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-input__inner:focus {
|
|
outline: none;
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-input__suffix {
|
|
position: absolute;
|
|
height: 100%;
|
|
right: 5px;
|
|
top: 0;
|
|
text-align: center;
|
|
color: #C0C4CC;
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.el-input__suffix-inner {
|
|
pointer-events: all;
|
|
}
|
|
|
|
.el-input__prefix {
|
|
position: absolute;
|
|
height: 100%;
|
|
left: 5px;
|
|
top: 0;
|
|
text-align: center;
|
|
color: #C0C4CC;
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
.el-input__icon {
|
|
height: 100%;
|
|
width: 25px;
|
|
text-align: center;
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
line-height: 40px;
|
|
}
|
|
.el-input__icon:after {
|
|
content: "";
|
|
height: 100%;
|
|
width: 0;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.el-input__validateIcon {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.el-input.is-active .el-input__inner {
|
|
outline: none;
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-input.is-disabled .el-input__inner {
|
|
background-color: #F5F7FA;
|
|
border-color: #dfe4ed;
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::-moz-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner:-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::-ms-input-placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__inner::placeholder {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-input.is-disabled .el-input__icon {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.el-input.is-exceed .el-input__inner {
|
|
border-color: #ff4949;
|
|
}
|
|
.el-input.is-exceed .el-input__suffix .el-input__count {
|
|
color: #ff4949;
|
|
}
|
|
|
|
.el-input--suffix .el-input__inner {
|
|
padding-right: 30px;
|
|
}
|
|
|
|
.el-input--prefix .el-input__inner {
|
|
padding-left: 30px;
|
|
}
|
|
|
|
.el-input--medium {
|
|
font-size: 14px;
|
|
}
|
|
.el-input--medium .el-input__inner {
|
|
height: 36px;
|
|
line-height: 36px;
|
|
}
|
|
|
|
.el-input--medium .el-input__icon {
|
|
line-height: 36px;
|
|
}
|
|
|
|
.el-input--small {
|
|
font-size: 13px;
|
|
}
|
|
.el-input--small .el-input__inner {
|
|
height: 32px;
|
|
line-height: 32px;
|
|
}
|
|
|
|
.el-input--small .el-input__icon {
|
|
line-height: 32px;
|
|
}
|
|
|
|
.el-input--mini {
|
|
font-size: 12px;
|
|
}
|
|
.el-input--mini .el-input__inner {
|
|
height: 28px;
|
|
line-height: 28px;
|
|
}
|
|
|
|
.el-input--mini .el-input__icon {
|
|
line-height: 28px;
|
|
}
|
|
|
|
.el-input-group {
|
|
line-height: normal;
|
|
display: inline-table;
|
|
width: 100%;
|
|
border-collapse: separate;
|
|
border-spacing: 0;
|
|
}
|
|
.el-input-group > .el-input__inner {
|
|
vertical-align: middle;
|
|
display: table-cell;
|
|
}
|
|
.el-input-group__append, .el-input-group__prepend {
|
|
background-color: #F5F7FA;
|
|
color: #909399;
|
|
vertical-align: middle;
|
|
display: table-cell;
|
|
position: relative;
|
|
border: 1px solid #DCDFE6;
|
|
border-radius: 4px;
|
|
padding: 0 20px;
|
|
width: 1px;
|
|
white-space: nowrap;
|
|
}
|
|
.el-input-group__append:focus, .el-input-group__prepend:focus {
|
|
outline: none;
|
|
}
|
|
.el-input-group__append .el-select,
|
|
.el-input-group__append .el-button, .el-input-group__prepend .el-select,
|
|
.el-input-group__prepend .el-button {
|
|
display: inline-block;
|
|
margin: -10px -20px;
|
|
}
|
|
.el-input-group__append button.el-button,
|
|
.el-input-group__append div.el-select .el-input__inner,
|
|
.el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button,
|
|
.el-input-group__prepend div.el-select .el-input__inner,
|
|
.el-input-group__prepend div.el-select:hover .el-input__inner {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
color: inherit;
|
|
border-top: 0;
|
|
border-bottom: 0;
|
|
}
|
|
.el-input-group__append .el-button,
|
|
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
|
|
.el-input-group__prepend .el-input {
|
|
font-size: inherit;
|
|
}
|
|
|
|
.el-input-group__prepend {
|
|
border-right: 0;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.el-input-group__append {
|
|
border-left: 0;
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.el-input-group--prepend .el-input__inner {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
|
|
border-color: transparent;
|
|
}
|
|
|
|
.el-input-group--append .el-input__inner {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
|
|
border-color: transparent;
|
|
}
|
|
|
|
/** disalbe default clear on IE */
|
|
.el-input__inner::-ms-clear {
|
|
display: none;
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
.el-button {
|
|
display: inline-block;
|
|
line-height: 1;
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
background: #FFFFFF;
|
|
border: 1px solid #DCDFE6;
|
|
border-color: #DCDFE6;
|
|
color: #606266;
|
|
-webkit-appearance: none;
|
|
text-align: center;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
outline: none;
|
|
margin: 0;
|
|
-webkit-transition: 0.1s;
|
|
transition: 0.1s;
|
|
font-weight: 400;
|
|
-moz-user-select: none;
|
|
-webkit-user-select: none;
|
|
-ms-user-select: none;
|
|
padding: 12px 20px;
|
|
font-size: 14px;
|
|
border-radius: 4px;
|
|
}
|
|
.el-button + .el-button {
|
|
margin-left: 10px;
|
|
}
|
|
.el-button.is-round {
|
|
padding: 12px 20px;
|
|
}
|
|
.el-button:hover, .el-button:focus {
|
|
color: #1890ff;
|
|
border-color: #badeff;
|
|
background-color: #e8f4ff;
|
|
}
|
|
.el-button:active {
|
|
color: #1682e6;
|
|
border-color: #1682e6;
|
|
outline: none;
|
|
}
|
|
.el-button::-moz-focus-inner {
|
|
border: 0;
|
|
}
|
|
.el-button [class*=el-icon-] + span {
|
|
margin-left: 5px;
|
|
}
|
|
.el-button.is-plain:hover, .el-button.is-plain:focus {
|
|
background: #FFFFFF;
|
|
border-color: #1890ff;
|
|
color: #1890ff;
|
|
}
|
|
.el-button.is-plain:active {
|
|
background: #FFFFFF;
|
|
border-color: #1682e6;
|
|
color: #1682e6;
|
|
outline: none;
|
|
}
|
|
|
|
.el-button.is-active {
|
|
color: #1682e6;
|
|
border-color: #1682e6;
|
|
}
|
|
|
|
.el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus {
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
background-image: none;
|
|
background-color: #FFFFFF;
|
|
border-color: #e6ebf5;
|
|
}
|
|
.el-button.is-disabled.el-button--text {
|
|
background-color: transparent;
|
|
}
|
|
.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus {
|
|
background-color: #FFFFFF;
|
|
border-color: #e6ebf5;
|
|
color: #C0C4CC;
|
|
}
|
|
|
|
.el-button.is-loading {
|
|
position: relative;
|
|
pointer-events: none;
|
|
}
|
|
.el-button.is-loading:before {
|
|
pointer-events: none;
|
|
content: "";
|
|
position: absolute;
|
|
left: -1px;
|
|
top: -1px;
|
|
right: -1px;
|
|
bottom: -1px;
|
|
border-radius: inherit;
|
|
background-color: rgba(255, 255, 255, 0.35);
|
|
}
|
|
|
|
.el-button.is-round {
|
|
border-radius: 20px;
|
|
padding: 12px 23px;
|
|
}
|
|
|
|
.el-button.is-circle {
|
|
border-radius: 50%;
|
|
padding: 12px;
|
|
}
|
|
|
|
.el-button--primary {
|
|
color: #FFFFFF;
|
|
background-color: #1890ff;
|
|
border-color: #1890ff;
|
|
}
|
|
.el-button--primary:hover, .el-button--primary:focus {
|
|
background: #46a6ff;
|
|
border-color: #46a6ff;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--primary:active {
|
|
background: #1682e6;
|
|
border-color: #1682e6;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--primary.is-active {
|
|
background: #1682e6;
|
|
border-color: #1682e6;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active {
|
|
color: #FFFFFF;
|
|
background-color: #8cc8ff;
|
|
border-color: #8cc8ff;
|
|
}
|
|
.el-button--primary.is-plain {
|
|
color: #1890ff;
|
|
background: #e8f4ff;
|
|
border-color: #a3d3ff;
|
|
}
|
|
.el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus {
|
|
background: #1890ff;
|
|
border-color: #1890ff;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--primary.is-plain:active {
|
|
background: #1682e6;
|
|
border-color: #1682e6;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active {
|
|
color: #74bcff;
|
|
background-color: #e8f4ff;
|
|
border-color: #d1e9ff;
|
|
}
|
|
|
|
.el-button--success {
|
|
color: #FFFFFF;
|
|
background-color: #13ce66;
|
|
border-color: #13ce66;
|
|
}
|
|
.el-button--success:hover, .el-button--success:focus {
|
|
background: #42d885;
|
|
border-color: #42d885;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--success:active {
|
|
background: #11b95c;
|
|
border-color: #11b95c;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--success.is-active {
|
|
background: #11b95c;
|
|
border-color: #11b95c;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--success.is-disabled, .el-button--success.is-disabled:hover, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:active {
|
|
color: #FFFFFF;
|
|
background-color: #89e7b3;
|
|
border-color: #89e7b3;
|
|
}
|
|
.el-button--success.is-plain {
|
|
color: #13ce66;
|
|
background: #e7faf0;
|
|
border-color: #a1ebc2;
|
|
}
|
|
.el-button--success.is-plain:hover, .el-button--success.is-plain:focus {
|
|
background: #13ce66;
|
|
border-color: #13ce66;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--success.is-plain:active {
|
|
background: #11b95c;
|
|
border-color: #11b95c;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active {
|
|
color: #71e2a3;
|
|
background-color: #e7faf0;
|
|
border-color: #d0f5e0;
|
|
}
|
|
|
|
.el-button--warning {
|
|
color: #FFFFFF;
|
|
background-color: #ffba00;
|
|
border-color: #ffba00;
|
|
}
|
|
.el-button--warning:hover, .el-button--warning:focus {
|
|
background: #ffc833;
|
|
border-color: #ffc833;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--warning:active {
|
|
background: #e6a700;
|
|
border-color: #e6a700;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--warning.is-active {
|
|
background: #e6a700;
|
|
border-color: #e6a700;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--warning.is-disabled, .el-button--warning.is-disabled:hover, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:active {
|
|
color: #FFFFFF;
|
|
background-color: #ffdd80;
|
|
border-color: #ffdd80;
|
|
}
|
|
.el-button--warning.is-plain {
|
|
color: #ffba00;
|
|
background: #fff8e6;
|
|
border-color: #ffe399;
|
|
}
|
|
.el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus {
|
|
background: #ffba00;
|
|
border-color: #ffba00;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--warning.is-plain:active {
|
|
background: #e6a700;
|
|
border-color: #e6a700;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active {
|
|
color: #ffd666;
|
|
background-color: #fff8e6;
|
|
border-color: #fff1cc;
|
|
}
|
|
|
|
.el-button--danger {
|
|
color: #FFFFFF;
|
|
background-color: #ff4949;
|
|
border-color: #ff4949;
|
|
}
|
|
.el-button--danger:hover, .el-button--danger:focus {
|
|
background: #ff6d6d;
|
|
border-color: #ff6d6d;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--danger:active {
|
|
background: #e64242;
|
|
border-color: #e64242;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--danger.is-active {
|
|
background: #e64242;
|
|
border-color: #e64242;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--danger.is-disabled, .el-button--danger.is-disabled:hover, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:active {
|
|
color: #FFFFFF;
|
|
background-color: #ffa4a4;
|
|
border-color: #ffa4a4;
|
|
}
|
|
.el-button--danger.is-plain {
|
|
color: #ff4949;
|
|
background: #ffeded;
|
|
border-color: #ffb6b6;
|
|
}
|
|
.el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus {
|
|
background: #ff4949;
|
|
border-color: #ff4949;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--danger.is-plain:active {
|
|
background: #e64242;
|
|
border-color: #e64242;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active {
|
|
color: #ff9292;
|
|
background-color: #ffeded;
|
|
border-color: #ffdbdb;
|
|
}
|
|
|
|
.el-button--info {
|
|
color: #FFFFFF;
|
|
background-color: #909399;
|
|
border-color: #909399;
|
|
}
|
|
.el-button--info:hover, .el-button--info:focus {
|
|
background: #a6a9ad;
|
|
border-color: #a6a9ad;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--info:active {
|
|
background: #82848a;
|
|
border-color: #82848a;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--info.is-active {
|
|
background: #82848a;
|
|
border-color: #82848a;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--info.is-disabled, .el-button--info.is-disabled:hover, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:active {
|
|
color: #FFFFFF;
|
|
background-color: #c8c9cc;
|
|
border-color: #c8c9cc;
|
|
}
|
|
.el-button--info.is-plain {
|
|
color: #909399;
|
|
background: #f4f4f5;
|
|
border-color: #d3d4d6;
|
|
}
|
|
.el-button--info.is-plain:hover, .el-button--info.is-plain:focus {
|
|
background: #909399;
|
|
border-color: #909399;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--info.is-plain:active {
|
|
background: #82848a;
|
|
border-color: #82848a;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active {
|
|
color: #bcbec2;
|
|
background-color: #f4f4f5;
|
|
border-color: #e9e9eb;
|
|
}
|
|
|
|
.el-button--medium {
|
|
padding: 10px 20px;
|
|
font-size: 14px;
|
|
border-radius: 4px;
|
|
}
|
|
.el-button--medium.is-round {
|
|
padding: 10px 20px;
|
|
}
|
|
.el-button--medium.is-circle {
|
|
padding: 10px;
|
|
}
|
|
|
|
.el-button--small {
|
|
padding: 9px 15px;
|
|
font-size: 12px;
|
|
border-radius: 3px;
|
|
}
|
|
.el-button--small.is-round {
|
|
padding: 9px 15px;
|
|
}
|
|
.el-button--small.is-circle {
|
|
padding: 9px;
|
|
}
|
|
|
|
.el-button--mini {
|
|
padding: 7px 15px;
|
|
font-size: 12px;
|
|
border-radius: 3px;
|
|
}
|
|
.el-button--mini.is-round {
|
|
padding: 7px 15px;
|
|
}
|
|
.el-button--mini.is-circle {
|
|
padding: 7px;
|
|
}
|
|
|
|
.el-button--text {
|
|
border-color: transparent;
|
|
color: #1890ff;
|
|
background: transparent;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
.el-button--text:hover, .el-button--text:focus {
|
|
color: #46a6ff;
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
}
|
|
.el-button--text:active {
|
|
color: #1682e6;
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
}
|
|
.el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus {
|
|
border-color: transparent;
|
|
}
|
|
|
|
.el-button-group {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
.el-button-group::before,
|
|
.el-button-group::after {
|
|
display: table;
|
|
content: "";
|
|
}
|
|
|
|
.el-button-group::after {
|
|
clear: both;
|
|
}
|
|
|
|
.el-button-group > .el-button {
|
|
float: left;
|
|
position: relative;
|
|
}
|
|
.el-button-group > .el-button + .el-button {
|
|
margin-left: 0;
|
|
}
|
|
.el-button-group > .el-button.is-disabled {
|
|
z-index: 1;
|
|
}
|
|
.el-button-group > .el-button:first-child {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.el-button-group > .el-button:last-child {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
.el-button-group > .el-button:first-child:last-child {
|
|
border-top-right-radius: 4px;
|
|
border-bottom-right-radius: 4px;
|
|
border-top-left-radius: 4px;
|
|
border-bottom-left-radius: 4px;
|
|
}
|
|
.el-button-group > .el-button:first-child:last-child.is-round {
|
|
border-radius: 20px;
|
|
}
|
|
.el-button-group > .el-button:first-child:last-child.is-circle {
|
|
border-radius: 50%;
|
|
}
|
|
.el-button-group > .el-button:not(:first-child):not(:last-child) {
|
|
border-radius: 0;
|
|
}
|
|
.el-button-group > .el-button:not(:last-child) {
|
|
margin-right: -1px;
|
|
}
|
|
.el-button-group > .el-button:hover, .el-button-group > .el-button:focus, .el-button-group > .el-button:active {
|
|
z-index: 1;
|
|
}
|
|
.el-button-group > .el-button.is-active {
|
|
z-index: 1;
|
|
}
|
|
|
|
.el-button-group > .el-dropdown > .el-button {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--primary:first-child {
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--primary:last-child {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--success:first-child {
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--success:last-child {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--success:not(:first-child):not(:last-child) {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--warning:first-child {
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--warning:last-child {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--danger:first-child {
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--danger:last-child {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--info:first-child {
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--info:last-child {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--info:not(:first-child):not(:last-child) {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.el-checkbox {
|
|
color: #606266;
|
|
font-weight: 500;
|
|
font-size: 14px;
|
|
position: relative;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
white-space: nowrap;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
margin-right: 30px;
|
|
}
|
|
.el-checkbox.is-bordered {
|
|
padding: 9px 20px 9px 10px;
|
|
border-radius: 4px;
|
|
border: 1px solid #DCDFE6;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
line-height: normal;
|
|
height: 40px;
|
|
}
|
|
.el-checkbox.is-bordered.is-checked {
|
|
border-color: #1890ff;
|
|
}
|
|
.el-checkbox.is-bordered.is-disabled {
|
|
border-color: #e6ebf5;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-checkbox.is-bordered + .el-checkbox.is-bordered {
|
|
margin-left: 10px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--medium {
|
|
padding: 7px 20px 7px 10px;
|
|
border-radius: 4px;
|
|
height: 36px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
|
|
line-height: 17px;
|
|
font-size: 14px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
|
|
height: 14px;
|
|
width: 14px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--small {
|
|
padding: 5px 15px 5px 10px;
|
|
border-radius: 3px;
|
|
height: 32px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
|
|
line-height: 15px;
|
|
font-size: 12px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
|
|
height: 12px;
|
|
width: 12px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
|
|
height: 6px;
|
|
width: 2px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--mini {
|
|
padding: 3px 15px 3px 10px;
|
|
border-radius: 3px;
|
|
height: 28px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
|
|
line-height: 12px;
|
|
font-size: 12px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
|
|
height: 12px;
|
|
width: 12px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after {
|
|
height: 6px;
|
|
width: 2px;
|
|
}
|
|
|
|
.el-checkbox__input {
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
outline: none;
|
|
display: inline-block;
|
|
line-height: 1;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
}
|
|
.el-checkbox__input.is-disabled .el-checkbox__inner {
|
|
background-color: #edf2fc;
|
|
border-color: #DCDFE6;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-checkbox__input.is-disabled .el-checkbox__inner::after {
|
|
cursor: not-allowed;
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
|
|
cursor: not-allowed;
|
|
}
|
|
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
|
|
background-color: #F2F6FC;
|
|
border-color: #DCDFE6;
|
|
}
|
|
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
|
|
background-color: #F2F6FC;
|
|
border-color: #DCDFE6;
|
|
}
|
|
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
|
|
background-color: #C0C4CC;
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-checkbox__input.is-disabled + span.el-checkbox__label {
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.el-checkbox__input.is-checked .el-checkbox__inner {
|
|
background-color: #1890ff;
|
|
border-color: #1890ff;
|
|
}
|
|
.el-checkbox__input.is-checked .el-checkbox__inner::after {
|
|
-webkit-transform: rotate(45deg) scaleY(1);
|
|
transform: rotate(45deg) scaleY(1);
|
|
}
|
|
.el-checkbox__input.is-checked + .el-checkbox__label {
|
|
color: #1890ff;
|
|
}
|
|
|
|
.el-checkbox__input.is-focus {
|
|
/*focus时 视觉上区分*/
|
|
}
|
|
.el-checkbox__input.is-focus .el-checkbox__inner {
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
|
|
background-color: #1890ff;
|
|
border-color: #1890ff;
|
|
}
|
|
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
background-color: #FFFFFF;
|
|
height: 2px;
|
|
-webkit-transform: scale(0.5);
|
|
transform: scale(0.5);
|
|
left: 0;
|
|
right: 0;
|
|
top: 5px;
|
|
}
|
|
.el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
|
|
display: none;
|
|
}
|
|
|
|
.el-checkbox__inner {
|
|
display: inline-block;
|
|
position: relative;
|
|
border: 1px solid #DCDFE6;
|
|
border-radius: 2px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
width: 14px;
|
|
height: 14px;
|
|
background-color: #FFFFFF;
|
|
z-index: 1;
|
|
-webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
|
|
transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
|
|
}
|
|
.el-checkbox__inner:hover {
|
|
border-color: #1890ff;
|
|
}
|
|
.el-checkbox__inner::after {
|
|
-webkit-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
content: "";
|
|
border: 1px solid #FFFFFF;
|
|
border-left: 0;
|
|
border-top: 0;
|
|
height: 7px;
|
|
left: 4px;
|
|
position: absolute;
|
|
top: 1px;
|
|
-webkit-transform: rotate(45deg) scaleY(0);
|
|
transform: rotate(45deg) scaleY(0);
|
|
width: 3px;
|
|
-webkit-transition: -webkit-transform 0.15s ease-in 0.05s;
|
|
transition: -webkit-transform 0.15s ease-in 0.05s;
|
|
transition: transform 0.15s ease-in 0.05s;
|
|
transition: transform 0.15s ease-in 0.05s, -webkit-transform 0.15s ease-in 0.05s;
|
|
-webkit-transform-origin: center;
|
|
transform-origin: center;
|
|
}
|
|
|
|
.el-checkbox__original {
|
|
opacity: 0;
|
|
outline: none;
|
|
position: absolute;
|
|
margin: 0;
|
|
width: 0;
|
|
height: 0;
|
|
z-index: -1;
|
|
}
|
|
|
|
.el-checkbox__label {
|
|
display: inline-block;
|
|
padding-left: 10px;
|
|
line-height: 19px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.el-checkbox:last-of-type {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.el-checkbox-button {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
.el-checkbox-button__inner {
|
|
display: inline-block;
|
|
line-height: 1;
|
|
font-weight: 500;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
background: #FFFFFF;
|
|
border: 1px solid #DCDFE6;
|
|
border-left: 0;
|
|
color: #606266;
|
|
-webkit-appearance: none;
|
|
text-align: center;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
outline: none;
|
|
margin: 0;
|
|
position: relative;
|
|
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
-moz-user-select: none;
|
|
-webkit-user-select: none;
|
|
-ms-user-select: none;
|
|
padding: 12px 20px;
|
|
font-size: 14px;
|
|
border-radius: 0;
|
|
}
|
|
.el-checkbox-button__inner.is-round {
|
|
padding: 12px 20px;
|
|
}
|
|
.el-checkbox-button__inner:hover {
|
|
color: #1890ff;
|
|
}
|
|
.el-checkbox-button__inner [class*=el-icon-] {
|
|
line-height: 0.9;
|
|
}
|
|
.el-checkbox-button__inner [class*=el-icon-] + span {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.el-checkbox-button__original {
|
|
opacity: 0;
|
|
outline: none;
|
|
position: absolute;
|
|
margin: 0;
|
|
z-index: -1;
|
|
}
|
|
|
|
.el-checkbox-button.is-checked .el-checkbox-button__inner {
|
|
color: #FFFFFF;
|
|
background-color: #1890ff;
|
|
border-color: #1890ff;
|
|
-webkit-box-shadow: -1px 0 0 0 #74bcff;
|
|
box-shadow: -1px 0 0 0 #74bcff;
|
|
}
|
|
.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
|
|
border-left-color: #1890ff;
|
|
}
|
|
.el-checkbox-button.is-disabled .el-checkbox-button__inner {
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
background-image: none;
|
|
background-color: #FFFFFF;
|
|
border-color: #e6ebf5;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
|
|
border-left-color: #e6ebf5;
|
|
}
|
|
.el-checkbox-button:first-child .el-checkbox-button__inner {
|
|
border-left: 1px solid #DCDFE6;
|
|
border-radius: 4px 0 0 4px;
|
|
-webkit-box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
.el-checkbox-button.is-focus .el-checkbox-button__inner {
|
|
border-color: #1890ff;
|
|
}
|
|
.el-checkbox-button:last-child .el-checkbox-button__inner {
|
|
border-radius: 0 4px 4px 0;
|
|
}
|
|
.el-checkbox-button--medium .el-checkbox-button__inner {
|
|
padding: 10px 20px;
|
|
font-size: 14px;
|
|
border-radius: 0;
|
|
}
|
|
.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
|
|
padding: 10px 20px;
|
|
}
|
|
|
|
.el-checkbox-button--small .el-checkbox-button__inner {
|
|
padding: 9px 15px;
|
|
font-size: 12px;
|
|
border-radius: 0;
|
|
}
|
|
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
|
|
padding: 9px 15px;
|
|
}
|
|
|
|
.el-checkbox-button--mini .el-checkbox-button__inner {
|
|
padding: 7px 15px;
|
|
font-size: 12px;
|
|
border-radius: 0;
|
|
}
|
|
.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
|
|
padding: 7px 15px;
|
|
}
|
|
|
|
.el-checkbox-group {
|
|
font-size: 0;
|
|
}
|
|
|
|
.el-transfer {
|
|
font-size: 14px;
|
|
}
|
|
.el-transfer__buttons {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
padding: 0 30px;
|
|
}
|
|
|
|
.el-transfer__button {
|
|
display: block;
|
|
margin: 0 auto;
|
|
padding: 10px;
|
|
border-radius: 50%;
|
|
color: #FFFFFF;
|
|
background-color: #1890ff;
|
|
font-size: 0;
|
|
}
|
|
.el-transfer__button.is-with-texts {
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.el-transfer__button.is-disabled {
|
|
border: 1px solid #DCDFE6;
|
|
background-color: #F5F7FA;
|
|
color: #C0C4CC;
|
|
}
|
|
.el-transfer__button.is-disabled:hover {
|
|
border: 1px solid #DCDFE6;
|
|
background-color: #F5F7FA;
|
|
color: #C0C4CC;
|
|
}
|
|
|
|
.el-transfer__button:first-child {
|
|
margin-bottom: 10px;
|
|
}
|
|
.el-transfer__button:nth-child(2) {
|
|
margin: 0;
|
|
}
|
|
.el-transfer__button i, .el-transfer__button span {
|
|
font-size: 14px;
|
|
}
|
|
.el-transfer__button [class*=el-icon-] + span {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.el-transfer-panel {
|
|
border: 1px solid #e6ebf5;
|
|
border-radius: 4px;
|
|
overflow: hidden;
|
|
background: #FFFFFF;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
width: 200px;
|
|
max-height: 100%;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
}
|
|
.el-transfer-panel__body {
|
|
height: 246px;
|
|
}
|
|
.el-transfer-panel__body.is-with-footer {
|
|
padding-bottom: 40px;
|
|
}
|
|
|
|
.el-transfer-panel__list {
|
|
margin: 0;
|
|
padding: 6px 0;
|
|
list-style: none;
|
|
height: 246px;
|
|
overflow: auto;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.el-transfer-panel__list.is-filterable {
|
|
height: 194px;
|
|
padding-top: 0;
|
|
}
|
|
|
|
.el-transfer-panel__item {
|
|
height: 30px;
|
|
line-height: 30px;
|
|
padding-left: 15px;
|
|
display: block !important;
|
|
}
|
|
.el-transfer-panel__item + .el-transfer-panel__item {
|
|
margin-left: 0;
|
|
}
|
|
.el-transfer-panel__item.el-checkbox {
|
|
color: #606266;
|
|
}
|
|
.el-transfer-panel__item:hover {
|
|
color: #1890ff;
|
|
}
|
|
.el-transfer-panel__item.el-checkbox .el-checkbox__label {
|
|
width: 100%;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
display: block;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding-left: 24px;
|
|
line-height: 30px;
|
|
}
|
|
.el-transfer-panel__item .el-checkbox__input {
|
|
position: absolute;
|
|
top: 8px;
|
|
}
|
|
|
|
.el-transfer-panel__filter {
|
|
text-align: center;
|
|
margin: 15px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
display: block;
|
|
width: auto;
|
|
}
|
|
.el-transfer-panel__filter .el-input__inner {
|
|
height: 32px;
|
|
width: 100%;
|
|
font-size: 12px;
|
|
display: inline-block;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
border-radius: 16px;
|
|
padding-right: 10px;
|
|
padding-left: 30px;
|
|
}
|
|
.el-transfer-panel__filter .el-input__icon {
|
|
margin-left: 5px;
|
|
}
|
|
.el-transfer-panel__filter .el-icon-circle-close {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.el-transfer-panel .el-transfer-panel__header {
|
|
height: 40px;
|
|
line-height: 40px;
|
|
background: #F5F7FA;
|
|
margin: 0;
|
|
padding-left: 15px;
|
|
border-bottom: 1px solid #e6ebf5;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
color: #000000;
|
|
}
|
|
.el-transfer-panel .el-transfer-panel__header .el-checkbox {
|
|
display: block;
|
|
line-height: 40px;
|
|
}
|
|
.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label {
|
|
font-size: 16px;
|
|
color: #303133;
|
|
font-weight: normal;
|
|
}
|
|
.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span {
|
|
position: absolute;
|
|
right: 15px;
|
|
color: #909399;
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
}
|
|
.el-transfer-panel .el-transfer-panel__footer {
|
|
height: 40px;
|
|
background: #FFFFFF;
|
|
margin: 0;
|
|
padding: 0;
|
|
border-top: 1px solid #e6ebf5;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
z-index: 1;
|
|
}
|
|
.el-transfer-panel .el-transfer-panel__footer::after {
|
|
display: inline-block;
|
|
content: "";
|
|
height: 100%;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.el-transfer-panel .el-transfer-panel__footer .el-checkbox {
|
|
padding-left: 20px;
|
|
color: #606266;
|
|
}
|
|
.el-transfer-panel .el-transfer-panel__empty {
|
|
margin: 0;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
padding: 6px 15px 0;
|
|
color: #909399;
|
|
text-align: center;
|
|
}
|
|
.el-transfer-panel .el-checkbox__label {
|
|
padding-left: 8px;
|
|
}
|
|
.el-transfer-panel .el-checkbox__inner {
|
|
height: 14px;
|
|
width: 14px;
|
|
border-radius: 3px;
|
|
}
|
|
.el-transfer-panel .el-checkbox__inner::after {
|
|
height: 6px;
|
|
width: 3px;
|
|
left: 4px;
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
.el-container {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-direction: row;
|
|
flex-direction: row;
|
|
-webkit-box-flex: 1;
|
|
-ms-flex: 1;
|
|
flex: 1;
|
|
-ms-flex-preferred-size: auto;
|
|
flex-basis: auto;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
min-width: 0;
|
|
}
|
|
.el-container.is-vertical {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.el-header {
|
|
padding: 0 20px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
-ms-flex-negative: 0;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
.el-aside {
|
|
overflow: auto;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
-ms-flex-negative: 0;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.el-main {
|
|
display: block;
|
|
-webkit-box-flex: 1;
|
|
-ms-flex: 1;
|
|
flex: 1;
|
|
-ms-flex-preferred-size: auto;
|
|
flex-basis: auto;
|
|
overflow: auto;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding: 20px;
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.el-footer {
|
|
padding: 0 20px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
-ms-flex-negative: 0;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|
|
/* 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 #dfe4ed;
|
|
}
|
|
|
|
.el-timeline-item__icon {
|
|
color: #FFFFFF;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.el-timeline-item__node {
|
|
position: absolute;
|
|
background-color: #dfe4ed;
|
|
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: #1890ff;
|
|
}
|
|
|
|
.el-timeline-item__node--success {
|
|
background-color: #13ce66;
|
|
}
|
|
|
|
.el-timeline-item__node--warning {
|
|
background-color: #ffba00;
|
|
}
|
|
|
|
.el-timeline-item__node--danger {
|
|
background-color: #ff4949;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.el-link {
|
|
display: -webkit-inline-box;
|
|
display: -ms-inline-flexbox;
|
|
display: inline-flex;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-direction: row;
|
|
flex-direction: row;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
vertical-align: middle;
|
|
position: relative;
|
|
text-decoration: none;
|
|
outline: none;
|
|
cursor: pointer;
|
|
padding: 0;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
}
|
|
.el-link.is-underline:hover:after {
|
|
content: "";
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
height: 0;
|
|
bottom: 0;
|
|
border-bottom: 1px solid #1890ff;
|
|
}
|
|
|
|
.el-link.is-disabled {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.el-link [class*=el-icon-] + span {
|
|
margin-left: 5px;
|
|
}
|
|
.el-link.el-link--default {
|
|
color: #606266;
|
|
}
|
|
.el-link.el-link--default:hover {
|
|
color: #1890ff;
|
|
}
|
|
.el-link.el-link--default:after {
|
|
border-color: #1890ff;
|
|
}
|
|
.el-link.el-link--default.is-disabled {
|
|
color: #C0C4CC;
|
|
}
|
|
|
|
.el-link.el-link--primary {
|
|
color: #1890ff;
|
|
}
|
|
.el-link.el-link--primary:hover {
|
|
color: #46a6ff;
|
|
}
|
|
.el-link.el-link--primary:after {
|
|
border-color: #1890ff;
|
|
}
|
|
.el-link.el-link--primary.is-disabled {
|
|
color: #8cc8ff;
|
|
}
|
|
|
|
.el-link.el-link--primary.is-underline:hover:after {
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-link.el-link--danger {
|
|
color: #ff4949;
|
|
}
|
|
.el-link.el-link--danger:hover {
|
|
color: #ff6d6d;
|
|
}
|
|
.el-link.el-link--danger:after {
|
|
border-color: #ff4949;
|
|
}
|
|
.el-link.el-link--danger.is-disabled {
|
|
color: #ffa4a4;
|
|
}
|
|
|
|
.el-link.el-link--danger.is-underline:hover:after {
|
|
border-color: #ff4949;
|
|
}
|
|
|
|
.el-link.el-link--success {
|
|
color: #13ce66;
|
|
}
|
|
.el-link.el-link--success:hover {
|
|
color: #42d885;
|
|
}
|
|
.el-link.el-link--success:after {
|
|
border-color: #13ce66;
|
|
}
|
|
.el-link.el-link--success.is-disabled {
|
|
color: #89e7b3;
|
|
}
|
|
|
|
.el-link.el-link--success.is-underline:hover:after {
|
|
border-color: #13ce66;
|
|
}
|
|
|
|
.el-link.el-link--warning {
|
|
color: #ffba00;
|
|
}
|
|
.el-link.el-link--warning:hover {
|
|
color: #ffc833;
|
|
}
|
|
.el-link.el-link--warning:after {
|
|
border-color: #ffba00;
|
|
}
|
|
.el-link.el-link--warning.is-disabled {
|
|
color: #ffdd80;
|
|
}
|
|
|
|
.el-link.el-link--warning.is-underline:hover:after {
|
|
border-color: #ffba00;
|
|
}
|
|
|
|
.el-link.el-link--info {
|
|
color: #909399;
|
|
}
|
|
.el-link.el-link--info:hover {
|
|
color: #a6a9ad;
|
|
}
|
|
.el-link.el-link--info:after {
|
|
border-color: #909399;
|
|
}
|
|
.el-link.el-link--info.is-disabled {
|
|
color: #c8c9cc;
|
|
}
|
|
|
|
.el-link.el-link--info.is-underline:hover:after {
|
|
border-color: #909399;
|
|
}
|
|
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
.el-divider {
|
|
background-color: #DCDFE6;
|
|
position: relative;
|
|
}
|
|
.el-divider--horizontal {
|
|
display: block;
|
|
height: 1px;
|
|
width: 100%;
|
|
margin: 24px 0;
|
|
}
|
|
|
|
.el-divider--vertical {
|
|
display: inline-block;
|
|
width: 1px;
|
|
height: 1em;
|
|
margin: 0 8px;
|
|
vertical-align: middle;
|
|
position: relative;
|
|
}
|
|
|
|
.el-divider__text {
|
|
position: absolute;
|
|
background-color: #FFFFFF;
|
|
padding: 0 20px;
|
|
font-weight: 500;
|
|
color: #303133;
|
|
font-size: 14px;
|
|
}
|
|
.el-divider__text.is-left {
|
|
left: 20px;
|
|
-webkit-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.el-divider__text.is-center {
|
|
left: 50%;
|
|
-webkit-transform: translateX(-50%) translateY(-50%);
|
|
transform: translateX(-50%) translateY(-50%);
|
|
}
|
|
|
|
.el-divider__text.is-right {
|
|
right: 20px;
|
|
-webkit-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.el-image__error, .el-image__placeholder, .el-image__inner {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.el-image {
|
|
position: relative;
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
}
|
|
.el-image__inner {
|
|
vertical-align: top;
|
|
}
|
|
.el-image__inner--center {
|
|
position: relative;
|
|
top: 50%;
|
|
left: 50%;
|
|
-webkit-transform: translate(-50%, -50%);
|
|
transform: translate(-50%, -50%);
|
|
display: block;
|
|
}
|
|
|
|
.el-image__placeholder {
|
|
background: #F5F7FA;
|
|
}
|
|
|
|
.el-image__error {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
font-size: 14px;
|
|
background: #F5F7FA;
|
|
color: #C0C4CC;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.el-image__preview {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.el-image-viewer__wrapper {
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.el-image-viewer__btn {
|
|
position: absolute;
|
|
z-index: 1;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
border-radius: 50%;
|
|
opacity: 0.8;
|
|
cursor: pointer;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.el-image-viewer__close {
|
|
top: 40px;
|
|
right: 40px;
|
|
width: 40px;
|
|
height: 40px;
|
|
font-size: 40px;
|
|
}
|
|
|
|
.el-image-viewer__canvas {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.el-image-viewer__actions {
|
|
left: 50%;
|
|
bottom: 30px;
|
|
-webkit-transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
width: 282px;
|
|
height: 44px;
|
|
padding: 0 23px;
|
|
background-color: #606266;
|
|
border-color: #fff;
|
|
border-radius: 22px;
|
|
}
|
|
.el-image-viewer__actions__inner {
|
|
width: 100%;
|
|
height: 100%;
|
|
text-align: justify;
|
|
cursor: default;
|
|
font-size: 23px;
|
|
color: #fff;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-ms-flex-pack: distribute;
|
|
justify-content: space-around;
|
|
}
|
|
|
|
.el-image-viewer__prev {
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
width: 44px;
|
|
height: 44px;
|
|
font-size: 24px;
|
|
color: #fff;
|
|
background-color: #606266;
|
|
border-color: #fff;
|
|
left: 40px;
|
|
}
|
|
|
|
.el-image-viewer__next {
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
width: 44px;
|
|
height: 44px;
|
|
font-size: 24px;
|
|
color: #fff;
|
|
background-color: #606266;
|
|
border-color: #fff;
|
|
right: 40px;
|
|
text-indent: 2px;
|
|
}
|
|
|
|
.el-image-viewer__mask {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
opacity: 0.5;
|
|
background: #000;
|
|
}
|
|
|
|
.viewer-fade-enter-active {
|
|
-webkit-animation: viewer-fade-in 0.3s;
|
|
animation: viewer-fade-in 0.3s;
|
|
}
|
|
|
|
.viewer-fade-leave-active {
|
|
-webkit-animation: viewer-fade-out 0.3s;
|
|
animation: viewer-fade-out 0.3s;
|
|
}
|
|
|
|
@-webkit-keyframes viewer-fade-in {
|
|
0% {
|
|
-webkit-transform: translate3d(0, -20px, 0);
|
|
transform: translate3d(0, -20px, 0);
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes viewer-fade-in {
|
|
0% {
|
|
-webkit-transform: translate3d(0, -20px, 0);
|
|
transform: translate3d(0, -20px, 0);
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@-webkit-keyframes viewer-fade-out {
|
|
0% {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
-webkit-transform: translate3d(0, -20px, 0);
|
|
transform: translate3d(0, -20px, 0);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes viewer-fade-out {
|
|
0% {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
-webkit-transform: translate3d(0, -20px, 0);
|
|
transform: translate3d(0, -20px, 0);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
/* 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
|
|
--------------------------*/
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
.el-button {
|
|
display: inline-block;
|
|
line-height: 1;
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
background: #FFFFFF;
|
|
border: 1px solid #DCDFE6;
|
|
border-color: #DCDFE6;
|
|
color: #606266;
|
|
-webkit-appearance: none;
|
|
text-align: center;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
outline: none;
|
|
margin: 0;
|
|
-webkit-transition: 0.1s;
|
|
transition: 0.1s;
|
|
font-weight: 400;
|
|
-moz-user-select: none;
|
|
-webkit-user-select: none;
|
|
-ms-user-select: none;
|
|
padding: 12px 20px;
|
|
font-size: 14px;
|
|
border-radius: 4px;
|
|
}
|
|
.el-button + .el-button {
|
|
margin-left: 10px;
|
|
}
|
|
.el-button.is-round {
|
|
padding: 12px 20px;
|
|
}
|
|
.el-button:hover, .el-button:focus {
|
|
color: #1890ff;
|
|
border-color: #badeff;
|
|
background-color: #e8f4ff;
|
|
}
|
|
.el-button:active {
|
|
color: #1682e6;
|
|
border-color: #1682e6;
|
|
outline: none;
|
|
}
|
|
.el-button::-moz-focus-inner {
|
|
border: 0;
|
|
}
|
|
.el-button [class*=el-icon-] + span {
|
|
margin-left: 5px;
|
|
}
|
|
.el-button.is-plain:hover, .el-button.is-plain:focus {
|
|
background: #FFFFFF;
|
|
border-color: #1890ff;
|
|
color: #1890ff;
|
|
}
|
|
.el-button.is-plain:active {
|
|
background: #FFFFFF;
|
|
border-color: #1682e6;
|
|
color: #1682e6;
|
|
outline: none;
|
|
}
|
|
|
|
.el-button.is-active {
|
|
color: #1682e6;
|
|
border-color: #1682e6;
|
|
}
|
|
|
|
.el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus {
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
background-image: none;
|
|
background-color: #FFFFFF;
|
|
border-color: #e6ebf5;
|
|
}
|
|
.el-button.is-disabled.el-button--text {
|
|
background-color: transparent;
|
|
}
|
|
.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus {
|
|
background-color: #FFFFFF;
|
|
border-color: #e6ebf5;
|
|
color: #C0C4CC;
|
|
}
|
|
|
|
.el-button.is-loading {
|
|
position: relative;
|
|
pointer-events: none;
|
|
}
|
|
.el-button.is-loading:before {
|
|
pointer-events: none;
|
|
content: "";
|
|
position: absolute;
|
|
left: -1px;
|
|
top: -1px;
|
|
right: -1px;
|
|
bottom: -1px;
|
|
border-radius: inherit;
|
|
background-color: rgba(255, 255, 255, 0.35);
|
|
}
|
|
|
|
.el-button.is-round {
|
|
border-radius: 20px;
|
|
padding: 12px 23px;
|
|
}
|
|
|
|
.el-button.is-circle {
|
|
border-radius: 50%;
|
|
padding: 12px;
|
|
}
|
|
|
|
.el-button--primary {
|
|
color: #FFFFFF;
|
|
background-color: #1890ff;
|
|
border-color: #1890ff;
|
|
}
|
|
.el-button--primary:hover, .el-button--primary:focus {
|
|
background: #46a6ff;
|
|
border-color: #46a6ff;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--primary:active {
|
|
background: #1682e6;
|
|
border-color: #1682e6;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--primary.is-active {
|
|
background: #1682e6;
|
|
border-color: #1682e6;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active {
|
|
color: #FFFFFF;
|
|
background-color: #8cc8ff;
|
|
border-color: #8cc8ff;
|
|
}
|
|
.el-button--primary.is-plain {
|
|
color: #1890ff;
|
|
background: #e8f4ff;
|
|
border-color: #a3d3ff;
|
|
}
|
|
.el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus {
|
|
background: #1890ff;
|
|
border-color: #1890ff;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--primary.is-plain:active {
|
|
background: #1682e6;
|
|
border-color: #1682e6;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active {
|
|
color: #74bcff;
|
|
background-color: #e8f4ff;
|
|
border-color: #d1e9ff;
|
|
}
|
|
|
|
.el-button--success {
|
|
color: #FFFFFF;
|
|
background-color: #13ce66;
|
|
border-color: #13ce66;
|
|
}
|
|
.el-button--success:hover, .el-button--success:focus {
|
|
background: #42d885;
|
|
border-color: #42d885;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--success:active {
|
|
background: #11b95c;
|
|
border-color: #11b95c;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--success.is-active {
|
|
background: #11b95c;
|
|
border-color: #11b95c;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--success.is-disabled, .el-button--success.is-disabled:hover, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:active {
|
|
color: #FFFFFF;
|
|
background-color: #89e7b3;
|
|
border-color: #89e7b3;
|
|
}
|
|
.el-button--success.is-plain {
|
|
color: #13ce66;
|
|
background: #e7faf0;
|
|
border-color: #a1ebc2;
|
|
}
|
|
.el-button--success.is-plain:hover, .el-button--success.is-plain:focus {
|
|
background: #13ce66;
|
|
border-color: #13ce66;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--success.is-plain:active {
|
|
background: #11b95c;
|
|
border-color: #11b95c;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active {
|
|
color: #71e2a3;
|
|
background-color: #e7faf0;
|
|
border-color: #d0f5e0;
|
|
}
|
|
|
|
.el-button--warning {
|
|
color: #FFFFFF;
|
|
background-color: #ffba00;
|
|
border-color: #ffba00;
|
|
}
|
|
.el-button--warning:hover, .el-button--warning:focus {
|
|
background: #ffc833;
|
|
border-color: #ffc833;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--warning:active {
|
|
background: #e6a700;
|
|
border-color: #e6a700;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--warning.is-active {
|
|
background: #e6a700;
|
|
border-color: #e6a700;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--warning.is-disabled, .el-button--warning.is-disabled:hover, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:active {
|
|
color: #FFFFFF;
|
|
background-color: #ffdd80;
|
|
border-color: #ffdd80;
|
|
}
|
|
.el-button--warning.is-plain {
|
|
color: #ffba00;
|
|
background: #fff8e6;
|
|
border-color: #ffe399;
|
|
}
|
|
.el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus {
|
|
background: #ffba00;
|
|
border-color: #ffba00;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--warning.is-plain:active {
|
|
background: #e6a700;
|
|
border-color: #e6a700;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active {
|
|
color: #ffd666;
|
|
background-color: #fff8e6;
|
|
border-color: #fff1cc;
|
|
}
|
|
|
|
.el-button--danger {
|
|
color: #FFFFFF;
|
|
background-color: #ff4949;
|
|
border-color: #ff4949;
|
|
}
|
|
.el-button--danger:hover, .el-button--danger:focus {
|
|
background: #ff6d6d;
|
|
border-color: #ff6d6d;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--danger:active {
|
|
background: #e64242;
|
|
border-color: #e64242;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--danger.is-active {
|
|
background: #e64242;
|
|
border-color: #e64242;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--danger.is-disabled, .el-button--danger.is-disabled:hover, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:active {
|
|
color: #FFFFFF;
|
|
background-color: #ffa4a4;
|
|
border-color: #ffa4a4;
|
|
}
|
|
.el-button--danger.is-plain {
|
|
color: #ff4949;
|
|
background: #ffeded;
|
|
border-color: #ffb6b6;
|
|
}
|
|
.el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus {
|
|
background: #ff4949;
|
|
border-color: #ff4949;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--danger.is-plain:active {
|
|
background: #e64242;
|
|
border-color: #e64242;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active {
|
|
color: #ff9292;
|
|
background-color: #ffeded;
|
|
border-color: #ffdbdb;
|
|
}
|
|
|
|
.el-button--info {
|
|
color: #FFFFFF;
|
|
background-color: #909399;
|
|
border-color: #909399;
|
|
}
|
|
.el-button--info:hover, .el-button--info:focus {
|
|
background: #a6a9ad;
|
|
border-color: #a6a9ad;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--info:active {
|
|
background: #82848a;
|
|
border-color: #82848a;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--info.is-active {
|
|
background: #82848a;
|
|
border-color: #82848a;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--info.is-disabled, .el-button--info.is-disabled:hover, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:active {
|
|
color: #FFFFFF;
|
|
background-color: #c8c9cc;
|
|
border-color: #c8c9cc;
|
|
}
|
|
.el-button--info.is-plain {
|
|
color: #909399;
|
|
background: #f4f4f5;
|
|
border-color: #d3d4d6;
|
|
}
|
|
.el-button--info.is-plain:hover, .el-button--info.is-plain:focus {
|
|
background: #909399;
|
|
border-color: #909399;
|
|
color: #FFFFFF;
|
|
}
|
|
.el-button--info.is-plain:active {
|
|
background: #82848a;
|
|
border-color: #82848a;
|
|
color: #FFFFFF;
|
|
outline: none;
|
|
}
|
|
.el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active {
|
|
color: #bcbec2;
|
|
background-color: #f4f4f5;
|
|
border-color: #e9e9eb;
|
|
}
|
|
|
|
.el-button--medium {
|
|
padding: 10px 20px;
|
|
font-size: 14px;
|
|
border-radius: 4px;
|
|
}
|
|
.el-button--medium.is-round {
|
|
padding: 10px 20px;
|
|
}
|
|
.el-button--medium.is-circle {
|
|
padding: 10px;
|
|
}
|
|
|
|
.el-button--small {
|
|
padding: 9px 15px;
|
|
font-size: 12px;
|
|
border-radius: 3px;
|
|
}
|
|
.el-button--small.is-round {
|
|
padding: 9px 15px;
|
|
}
|
|
.el-button--small.is-circle {
|
|
padding: 9px;
|
|
}
|
|
|
|
.el-button--mini {
|
|
padding: 7px 15px;
|
|
font-size: 12px;
|
|
border-radius: 3px;
|
|
}
|
|
.el-button--mini.is-round {
|
|
padding: 7px 15px;
|
|
}
|
|
.el-button--mini.is-circle {
|
|
padding: 7px;
|
|
}
|
|
|
|
.el-button--text {
|
|
border-color: transparent;
|
|
color: #1890ff;
|
|
background: transparent;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
.el-button--text:hover, .el-button--text:focus {
|
|
color: #46a6ff;
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
}
|
|
.el-button--text:active {
|
|
color: #1682e6;
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
}
|
|
.el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus {
|
|
border-color: transparent;
|
|
}
|
|
|
|
.el-button-group {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
.el-button-group::before,
|
|
.el-button-group::after {
|
|
display: table;
|
|
content: "";
|
|
}
|
|
|
|
.el-button-group::after {
|
|
clear: both;
|
|
}
|
|
|
|
.el-button-group > .el-button {
|
|
float: left;
|
|
position: relative;
|
|
}
|
|
.el-button-group > .el-button + .el-button {
|
|
margin-left: 0;
|
|
}
|
|
.el-button-group > .el-button.is-disabled {
|
|
z-index: 1;
|
|
}
|
|
.el-button-group > .el-button:first-child {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.el-button-group > .el-button:last-child {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
.el-button-group > .el-button:first-child:last-child {
|
|
border-top-right-radius: 4px;
|
|
border-bottom-right-radius: 4px;
|
|
border-top-left-radius: 4px;
|
|
border-bottom-left-radius: 4px;
|
|
}
|
|
.el-button-group > .el-button:first-child:last-child.is-round {
|
|
border-radius: 20px;
|
|
}
|
|
.el-button-group > .el-button:first-child:last-child.is-circle {
|
|
border-radius: 50%;
|
|
}
|
|
.el-button-group > .el-button:not(:first-child):not(:last-child) {
|
|
border-radius: 0;
|
|
}
|
|
.el-button-group > .el-button:not(:last-child) {
|
|
margin-right: -1px;
|
|
}
|
|
.el-button-group > .el-button:hover, .el-button-group > .el-button:focus, .el-button-group > .el-button:active {
|
|
z-index: 1;
|
|
}
|
|
.el-button-group > .el-button.is-active {
|
|
z-index: 1;
|
|
}
|
|
|
|
.el-button-group > .el-dropdown > .el-button {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--primary:first-child {
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--primary:last-child {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--success:first-child {
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--success:last-child {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--success:not(:first-child):not(:last-child) {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--warning:first-child {
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--warning:last-child {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--danger:first-child {
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--danger:last-child {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--info:first-child {
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--info:last-child {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.el-button-group .el-button--info:not(:first-child):not(:last-child) {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
border-right-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
|
|
.el-calendar {
|
|
background-color: #fff;
|
|
}
|
|
.el-calendar__header {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
padding: 12px 20px;
|
|
border-bottom: 1px solid #dfe6ec;
|
|
}
|
|
|
|
.el-calendar__title {
|
|
color: #000000;
|
|
-ms-flex-item-align: center;
|
|
align-self: center;
|
|
}
|
|
|
|
.el-calendar__body {
|
|
padding: 12px 20px 35px;
|
|
}
|
|
|
|
.el-calendar-table {
|
|
table-layout: fixed;
|
|
width: 100%;
|
|
}
|
|
.el-calendar-table thead th {
|
|
padding: 12px 0;
|
|
color: #606266;
|
|
font-weight: normal;
|
|
}
|
|
.el-calendar-table:not(.is-range) td.prev,
|
|
.el-calendar-table:not(.is-range) td.next {
|
|
color: #C0C4CC;
|
|
}
|
|
.el-calendar-table td {
|
|
border-bottom: 1px solid #dfe6ec;
|
|
border-right: 1px solid #dfe6ec;
|
|
vertical-align: top;
|
|
-webkit-transition: background-color 0.2s ease;
|
|
transition: background-color 0.2s ease;
|
|
}
|
|
.el-calendar-table td.is-selected {
|
|
background-color: #F2F8FE;
|
|
}
|
|
|
|
.el-calendar-table td.is-today {
|
|
color: #1890ff;
|
|
}
|
|
|
|
.el-calendar-table tr:first-child td {
|
|
border-top: 1px solid #dfe6ec;
|
|
}
|
|
.el-calendar-table tr td:first-child {
|
|
border-left: 1px solid #dfe6ec;
|
|
}
|
|
.el-calendar-table tr.el-calendar-table__row--hide-border td {
|
|
border-top: none;
|
|
}
|
|
.el-calendar-table .el-calendar-day {
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding: 8px;
|
|
height: 85px;
|
|
}
|
|
.el-calendar-table .el-calendar-day:hover {
|
|
cursor: pointer;
|
|
background-color: #F2F8FE;
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.el-backtop {
|
|
position: fixed;
|
|
background-color: #FFFFFF;
|
|
width: 40px;
|
|
height: 40px;
|
|
border-radius: 50%;
|
|
color: #1890ff;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
font-size: 20px;
|
|
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
|
|
box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
|
|
cursor: pointer;
|
|
z-index: 5;
|
|
}
|
|
.el-backtop:hover {
|
|
background-color: #F2F6FC;
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.el-page-header {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
line-height: 24px;
|
|
}
|
|
.el-page-header__left {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
cursor: pointer;
|
|
margin-right: 40px;
|
|
position: relative;
|
|
}
|
|
.el-page-header__left::after {
|
|
content: "";
|
|
position: absolute;
|
|
width: 1px;
|
|
height: 16px;
|
|
right: -20px;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
background-color: #DCDFE6;
|
|
}
|
|
.el-page-header__left .el-icon-back {
|
|
font-size: 18px;
|
|
margin-right: 6px;
|
|
-ms-flex-item-align: center;
|
|
align-self: center;
|
|
}
|
|
.el-page-header__title {
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.el-page-header__content {
|
|
font-size: 18px;
|
|
color: #303133;
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.el-checkbox {
|
|
color: #606266;
|
|
font-weight: 500;
|
|
font-size: 14px;
|
|
position: relative;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
white-space: nowrap;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
margin-right: 30px;
|
|
}
|
|
.el-checkbox.is-bordered {
|
|
padding: 9px 20px 9px 10px;
|
|
border-radius: 4px;
|
|
border: 1px solid #DCDFE6;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
line-height: normal;
|
|
height: 40px;
|
|
}
|
|
.el-checkbox.is-bordered.is-checked {
|
|
border-color: #1890ff;
|
|
}
|
|
.el-checkbox.is-bordered.is-disabled {
|
|
border-color: #e6ebf5;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-checkbox.is-bordered + .el-checkbox.is-bordered {
|
|
margin-left: 10px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--medium {
|
|
padding: 7px 20px 7px 10px;
|
|
border-radius: 4px;
|
|
height: 36px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
|
|
line-height: 17px;
|
|
font-size: 14px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
|
|
height: 14px;
|
|
width: 14px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--small {
|
|
padding: 5px 15px 5px 10px;
|
|
border-radius: 3px;
|
|
height: 32px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
|
|
line-height: 15px;
|
|
font-size: 12px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
|
|
height: 12px;
|
|
width: 12px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
|
|
height: 6px;
|
|
width: 2px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--mini {
|
|
padding: 3px 15px 3px 10px;
|
|
border-radius: 3px;
|
|
height: 28px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
|
|
line-height: 12px;
|
|
font-size: 12px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
|
|
height: 12px;
|
|
width: 12px;
|
|
}
|
|
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after {
|
|
height: 6px;
|
|
width: 2px;
|
|
}
|
|
|
|
.el-checkbox__input {
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
outline: none;
|
|
display: inline-block;
|
|
line-height: 1;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
}
|
|
.el-checkbox__input.is-disabled .el-checkbox__inner {
|
|
background-color: #edf2fc;
|
|
border-color: #DCDFE6;
|
|
cursor: not-allowed;
|
|
}
|
|
.el-checkbox__input.is-disabled .el-checkbox__inner::after {
|
|
cursor: not-allowed;
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
|
|
cursor: not-allowed;
|
|
}
|
|
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
|
|
background-color: #F2F6FC;
|
|
border-color: #DCDFE6;
|
|
}
|
|
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
|
|
background-color: #F2F6FC;
|
|
border-color: #DCDFE6;
|
|
}
|
|
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
|
|
background-color: #C0C4CC;
|
|
border-color: #C0C4CC;
|
|
}
|
|
.el-checkbox__input.is-disabled + span.el-checkbox__label {
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.el-checkbox__input.is-checked .el-checkbox__inner {
|
|
background-color: #1890ff;
|
|
border-color: #1890ff;
|
|
}
|
|
.el-checkbox__input.is-checked .el-checkbox__inner::after {
|
|
-webkit-transform: rotate(45deg) scaleY(1);
|
|
transform: rotate(45deg) scaleY(1);
|
|
}
|
|
.el-checkbox__input.is-checked + .el-checkbox__label {
|
|
color: #1890ff;
|
|
}
|
|
|
|
.el-checkbox__input.is-focus {
|
|
/*focus时 视觉上区分*/
|
|
}
|
|
.el-checkbox__input.is-focus .el-checkbox__inner {
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
|
|
background-color: #1890ff;
|
|
border-color: #1890ff;
|
|
}
|
|
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
background-color: #FFFFFF;
|
|
height: 2px;
|
|
-webkit-transform: scale(0.5);
|
|
transform: scale(0.5);
|
|
left: 0;
|
|
right: 0;
|
|
top: 5px;
|
|
}
|
|
.el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
|
|
display: none;
|
|
}
|
|
|
|
.el-checkbox__inner {
|
|
display: inline-block;
|
|
position: relative;
|
|
border: 1px solid #DCDFE6;
|
|
border-radius: 2px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
width: 14px;
|
|
height: 14px;
|
|
background-color: #FFFFFF;
|
|
z-index: 1;
|
|
-webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
|
|
transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
|
|
}
|
|
.el-checkbox__inner:hover {
|
|
border-color: #1890ff;
|
|
}
|
|
.el-checkbox__inner::after {
|
|
-webkit-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
content: "";
|
|
border: 1px solid #FFFFFF;
|
|
border-left: 0;
|
|
border-top: 0;
|
|
height: 7px;
|
|
left: 4px;
|
|
position: absolute;
|
|
top: 1px;
|
|
-webkit-transform: rotate(45deg) scaleY(0);
|
|
transform: rotate(45deg) scaleY(0);
|
|
width: 3px;
|
|
-webkit-transition: -webkit-transform 0.15s ease-in 0.05s;
|
|
transition: -webkit-transform 0.15s ease-in 0.05s;
|
|
transition: transform 0.15s ease-in 0.05s;
|
|
transition: transform 0.15s ease-in 0.05s, -webkit-transform 0.15s ease-in 0.05s;
|
|
-webkit-transform-origin: center;
|
|
transform-origin: center;
|
|
}
|
|
|
|
.el-checkbox__original {
|
|
opacity: 0;
|
|
outline: none;
|
|
position: absolute;
|
|
margin: 0;
|
|
width: 0;
|
|
height: 0;
|
|
z-index: -1;
|
|
}
|
|
|
|
.el-checkbox__label {
|
|
display: inline-block;
|
|
padding-left: 10px;
|
|
line-height: 19px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.el-checkbox:last-of-type {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.el-checkbox-button {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
.el-checkbox-button__inner {
|
|
display: inline-block;
|
|
line-height: 1;
|
|
font-weight: 500;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
background: #FFFFFF;
|
|
border: 1px solid #DCDFE6;
|
|
border-left: 0;
|
|
color: #606266;
|
|
-webkit-appearance: none;
|
|
text-align: center;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
outline: none;
|
|
margin: 0;
|
|
position: relative;
|
|
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
-moz-user-select: none;
|
|
-webkit-user-select: none;
|
|
-ms-user-select: none;
|
|
padding: 12px 20px;
|
|
font-size: 14px;
|
|
border-radius: 0;
|
|
}
|
|
.el-checkbox-button__inner.is-round {
|
|
padding: 12px 20px;
|
|
}
|
|
.el-checkbox-button__inner:hover {
|
|
color: #1890ff;
|
|
}
|
|
.el-checkbox-button__inner [class*=el-icon-] {
|
|
line-height: 0.9;
|
|
}
|
|
.el-checkbox-button__inner [class*=el-icon-] + span {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.el-checkbox-button__original {
|
|
opacity: 0;
|
|
outline: none;
|
|
position: absolute;
|
|
margin: 0;
|
|
z-index: -1;
|
|
}
|
|
|
|
.el-checkbox-button.is-checked .el-checkbox-button__inner {
|
|
color: #FFFFFF;
|
|
background-color: #1890ff;
|
|
border-color: #1890ff;
|
|
-webkit-box-shadow: -1px 0 0 0 #74bcff;
|
|
box-shadow: -1px 0 0 0 #74bcff;
|
|
}
|
|
.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
|
|
border-left-color: #1890ff;
|
|
}
|
|
.el-checkbox-button.is-disabled .el-checkbox-button__inner {
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
background-image: none;
|
|
background-color: #FFFFFF;
|
|
border-color: #e6ebf5;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
|
|
border-left-color: #e6ebf5;
|
|
}
|
|
.el-checkbox-button:first-child .el-checkbox-button__inner {
|
|
border-left: 1px solid #DCDFE6;
|
|
border-radius: 4px 0 0 4px;
|
|
-webkit-box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
.el-checkbox-button.is-focus .el-checkbox-button__inner {
|
|
border-color: #1890ff;
|
|
}
|
|
.el-checkbox-button:last-child .el-checkbox-button__inner {
|
|
border-radius: 0 4px 4px 0;
|
|
}
|
|
.el-checkbox-button--medium .el-checkbox-button__inner {
|
|
padding: 10px 20px;
|
|
font-size: 14px;
|
|
border-radius: 0;
|
|
}
|
|
.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
|
|
padding: 10px 20px;
|
|
}
|
|
|
|
.el-checkbox-button--small .el-checkbox-button__inner {
|
|
padding: 9px 15px;
|
|
font-size: 12px;
|
|
border-radius: 0;
|
|
}
|
|
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
|
|
padding: 9px 15px;
|
|
}
|
|
|
|
.el-checkbox-button--mini .el-checkbox-button__inner {
|
|
padding: 7px 15px;
|
|
font-size: 12px;
|
|
border-radius: 0;
|
|
}
|
|
.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
|
|
padding: 7px 15px;
|
|
}
|
|
|
|
.el-checkbox-group {
|
|
font-size: 0;
|
|
}
|
|
|
|
/* 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: #1890ff;
|
|
}
|
|
.el-radio.is-bordered.is-disabled {
|
|
cursor: not-allowed;
|
|
border-color: #e6ebf5;
|
|
}
|
|
.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: #dfe4ed;
|
|
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: #dfe4ed;
|
|
}
|
|
.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: #1890ff;
|
|
background: #1890ff;
|
|
}
|
|
.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: #1890ff;
|
|
}
|
|
|
|
.el-radio__input.is-focus .el-radio__inner {
|
|
border-color: #1890ff;
|
|
}
|
|
|
|
.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: #1890ff;
|
|
}
|
|
.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 0.15s ease-in;
|
|
transition: -webkit-transform 0.15s ease-in;
|
|
transition: transform 0.15s ease-in;
|
|
transition: transform 0.15s ease-in, -webkit-transform 0.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 #1890ff;
|
|
box-shadow: 0 0 2px 2px #1890ff;
|
|
}
|
|
.el-radio__label {
|
|
font-size: 14px;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
/* 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: 0.3s background-color;
|
|
transition: 0.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%;
|
|
}
|
|
|
|
.el-cascader-panel {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
border-radius: 4px;
|
|
font-size: 14px;
|
|
}
|
|
.el-cascader-panel.is-bordered {
|
|
border: solid 1px #dfe4ed;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.el-cascader-menu {
|
|
min-width: 180px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
color: #606266;
|
|
border-right: solid 1px #dfe4ed;
|
|
}
|
|
.el-cascader-menu:last-child {
|
|
border-right: none;
|
|
}
|
|
.el-cascader-menu:last-child .el-cascader-node {
|
|
padding-right: 20px;
|
|
}
|
|
.el-cascader-menu__wrap {
|
|
height: 204px;
|
|
}
|
|
|
|
.el-cascader-menu__list {
|
|
position: relative;
|
|
min-height: 100%;
|
|
margin: 0;
|
|
padding: 6px 0;
|
|
list-style: none;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.el-cascader-menu__hover-zone {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.el-cascader-menu__empty-text {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
-webkit-transform: translate(-50%, -50%);
|
|
transform: translate(-50%, -50%);
|
|
text-align: center;
|
|
color: #C0C4CC;
|
|
}
|
|
|
|
.el-cascader-node {
|
|
position: relative;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
padding: 0 30px 0 20px;
|
|
height: 34px;
|
|
line-height: 34px;
|
|
outline: none;
|
|
}
|
|
.el-cascader-node.is-selectable.in-active-path {
|
|
color: #606266;
|
|
}
|
|
.el-cascader-node.in-active-path, .el-cascader-node.is-selectable.in-checked-path, .el-cascader-node.is-active {
|
|
color: #1890ff;
|
|
font-weight: bold;
|
|
}
|
|
.el-cascader-node:not(.is-disabled) {
|
|
cursor: pointer;
|
|
}
|
|
.el-cascader-node:not(.is-disabled):hover, .el-cascader-node:not(.is-disabled):focus {
|
|
background: #F5F7FA;
|
|
}
|
|
.el-cascader-node.is-disabled {
|
|
color: #C0C4CC;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.el-cascader-node__prefix {
|
|
position: absolute;
|
|
left: 10px;
|
|
}
|
|
|
|
.el-cascader-node__postfix {
|
|
position: absolute;
|
|
right: 10px;
|
|
}
|
|
|
|
.el-cascader-node__label {
|
|
-webkit-box-flex: 1;
|
|
-ms-flex: 1;
|
|
flex: 1;
|
|
padding: 0 10px;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.el-cascader-node > .el-radio {
|
|
margin-right: 0;
|
|
}
|
|
.el-cascader-node > .el-radio .el-radio__label {
|
|
padding-left: 0;
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.el-avatar {
|
|
display: inline-block;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
color: #fff;
|
|
background: #C0C4CC;
|
|
width: 40px;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
font-size: 14px;
|
|
}
|
|
.el-avatar > img {
|
|
display: block;
|
|
height: 100%;
|
|
vertical-align: middle;
|
|
}
|
|
.el-avatar--circle {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.el-avatar--square {
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.el-avatar--icon {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.el-avatar--large {
|
|
width: 40px;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
}
|
|
|
|
.el-avatar--medium {
|
|
width: 36px;
|
|
height: 36px;
|
|
line-height: 36px;
|
|
}
|
|
|
|
.el-avatar--small {
|
|
width: 28px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
@-webkit-keyframes el-drawer-fade-in {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@keyframes el-drawer-fade-in {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@-webkit-keyframes rtl-drawer-in {
|
|
0% {
|
|
-webkit-transform: translate(100%, 0px);
|
|
transform: translate(100%, 0px);
|
|
}
|
|
100% {
|
|
-webkit-transform: translate(0px, 0px);
|
|
transform: translate(0px, 0px);
|
|
}
|
|
}
|
|
@keyframes rtl-drawer-in {
|
|
0% {
|
|
-webkit-transform: translate(100%, 0px);
|
|
transform: translate(100%, 0px);
|
|
}
|
|
100% {
|
|
-webkit-transform: translate(0px, 0px);
|
|
transform: translate(0px, 0px);
|
|
}
|
|
}
|
|
@-webkit-keyframes rtl-drawer-out {
|
|
0% {
|
|
-webkit-transform: translate(0px, 0px);
|
|
transform: translate(0px, 0px);
|
|
}
|
|
100% {
|
|
-webkit-transform: translate(100%, 0px);
|
|
transform: translate(100%, 0px);
|
|
}
|
|
}
|
|
@keyframes rtl-drawer-out {
|
|
0% {
|
|
-webkit-transform: translate(0px, 0px);
|
|
transform: translate(0px, 0px);
|
|
}
|
|
100% {
|
|
-webkit-transform: translate(100%, 0px);
|
|
transform: translate(100%, 0px);
|
|
}
|
|
}
|
|
@-webkit-keyframes ltr-drawer-in {
|
|
0% {
|
|
-webkit-transform: translate(-100%, 0px);
|
|
transform: translate(-100%, 0px);
|
|
}
|
|
100% {
|
|
-webkit-transform: translate(0px, 0px);
|
|
transform: translate(0px, 0px);
|
|
}
|
|
}
|
|
@keyframes ltr-drawer-in {
|
|
0% {
|
|
-webkit-transform: translate(-100%, 0px);
|
|
transform: translate(-100%, 0px);
|
|
}
|
|
100% {
|
|
-webkit-transform: translate(0px, 0px);
|
|
transform: translate(0px, 0px);
|
|
}
|
|
}
|
|
@-webkit-keyframes ltr-drawer-out {
|
|
0% {
|
|
-webkit-transform: translate(0px, 0px);
|
|
transform: translate(0px, 0px);
|
|
}
|
|
100% {
|
|
-webkit-transform: translate(-100%, 0px);
|
|
transform: translate(-100%, 0px);
|
|
}
|
|
}
|
|
@keyframes ltr-drawer-out {
|
|
0% {
|
|
-webkit-transform: translate(0px, 0px);
|
|
transform: translate(0px, 0px);
|
|
}
|
|
100% {
|
|
-webkit-transform: translate(-100%, 0px);
|
|
transform: translate(-100%, 0px);
|
|
}
|
|
}
|
|
@-webkit-keyframes ttb-drawer-in {
|
|
0% {
|
|
-webkit-transform: translate(0px, -100%);
|
|
transform: translate(0px, -100%);
|
|
}
|
|
100% {
|
|
-webkit-transform: translate(0px, 0px);
|
|
transform: translate(0px, 0px);
|
|
}
|
|
}
|
|
@keyframes ttb-drawer-in {
|
|
0% {
|
|
-webkit-transform: translate(0px, -100%);
|
|
transform: translate(0px, -100%);
|
|
}
|
|
100% {
|
|
-webkit-transform: translate(0px, 0px);
|
|
transform: translate(0px, 0px);
|
|
}
|
|
}
|
|
@-webkit-keyframes ttb-drawer-out {
|
|
0% {
|
|
-webkit-transform: translate(0px, 0px);
|
|
transform: translate(0px, 0px);
|
|
}
|
|
100% {
|
|
-webkit-transform: translate(0px, -100%);
|
|
transform: translate(0px, -100%);
|
|
}
|
|
}
|
|
@keyframes ttb-drawer-out {
|
|
0% {
|
|
-webkit-transform: translate(0px, 0px);
|
|
transform: translate(0px, 0px);
|
|
}
|
|
100% {
|
|
-webkit-transform: translate(0px, -100%);
|
|
transform: translate(0px, -100%);
|
|
}
|
|
}
|
|
@-webkit-keyframes btt-drawer-in {
|
|
0% {
|
|
-webkit-transform: translate(0px, 100%);
|
|
transform: translate(0px, 100%);
|
|
}
|
|
100% {
|
|
-webkit-transform: translate(0px, 0px);
|
|
transform: translate(0px, 0px);
|
|
}
|
|
}
|
|
@keyframes btt-drawer-in {
|
|
0% {
|
|
-webkit-transform: translate(0px, 100%);
|
|
transform: translate(0px, 100%);
|
|
}
|
|
100% {
|
|
-webkit-transform: translate(0px, 0px);
|
|
transform: translate(0px, 0px);
|
|
}
|
|
}
|
|
@-webkit-keyframes btt-drawer-out {
|
|
0% {
|
|
-webkit-transform: translate(0px, 0);
|
|
transform: translate(0px, 0);
|
|
}
|
|
100% {
|
|
-webkit-transform: translate(0px, 100%);
|
|
transform: translate(0px, 100%);
|
|
}
|
|
}
|
|
@keyframes btt-drawer-out {
|
|
0% {
|
|
-webkit-transform: translate(0px, 0);
|
|
transform: translate(0px, 0);
|
|
}
|
|
100% {
|
|
-webkit-transform: translate(0px, 100%);
|
|
transform: translate(0px, 100%);
|
|
}
|
|
}
|
|
.el-drawer {
|
|
position: absolute;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
background-color: #FFFFFF;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
-webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
|
|
box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
|
|
overflow: hidden;
|
|
}
|
|
.el-drawer.rtl {
|
|
-webkit-animation: rtl-drawer-out 0.3s;
|
|
animation: rtl-drawer-out 0.3s;
|
|
}
|
|
.el-drawer__open .el-drawer.rtl {
|
|
-webkit-animation: rtl-drawer-in 0.3s 1ms;
|
|
animation: rtl-drawer-in 0.3s 1ms;
|
|
}
|
|
.el-drawer.ltr {
|
|
-webkit-animation: ltr-drawer-out 0.3s;
|
|
animation: ltr-drawer-out 0.3s;
|
|
}
|
|
.el-drawer__open .el-drawer.ltr {
|
|
-webkit-animation: ltr-drawer-in 0.3s 1ms;
|
|
animation: ltr-drawer-in 0.3s 1ms;
|
|
}
|
|
.el-drawer.ttb {
|
|
-webkit-animation: ttb-drawer-out 0.3s;
|
|
animation: ttb-drawer-out 0.3s;
|
|
}
|
|
.el-drawer__open .el-drawer.ttb {
|
|
-webkit-animation: ttb-drawer-in 0.3s 1ms;
|
|
animation: ttb-drawer-in 0.3s 1ms;
|
|
}
|
|
.el-drawer.btt {
|
|
-webkit-animation: btt-drawer-out 0.3s;
|
|
animation: btt-drawer-out 0.3s;
|
|
}
|
|
.el-drawer__open .el-drawer.btt {
|
|
-webkit-animation: btt-drawer-in 0.3s 1ms;
|
|
animation: btt-drawer-in 0.3s 1ms;
|
|
}
|
|
.el-drawer__wrapper {
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
overflow: hidden;
|
|
margin: 0;
|
|
}
|
|
.el-drawer__header {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
color: #72767b;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
margin-bottom: 32px;
|
|
padding: 20px;
|
|
padding-bottom: 0;
|
|
}
|
|
.el-drawer__header > :first-child {
|
|
-webkit-box-flex: 1;
|
|
-ms-flex: 1;
|
|
flex: 1;
|
|
}
|
|
.el-drawer__title {
|
|
margin: 0;
|
|
-webkit-box-flex: 1;
|
|
-ms-flex: 1;
|
|
flex: 1;
|
|
line-height: inherit;
|
|
font-size: 1rem;
|
|
}
|
|
.el-drawer__close-btn {
|
|
border: none;
|
|
cursor: pointer;
|
|
font-size: 20px;
|
|
color: inherit;
|
|
background-color: transparent;
|
|
}
|
|
.el-drawer__body {
|
|
-webkit-box-flex: 1;
|
|
-ms-flex: 1;
|
|
flex: 1;
|
|
}
|
|
.el-drawer__body > * {
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.el-drawer.ltr, .el-drawer.rtl {
|
|
height: 100%;
|
|
top: 0;
|
|
bottom: 0;
|
|
}
|
|
.el-drawer.ttb, .el-drawer.btt {
|
|
width: 100%;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
.el-drawer.ltr {
|
|
left: 0;
|
|
}
|
|
.el-drawer.rtl {
|
|
right: 0;
|
|
}
|
|
.el-drawer.ttb {
|
|
top: 0;
|
|
}
|
|
.el-drawer.btt {
|
|
bottom: 0;
|
|
}
|
|
|
|
.el-drawer__container {
|
|
position: relative;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.el-drawer-fade-enter-active {
|
|
-webkit-animation: el-drawer-fade-in 0.3s;
|
|
animation: el-drawer-fade-in 0.3s;
|
|
}
|
|
|
|
.el-drawer-fade-leave-active {
|
|
animation: el-drawer-fade-in 0.3s reverse;
|
|
}
|
|
|
|
/* BEM support Func
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
/* Break-points
|
|
-------------------------- */
|
|
/* Scrollbar
|
|
-------------------------- */
|
|
/* Placeholder
|
|
-------------------------- */
|
|
/* BEM
|
|
-------------------------- */
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Color
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Typography
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* MessageBox
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popup
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Timeline
|
|
--------------------------*/
|
|
/* Backtop
|
|
--------------------------*/
|
|
/* Link
|
|
--------------------------*/
|
|
/* Calendar
|
|
--------------------------*/
|
|
/* Form
|
|
-------------------------- */
|
|
/* Avatar
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.el-popconfirm__main {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.el-popconfirm__icon {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.el-popconfirm__action {
|
|
text-align: right;
|
|
margin: 0;
|
|
}</style><style type="text/css">/* fade */
|
|
.fade-enter-active,
|
|
.fade-leave-active {
|
|
-webkit-transition: opacity 0.28s;
|
|
transition: opacity 0.28s;
|
|
}
|
|
|
|
.fade-enter,
|
|
.fade-leave-active {
|
|
opacity: 0;
|
|
}
|
|
|
|
/* fade-transform */
|
|
.fade-transform-leave-active,
|
|
.fade-transform-enter-active {
|
|
-webkit-transition: all 0.5s;
|
|
transition: all 0.5s;
|
|
}
|
|
|
|
.fade-transform-enter {
|
|
opacity: 0;
|
|
-webkit-transform: translateX(-30px);
|
|
transform: translateX(-30px);
|
|
}
|
|
|
|
.fade-transform-leave-to {
|
|
opacity: 0;
|
|
-webkit-transform: translateX(30px);
|
|
transform: translateX(30px);
|
|
}
|
|
|
|
/* breadcrumb transition */
|
|
.breadcrumb-enter-active,
|
|
.breadcrumb-leave-active {
|
|
-webkit-transition: all 0.5s;
|
|
transition: all 0.5s;
|
|
}
|
|
|
|
.breadcrumb-enter,
|
|
.breadcrumb-leave-active {
|
|
opacity: 0;
|
|
-webkit-transform: translateX(20px);
|
|
transform: translateX(20px);
|
|
}
|
|
|
|
.breadcrumb-move {
|
|
-webkit-transition: all 0.5s;
|
|
transition: all 0.5s;
|
|
}
|
|
|
|
.breadcrumb-leave-active {
|
|
position: absolute;
|
|
}
|
|
|
|
.el-breadcrumb__inner,
|
|
.el-breadcrumb__inner a {
|
|
font-weight: 400 !important;
|
|
}
|
|
|
|
.el-upload input[type=file] {
|
|
display: none !important;
|
|
}
|
|
|
|
.el-upload__input {
|
|
display: none;
|
|
}
|
|
|
|
.cell .el-tag {
|
|
margin-right: 0px;
|
|
}
|
|
|
|
.small-padding .cell {
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.fixed-width .el-button--mini {
|
|
padding: 7px 10px;
|
|
min-width: 60px;
|
|
}
|
|
|
|
.status-col .cell {
|
|
padding: 0 10px;
|
|
text-align: center;
|
|
}
|
|
.status-col .cell .el-tag {
|
|
margin-right: 0px;
|
|
}
|
|
|
|
.el-dialog {
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
left: 0;
|
|
position: relative;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.upload-container .el-upload {
|
|
width: 100%;
|
|
}
|
|
.upload-container .el-upload .el-upload-dragger {
|
|
width: 100%;
|
|
height: 200px;
|
|
}
|
|
|
|
.el-dropdown-menu a {
|
|
display: block;
|
|
}
|
|
|
|
.el-range-editor.el-input__inner {
|
|
display: -webkit-inline-box !important;
|
|
display: -ms-inline-flexbox !important;
|
|
display: inline-flex !important;
|
|
}
|
|
|
|
.el-range-separator {
|
|
-webkit-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
}
|
|
|
|
#app .main-container {
|
|
min-height: 100%;
|
|
-webkit-transition: margin-left 0.28s;
|
|
transition: margin-left 0.28s;
|
|
margin-left: 210px;
|
|
position: relative;
|
|
}
|
|
#app .sidebar-container {
|
|
-webkit-transition: width 0.28s;
|
|
transition: width 0.28s;
|
|
width: 210px !important;
|
|
background-color: #304156;
|
|
height: 100%;
|
|
position: fixed;
|
|
font-size: 0px;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 1001;
|
|
overflow: hidden;
|
|
}
|
|
#app .sidebar-container .horizontal-collapse-transition {
|
|
-webkit-transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
|
|
transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
|
|
}
|
|
#app .sidebar-container .scrollbar-wrapper {
|
|
overflow-x: hidden !important;
|
|
}
|
|
#app .sidebar-container .el-scrollbar__bar.is-vertical {
|
|
right: 0px;
|
|
}
|
|
#app .sidebar-container .el-scrollbar {
|
|
height: 100%;
|
|
}
|
|
#app .sidebar-container.has-logo .el-scrollbar {
|
|
height: calc(100% - 50px);
|
|
}
|
|
#app .sidebar-container .is-horizontal {
|
|
display: none;
|
|
}
|
|
#app .sidebar-container a {
|
|
display: inline-block;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
#app .sidebar-container .svg-icon {
|
|
margin-right: 16px;
|
|
}
|
|
#app .sidebar-container .sub-el-icon {
|
|
margin-right: 12px;
|
|
margin-left: -2px;
|
|
}
|
|
#app .sidebar-container .el-menu {
|
|
border: none;
|
|
height: 100%;
|
|
width: 100% !important;
|
|
}
|
|
#app .sidebar-container .submenu-title-noDropdown:hover,
|
|
#app .sidebar-container .el-submenu__title:hover {
|
|
background-color: #263445 !important;
|
|
}
|
|
#app .sidebar-container .is-active > .el-submenu__title {
|
|
color: #f4f4f5 !important;
|
|
}
|
|
#app .sidebar-container .nest-menu .el-submenu > .el-submenu__title, #app .sidebar-container .el-submenu .el-menu-item {
|
|
min-width: 210px !important;
|
|
background-color: #1f2d3d !important;
|
|
}
|
|
#app .sidebar-container .nest-menu .el-submenu > .el-submenu__title:hover, #app .sidebar-container .el-submenu .el-menu-item:hover {
|
|
background-color: #001528 !important;
|
|
}
|
|
#app .hideSidebar .sidebar-container {
|
|
width: 54px !important;
|
|
}
|
|
#app .hideSidebar .main-container {
|
|
margin-left: 54px;
|
|
}
|
|
#app .hideSidebar .submenu-title-noDropdown {
|
|
padding: 0 !important;
|
|
position: relative;
|
|
}
|
|
#app .hideSidebar .submenu-title-noDropdown .el-tooltip {
|
|
padding: 0 !important;
|
|
}
|
|
#app .hideSidebar .submenu-title-noDropdown .el-tooltip .svg-icon {
|
|
margin-left: 20px;
|
|
}
|
|
#app .hideSidebar .submenu-title-noDropdown .el-tooltip .sub-el-icon {
|
|
margin-left: 19px;
|
|
}
|
|
#app .hideSidebar .el-submenu {
|
|
overflow: hidden;
|
|
}
|
|
#app .hideSidebar .el-submenu > .el-submenu__title {
|
|
padding: 0 !important;
|
|
}
|
|
#app .hideSidebar .el-submenu > .el-submenu__title .svg-icon {
|
|
margin-left: 20px;
|
|
}
|
|
#app .hideSidebar .el-submenu > .el-submenu__title .sub-el-icon {
|
|
margin-left: 19px;
|
|
}
|
|
#app .hideSidebar .el-submenu > .el-submenu__title .el-submenu__icon-arrow {
|
|
display: none;
|
|
}
|
|
#app .hideSidebar .el-menu--collapse .el-submenu > .el-submenu__title > span {
|
|
height: 0;
|
|
width: 0;
|
|
overflow: hidden;
|
|
visibility: hidden;
|
|
display: inline-block;
|
|
}
|
|
#app .el-menu--collapse .el-menu .el-submenu {
|
|
min-width: 210px !important;
|
|
}
|
|
#app .mobile .main-container {
|
|
margin-left: 0px;
|
|
}
|
|
#app .mobile .sidebar-container {
|
|
-webkit-transition: -webkit-transform 0.28s;
|
|
transition: -webkit-transform 0.28s;
|
|
transition: transform 0.28s;
|
|
transition: transform 0.28s, -webkit-transform 0.28s;
|
|
width: 210px !important;
|
|
}
|
|
#app .mobile.hideSidebar .sidebar-container {
|
|
pointer-events: none;
|
|
-webkit-transition-duration: 0.3s;
|
|
transition-duration: 0.3s;
|
|
-webkit-transform: translate3d(-210px, 0, 0);
|
|
transform: translate3d(-210px, 0, 0);
|
|
}
|
|
#app .withoutAnimation .main-container,
|
|
#app .withoutAnimation .sidebar-container {
|
|
-webkit-transition: none;
|
|
transition: none;
|
|
}
|
|
|
|
.el-menu--vertical > .el-menu .svg-icon {
|
|
margin-right: 16px;
|
|
}
|
|
.el-menu--vertical > .el-menu .sub-el-icon {
|
|
margin-right: 12px;
|
|
margin-left: -2px;
|
|
}
|
|
.el-menu--vertical .nest-menu .el-submenu > .el-submenu__title:hover,
|
|
.el-menu--vertical .el-menu-item:hover {
|
|
background-color: #263445 !important;
|
|
}
|
|
.el-menu--vertical > .el-menu--popup {
|
|
max-height: 100vh;
|
|
overflow-y: auto;
|
|
}
|
|
.el-menu--vertical > .el-menu--popup::-webkit-scrollbar-track-piece {
|
|
background: #d3dce6;
|
|
}
|
|
.el-menu--vertical > .el-menu--popup::-webkit-scrollbar {
|
|
width: 6px;
|
|
}
|
|
.el-menu--vertical > .el-menu--popup::-webkit-scrollbar-thumb {
|
|
background: #99a9bf;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
.blue-btn {
|
|
background: #324157;
|
|
}
|
|
.blue-btn:hover {
|
|
color: #324157;
|
|
}
|
|
.blue-btn:hover:before, .blue-btn:hover:after {
|
|
background: #324157;
|
|
}
|
|
|
|
.light-blue-btn {
|
|
background: #3A71A8;
|
|
}
|
|
.light-blue-btn:hover {
|
|
color: #3A71A8;
|
|
}
|
|
.light-blue-btn:hover:before, .light-blue-btn:hover:after {
|
|
background: #3A71A8;
|
|
}
|
|
|
|
.red-btn {
|
|
background: #C03639;
|
|
}
|
|
.red-btn:hover {
|
|
color: #C03639;
|
|
}
|
|
.red-btn:hover:before, .red-btn:hover:after {
|
|
background: #C03639;
|
|
}
|
|
|
|
.pink-btn {
|
|
background: #E65D6E;
|
|
}
|
|
.pink-btn:hover {
|
|
color: #E65D6E;
|
|
}
|
|
.pink-btn:hover:before, .pink-btn:hover:after {
|
|
background: #E65D6E;
|
|
}
|
|
|
|
.green-btn {
|
|
background: #30B08F;
|
|
}
|
|
.green-btn:hover {
|
|
color: #30B08F;
|
|
}
|
|
.green-btn:hover:before, .green-btn:hover:after {
|
|
background: #30B08F;
|
|
}
|
|
|
|
.tiffany-btn {
|
|
background: #4AB7BD;
|
|
}
|
|
.tiffany-btn:hover {
|
|
color: #4AB7BD;
|
|
}
|
|
.tiffany-btn:hover:before, .tiffany-btn:hover:after {
|
|
background: #4AB7BD;
|
|
}
|
|
|
|
.yellow-btn {
|
|
background: #FEC171;
|
|
}
|
|
.yellow-btn:hover {
|
|
color: #FEC171;
|
|
}
|
|
.yellow-btn:hover:before, .yellow-btn:hover:after {
|
|
background: #FEC171;
|
|
}
|
|
|
|
.pan-btn {
|
|
font-size: 14px;
|
|
color: #fff;
|
|
padding: 14px 36px;
|
|
border-radius: 8px;
|
|
border: none;
|
|
outline: none;
|
|
-webkit-transition: 600ms ease all;
|
|
transition: 600ms ease all;
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
.pan-btn:hover {
|
|
background: #fff;
|
|
}
|
|
.pan-btn:hover:before, .pan-btn:hover:after {
|
|
width: 100%;
|
|
-webkit-transition: 600ms ease all;
|
|
transition: 600ms ease all;
|
|
}
|
|
.pan-btn:before, .pan-btn:after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
height: 2px;
|
|
width: 0;
|
|
-webkit-transition: 400ms ease all;
|
|
transition: 400ms ease all;
|
|
}
|
|
.pan-btn::after {
|
|
right: inherit;
|
|
top: inherit;
|
|
left: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
.custom-button {
|
|
display: inline-block;
|
|
line-height: 1;
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
background: #fff;
|
|
color: #fff;
|
|
-webkit-appearance: none;
|
|
text-align: center;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
outline: 0;
|
|
margin: 0;
|
|
padding: 10px 15px;
|
|
font-size: 14px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
body {
|
|
height: 100%;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
-webkit-font-smoothing: antialiased;
|
|
text-rendering: optimizeLegibility;
|
|
font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
|
|
}
|
|
|
|
label {
|
|
font-weight: 700;
|
|
}
|
|
|
|
html {
|
|
height: 100%;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
#app {
|
|
height: 100%;
|
|
}
|
|
|
|
*,
|
|
*:before,
|
|
*:after {
|
|
-webkit-box-sizing: inherit;
|
|
box-sizing: inherit;
|
|
}
|
|
|
|
.no-padding {
|
|
padding: 0px !important;
|
|
}
|
|
|
|
.padding-content {
|
|
padding: 4px 0;
|
|
}
|
|
|
|
a:focus,
|
|
a:active {
|
|
outline: none;
|
|
}
|
|
|
|
a,
|
|
a:focus,
|
|
a:hover {
|
|
cursor: pointer;
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
div:focus {
|
|
outline: none;
|
|
}
|
|
|
|
.fr {
|
|
float: right;
|
|
}
|
|
|
|
.fl {
|
|
float: left;
|
|
}
|
|
|
|
.pr-5 {
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.pl-5 {
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.block {
|
|
display: block;
|
|
}
|
|
|
|
.pointer {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.inlineBlock {
|
|
display: block;
|
|
}
|
|
|
|
.clearfix:after {
|
|
visibility: hidden;
|
|
display: block;
|
|
font-size: 0;
|
|
content: " ";
|
|
clear: both;
|
|
height: 0;
|
|
}
|
|
|
|
aside {
|
|
background: #eef1f6;
|
|
padding: 8px 24px;
|
|
margin-bottom: 20px;
|
|
border-radius: 2px;
|
|
display: block;
|
|
line-height: 32px;
|
|
font-size: 16px;
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
|
color: #2c3e50;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
aside a {
|
|
color: #337ab7;
|
|
cursor: pointer;
|
|
}
|
|
aside a:hover {
|
|
color: #20a0ff;
|
|
}
|
|
|
|
.app-container {
|
|
padding: 20px;
|
|
}
|
|
|
|
.components-container {
|
|
margin: 30px 50px;
|
|
position: relative;
|
|
}
|
|
|
|
.pagination-container {
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.text-center {
|
|
text-align: center;
|
|
}
|
|
|
|
.sub-navbar {
|
|
height: 50px;
|
|
line-height: 50px;
|
|
position: relative;
|
|
width: 100%;
|
|
text-align: right;
|
|
padding-right: 20px;
|
|
-webkit-transition: 600ms ease position;
|
|
transition: 600ms ease position;
|
|
background: -webkit-gradient(linear, left top, right top, from(#20b6f9), color-stop(0%, #20b6f9), color-stop(100%, #2178f1), to(#2178f1));
|
|
background: linear-gradient(90deg, #20b6f9 0%, #20b6f9 0%, #2178f1 100%, #2178f1 100%);
|
|
}
|
|
.sub-navbar .subtitle {
|
|
font-size: 20px;
|
|
color: #fff;
|
|
}
|
|
.sub-navbar.draft {
|
|
background: #d0d0d0;
|
|
}
|
|
.sub-navbar.deleted {
|
|
background: #d0d0d0;
|
|
}
|
|
|
|
.link-type,
|
|
.link-type:focus {
|
|
color: #337ab7;
|
|
cursor: pointer;
|
|
}
|
|
.link-type:hover,
|
|
.link-type:focus:hover {
|
|
color: #20a0ff;
|
|
}
|
|
|
|
.filter-container {
|
|
padding-bottom: 10px;
|
|
}
|
|
.filter-container .filter-item {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.multiselect {
|
|
line-height: 16px;
|
|
}
|
|
|
|
.multiselect--active {
|
|
z-index: 1000 !important;
|
|
}</style><style type="text/css">
|
|
.showRightPanel {
|
|
overflow: hidden;
|
|
position: relative;
|
|
width: calc(100% - 15px);
|
|
}
|
|
</style><style type="text/css">.rightPanel-background[data-v-1e488bfb] {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
opacity: 0;
|
|
-webkit-transition: opacity 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
|
|
transition: opacity 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
|
|
background: rgba(0, 0, 0, 0.2);
|
|
z-index: -1;
|
|
}
|
|
.rightPanel[data-v-1e488bfb] {
|
|
width: 100%;
|
|
max-width: 260px;
|
|
height: 100vh;
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
|
|
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
|
|
-webkit-transition: all 0.25s cubic-bezier(0.7, 0.3, 0.1, 1);
|
|
transition: all 0.25s cubic-bezier(0.7, 0.3, 0.1, 1);
|
|
-webkit-transform: translate(100%);
|
|
transform: translate(100%);
|
|
background: #fff;
|
|
z-index: 40000;
|
|
}
|
|
.show[data-v-1e488bfb] {
|
|
-webkit-transition: all 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
|
|
transition: all 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
|
|
}
|
|
.show .rightPanel-background[data-v-1e488bfb] {
|
|
z-index: 20000;
|
|
opacity: 1;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.show .rightPanel[data-v-1e488bfb] {
|
|
-webkit-transform: translate(0);
|
|
transform: translate(0);
|
|
}
|
|
.handle-button[data-v-1e488bfb] {
|
|
width: 48px;
|
|
height: 48px;
|
|
position: absolute;
|
|
left: -48px;
|
|
text-align: center;
|
|
font-size: 24px;
|
|
border-radius: 6px 0 0 6px !important;
|
|
z-index: 0;
|
|
pointer-events: auto;
|
|
cursor: pointer;
|
|
color: #fff;
|
|
line-height: 48px;
|
|
}
|
|
.handle-button i[data-v-1e488bfb] {
|
|
font-size: 24px;
|
|
line-height: 48px;
|
|
}</style><style type="text/css">.app-main[data-v-078753dd] {
|
|
/* 50= navbar 50 */
|
|
min-height: calc(100vh - 50px);
|
|
width: 100%;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.fixed-header + .app-main[data-v-078753dd] {
|
|
padding-top: 50px;
|
|
}
|
|
.hasTagsView .app-main[data-v-078753dd] {
|
|
/* 84 = navbar + tags-view = 50 + 34 */
|
|
min-height: calc(100vh - 84px);
|
|
}
|
|
.hasTagsView .fixed-header + .app-main[data-v-078753dd] {
|
|
padding-top: 84px;
|
|
}</style><style type="text/css">.el-popup-parent--hidden .fixed-header {
|
|
padding-right: 15px;
|
|
}</style><style type="text/css">.app-breadcrumb.el-breadcrumb[data-v-b50ef614] {
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
line-height: 50px;
|
|
margin-left: 8px;
|
|
}
|
|
.app-breadcrumb.el-breadcrumb .no-redirect[data-v-b50ef614] {
|
|
color: #97a8be;
|
|
cursor: text;
|
|
}</style><style type="text/css">
|
|
.hamburger[data-v-4e6f274c] {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
.hamburger.is-active[data-v-4e6f274c] {
|
|
-webkit-transform: rotate(180deg);
|
|
transform: rotate(180deg);
|
|
}
|
|
</style><style type="text/css">
|
|
.message-title[data-v-cf51e862] {
|
|
font-size: 16px;
|
|
color: #333;
|
|
font-weight: bold;
|
|
padding-right: 8px;
|
|
}
|
|
</style><style type="text/css">
|
|
.screenfull-svg[data-v-29234bee] {
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
fill: #5a5e66;;
|
|
width: 20px;
|
|
height: 20px;
|
|
vertical-align: 10px;
|
|
}
|
|
</style><style type="text/css">
|
|
#userinfo-style .el-upload--picture-card{
|
|
width: 60px !important;
|
|
height: 60px !important;
|
|
border-radius: 50px;
|
|
}
|
|
</style><style type="text/css">.avatar-uploader .el-upload[data-v-d16d6306] {
|
|
border: 1px dashed #d9d9d9;
|
|
border-radius: 6px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.avatar-uploader .el-upload[data-v-d16d6306]:hover {
|
|
border-color: #409EFF;
|
|
}
|
|
.avatar-uploader-icon[data-v-d16d6306] {
|
|
font-size: 28px;
|
|
color: #8c939d;
|
|
width: 178px;
|
|
height: 178px;
|
|
line-height: 178px;
|
|
text-align: center;
|
|
}
|
|
.avatar[data-v-d16d6306] {
|
|
width: 100%;
|
|
height: auto;
|
|
display: block;
|
|
}
|
|
.menu-text[data-v-d16d6306] {
|
|
width: 85%;
|
|
margin: 15px auto;
|
|
padding-bottom: 5px;
|
|
text-align: center;
|
|
font-size: 14px;
|
|
color: #101010;
|
|
border-bottom: 1px #BBBBBB solid;
|
|
cursor: pointer;
|
|
}
|
|
.dialog-footer[data-v-d16d6306] {
|
|
text-align: center;
|
|
}
|
|
.navbar[data-v-d16d6306] {
|
|
height: 50px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
background: #fff;
|
|
-webkit-box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
|
|
box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
|
|
}
|
|
.navbar .hamburger-container[data-v-d16d6306] {
|
|
line-height: 46px;
|
|
height: 100%;
|
|
float: left;
|
|
cursor: pointer;
|
|
-webkit-transition: background 0.3s;
|
|
transition: background 0.3s;
|
|
-webkit-tap-highlight-color: transparent;
|
|
}
|
|
.navbar .hamburger-container[data-v-d16d6306]:hover {
|
|
background: rgba(0, 0, 0, 0.025);
|
|
}
|
|
.navbar .breadcrumb-container[data-v-d16d6306] {
|
|
float: left;
|
|
}
|
|
.navbar .errLog-container[data-v-d16d6306] {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
.navbar .right-menu[data-v-d16d6306] {
|
|
float: right;
|
|
height: 100%;
|
|
line-height: 50px;
|
|
}
|
|
.navbar .right-menu[data-v-d16d6306]:focus {
|
|
outline: none;
|
|
}
|
|
.navbar .right-menu .right-menu-item[data-v-d16d6306] {
|
|
display: inline-block;
|
|
padding: 0 8px;
|
|
height: 100%;
|
|
font-size: 18px;
|
|
color: #5a5e66;
|
|
vertical-align: text-bottom;
|
|
}
|
|
.navbar .right-menu .right-menu-item.hover-effect[data-v-d16d6306] {
|
|
cursor: pointer;
|
|
-webkit-transition: background 0.3s;
|
|
transition: background 0.3s;
|
|
}
|
|
.navbar .right-menu .right-menu-item.hover-effect[data-v-d16d6306]:hover {
|
|
background: rgba(0, 0, 0, 0.025);
|
|
}
|
|
.navbar .right-menu .avatar-container[data-v-d16d6306] {
|
|
margin-right: 30px;
|
|
}
|
|
.navbar .right-menu .avatar-container .avatar-wrapper[data-v-d16d6306] {
|
|
margin-top: 5px;
|
|
position: relative;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
.navbar .right-menu .avatar-container .avatar-wrapper .user-avatar[data-v-d16d6306] {
|
|
cursor: pointer;
|
|
width: 40px;
|
|
height: 40px;
|
|
border-radius: 10px;
|
|
}
|
|
.navbar .right-menu .avatar-container .avatar-wrapper .el-icon-caret-bottom[data-v-d16d6306] {
|
|
cursor: pointer;
|
|
position: absolute;
|
|
right: -20px;
|
|
top: 25px;
|
|
font-size: 12px;
|
|
}</style><style type="text/css">
|
|
.theme-message,
|
|
.theme-picker-dropdown {
|
|
z-index: 99999 !important;
|
|
}
|
|
.theme-picker .el-color-picker__trigger {
|
|
height: 26px !important;
|
|
width: 26px !important;
|
|
padding: 2px;
|
|
}
|
|
.theme-picker-dropdown .el-color-dropdown__link-btn {
|
|
display: none;
|
|
}
|
|
</style><style type="text/css">.drawer-container[data-v-126b135a] {
|
|
padding: 24px;
|
|
font-size: 14px;
|
|
line-height: 1.5;
|
|
word-wrap: break-word;
|
|
}
|
|
.drawer-container .drawer-title[data-v-126b135a] {
|
|
margin-bottom: 12px;
|
|
color: rgba(0, 0, 0, 0.85);
|
|
font-size: 14px;
|
|
line-height: 22px;
|
|
}
|
|
.drawer-container .drawer-item[data-v-126b135a] {
|
|
color: rgba(0, 0, 0, 0.65);
|
|
font-size: 14px;
|
|
padding: 12px 0;
|
|
}
|
|
.drawer-container .drawer-switch[data-v-126b135a] {
|
|
float: right;
|
|
}
|
|
.drawer-container .job-link[data-v-126b135a] {
|
|
display: block;
|
|
position: absolute;
|
|
width: 100%;
|
|
left: 0;
|
|
bottom: 0;
|
|
}</style><style type="text/css">.sidebarLogoFade-enter-active[data-v-6494804b] {
|
|
-webkit-transition: opacity 1.5s;
|
|
transition: opacity 1.5s;
|
|
}
|
|
.sidebarLogoFade-enter[data-v-6494804b],
|
|
.sidebarLogoFade-leave-to[data-v-6494804b] {
|
|
opacity: 0;
|
|
}
|
|
.sidebar-logo-container[data-v-6494804b] {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 50px;
|
|
line-height: 50px;
|
|
background: #2b2f3a;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
}
|
|
.sidebar-logo-container .sidebar-logo-link[data-v-6494804b] {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
.sidebar-logo-container .sidebar-logo-link .sidebar-logo[data-v-6494804b] {
|
|
width: 32px;
|
|
height: 32px;
|
|
vertical-align: middle;
|
|
margin-right: 12px;
|
|
}
|
|
.sidebar-logo-container .sidebar-logo-link .sidebar-title[data-v-6494804b] {
|
|
display: inline-block;
|
|
margin: 0;
|
|
color: #fff;
|
|
font-weight: 600;
|
|
line-height: 50px;
|
|
font-size: 14px;
|
|
font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
|
|
vertical-align: middle;
|
|
}
|
|
.sidebar-logo-container.collapse .sidebar-logo[data-v-6494804b] {
|
|
margin-right: 0px;
|
|
}</style><style type="text/css">
|
|
.sub-el-icon[data-v-31ea41b3] {
|
|
color: currentColor;
|
|
width: 1em;
|
|
height: 1em;
|
|
}
|
|
</style><style type="text/css"></style><style type="text/css">.scroll-container[data-v-be6b7bae] {
|
|
white-space: nowrap;
|
|
position: relative;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
}
|
|
.scroll-container[data-v-be6b7bae] .el-scrollbar__bar {
|
|
bottom: 0px;
|
|
}
|
|
.scroll-container[data-v-be6b7bae] .el-scrollbar__wrap {
|
|
height: 49px;
|
|
}</style><style type="text/css">.tags-view-container[data-v-fac8ca64] {
|
|
height: 34px;
|
|
width: 100%;
|
|
background: #fff;
|
|
border-bottom: 1px solid #d8dce5;
|
|
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 0 3px 0 rgba(0, 0, 0, 0.04);
|
|
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 0 3px 0 rgba(0, 0, 0, 0.04);
|
|
}
|
|
.tags-view-container .tags-view-wrapper .tags-view-item[data-v-fac8ca64] {
|
|
display: inline-block;
|
|
position: relative;
|
|
cursor: pointer;
|
|
height: 26px;
|
|
line-height: 26px;
|
|
border: 1px solid #d8dce5;
|
|
color: #495060;
|
|
background: #fff;
|
|
padding: 0 8px;
|
|
font-size: 12px;
|
|
margin-left: 5px;
|
|
margin-top: 4px;
|
|
}
|
|
.tags-view-container .tags-view-wrapper .tags-view-item[data-v-fac8ca64]:first-of-type {
|
|
margin-left: 15px;
|
|
}
|
|
.tags-view-container .tags-view-wrapper .tags-view-item[data-v-fac8ca64]:last-of-type {
|
|
margin-right: 15px;
|
|
}
|
|
.tags-view-container .tags-view-wrapper .tags-view-item.active[data-v-fac8ca64] {
|
|
background-color: #42b983;
|
|
color: #fff;
|
|
border-color: #42b983;
|
|
}
|
|
.tags-view-container .tags-view-wrapper .tags-view-item.active[data-v-fac8ca64]::before {
|
|
content: "";
|
|
background: #fff;
|
|
display: inline-block;
|
|
width: 8px;
|
|
height: 8px;
|
|
border-radius: 50%;
|
|
position: relative;
|
|
margin-right: 2px;
|
|
}
|
|
.tags-view-container .contextmenu[data-v-fac8ca64] {
|
|
margin: 0;
|
|
background: #fff;
|
|
z-index: 3000;
|
|
position: absolute;
|
|
list-style-type: none;
|
|
padding: 5px 0;
|
|
border-radius: 4px;
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
color: #333;
|
|
-webkit-box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3);
|
|
box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3);
|
|
}
|
|
.tags-view-container .contextmenu li[data-v-fac8ca64] {
|
|
margin: 0;
|
|
padding: 7px 16px;
|
|
cursor: pointer;
|
|
}
|
|
.tags-view-container .contextmenu li[data-v-fac8ca64]:hover {
|
|
background: #eee;
|
|
}</style><style type="text/css">.tags-view-wrapper .tags-view-item .el-icon-close {
|
|
width: 16px;
|
|
height: 16px;
|
|
vertical-align: 2px;
|
|
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);
|
|
-webkit-transform-origin: 100% 50%;
|
|
transform-origin: 100% 50%;
|
|
}
|
|
.tags-view-wrapper .tags-view-item .el-icon-close:before {
|
|
-webkit-transform: scale(0.6);
|
|
transform: scale(0.6);
|
|
display: inline-block;
|
|
vertical-align: -3px;
|
|
}
|
|
.tags-view-wrapper .tags-view-item .el-icon-close:hover {
|
|
background-color: #b4bccc;
|
|
color: #fff;
|
|
}</style><style type="text/css">[data-v-13877386]:export {
|
|
menuText: #bfcbd9;
|
|
menuActiveText: #409EFF;
|
|
subMenuActiveText: #f4f4f5;
|
|
menuBg: #304156;
|
|
menuHover: #263445;
|
|
subMenuBg: #1f2d3d;
|
|
subMenuHover: #001528;
|
|
sideBarWidth: 210px;
|
|
}
|
|
.app-wrapper[data-v-13877386] {
|
|
position: relative;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
.app-wrapper[data-v-13877386]:after {
|
|
content: "";
|
|
display: table;
|
|
clear: both;
|
|
}
|
|
.app-wrapper.mobile.openSidebar[data-v-13877386] {
|
|
position: fixed;
|
|
top: 0;
|
|
}
|
|
.drawer-bg[data-v-13877386] {
|
|
background: #000;
|
|
opacity: 0.3;
|
|
width: 100%;
|
|
top: 0;
|
|
height: 100%;
|
|
position: absolute;
|
|
z-index: 999;
|
|
}
|
|
.fixed-header[data-v-13877386] {
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
z-index: 9;
|
|
width: calc(100% - 210px);
|
|
-webkit-transition: width 0.28s;
|
|
transition: width 0.28s;
|
|
}
|
|
.hideSidebar .fixed-header[data-v-13877386] {
|
|
width: calc(100% - 54px);
|
|
}
|
|
.mobile .fixed-header[data-v-13877386] {
|
|
width: 100%;
|
|
}</style><style type="text/css">
|
|
.svg-icon[data-v-c8a70580] {
|
|
width: 1em;
|
|
height: 1em;
|
|
vertical-align: -0.15em;
|
|
fill: currentColor;
|
|
overflow: hidden;
|
|
}
|
|
.svg-external-icon[data-v-c8a70580] {
|
|
background-color: currentColor;
|
|
-webkit-mask-size: cover!important;
|
|
mask-size: cover!important;
|
|
display: inline-block;
|
|
}
|
|
</style><style type="text/css">/* Make clicks pass-through */
|
|
#nprogress {
|
|
pointer-events: none;
|
|
}
|
|
|
|
#nprogress .bar {
|
|
background: #29d;
|
|
|
|
position: fixed;
|
|
z-index: 1031;
|
|
top: 0;
|
|
left: 0;
|
|
|
|
width: 100%;
|
|
height: 2px;
|
|
}
|
|
|
|
/* Fancy blur effect */
|
|
#nprogress .peg {
|
|
display: block;
|
|
position: absolute;
|
|
right: 0px;
|
|
width: 100px;
|
|
height: 100%;
|
|
-webkit-box-shadow: 0 0 10px #29d, 0 0 5px #29d;
|
|
box-shadow: 0 0 10px #29d, 0 0 5px #29d;
|
|
opacity: 1.0;
|
|
|
|
-webkit-transform: rotate(3deg) translate(0px, -4px);
|
|
transform: rotate(3deg) translate(0px, -4px);
|
|
}
|
|
|
|
/* Remove these to get rid of the spinner */
|
|
#nprogress .spinner {
|
|
display: block;
|
|
position: fixed;
|
|
z-index: 1031;
|
|
top: 15px;
|
|
right: 15px;
|
|
}
|
|
|
|
#nprogress .spinner-icon {
|
|
width: 18px;
|
|
height: 18px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
|
|
border: solid 2px transparent;
|
|
border-top-color: #29d;
|
|
border-left-color: #29d;
|
|
border-radius: 50%;
|
|
|
|
-webkit-animation: nprogress-spinner 400ms linear infinite;
|
|
animation: nprogress-spinner 400ms linear infinite;
|
|
}
|
|
|
|
.nprogress-custom-parent {
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.nprogress-custom-parent #nprogress .spinner,
|
|
.nprogress-custom-parent #nprogress .bar {
|
|
position: absolute;
|
|
}
|
|
|
|
@-webkit-keyframes nprogress-spinner {
|
|
0% { -webkit-transform: rotate(0deg); }
|
|
100% { -webkit-transform: rotate(360deg); }
|
|
}
|
|
@keyframes nprogress-spinner {
|
|
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
|
|
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
|
|
}
|
|
|
|
</style><style type="text/css">.search-input[data-v-a8ed86ba] {
|
|
width: 100%;
|
|
}
|
|
.search[data-v-a8ed86ba] {
|
|
width: 95%;
|
|
margin: auto;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
}
|
|
.button-area[data-v-a8ed86ba] {
|
|
width: 95%;
|
|
margin: 20px auto 20px;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
.table-style[data-v-a8ed86ba] {
|
|
width: 95%;
|
|
margin: 20px auto 0;
|
|
}
|
|
.search-div[data-v-a8ed86ba] {
|
|
width: 30%;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
height: 36px;
|
|
margin-top: 20px;
|
|
}
|
|
.search-title[data-v-a8ed86ba] {
|
|
width: 100px;
|
|
background: #F8F8F8;
|
|
border: 1px #DCDFE6 solid;
|
|
border-radius: 3px 0 0 3px;
|
|
height: 100%;
|
|
text-align: center;
|
|
line-height: 36px;
|
|
font-size: 16px;
|
|
}</style></head>
|
|
<body><div data-v-1e488bfb="" data-v-13877386="" class="rightPanel-container"><div data-v-1e488bfb="" class="rightPanel-background"></div><div data-v-1e488bfb="" class="rightPanel"><div data-v-1e488bfb="" class="rightPanel-items"><div data-v-126b135a="" data-v-13877386="" class="drawer-container" data-v-1e488bfb=""><div data-v-126b135a=""><h3 data-v-126b135a="" class="drawer-title">系统布局配置</h3><div data-v-126b135a="" class="drawer-item"><span data-v-126b135a="">主题色</span><div data-v-126b135a="" class="theme-picker el-color-picker el-color-picker--medium" style="float: right; height: 26px; margin: -3px 8px 0px 0px;"><!----><div class="el-color-picker__trigger"><span class="el-color-picker__color"><span class="el-color-picker__color-inner" style="background-color: rgb(24, 144, 255);"></span><!----></span><span class="el-color-picker__icon el-icon-arrow-down"></span></div><div class="el-color-dropdown el-color-picker__panel theme-picker-dropdown" style="display: none;"><div class="el-color-dropdown__main-wrapper"><div class="el-color-hue-slider is-vertical" style="float: right;"><div class="el-color-hue-slider__bar"></div><div class="el-color-hue-slider__thumb" style="left: 0px; top: 0px;"></div></div><div class="el-color-svpanel" style="background-color: rgb(0, 132, 255);"><div class="el-color-svpanel__white"></div><div class="el-color-svpanel__black"></div><div class="el-color-svpanel__cursor" style="top: 0px; left: 0px;"><div></div></div></div></div><!----><div class="el-color-predefine"><div class="el-color-predefine__colors"><div class="el-color-predefine__color-selector"><div style="background-color: rgb(64, 158, 255);"></div></div><div class="el-color-predefine__color-selector selected"><div style="background-color: rgb(24, 144, 255);"></div></div><div class="el-color-predefine__color-selector"><div style="background-color: rgb(48, 65, 86);"></div></div><div class="el-color-predefine__color-selector"><div style="background-color: rgb(33, 33, 33);"></div></div><div class="el-color-predefine__color-selector"><div style="background-color: rgb(17, 169, 131);"></div></div><div class="el-color-predefine__color-selector"><div style="background-color: rgb(19, 194, 194);"></div></div><div class="el-color-predefine__color-selector"><div style="background-color: rgb(105, 89, 205);"></div></div><div class="el-color-predefine__color-selector"><div style="background-color: rgb(245, 34, 45);"></div></div></div></div><div class="el-color-dropdown__btns"><span class="el-color-dropdown__value"><div class="el-input el-input--mini"><!----><input type="text" autocomplete="off" class="el-input__inner"><!----><!----><!----><!----></div></span><button type="button" class="el-button el-color-dropdown__link-btn el-button--text el-button--mini"><!----><!----><span>
|
|
清空
|
|
</span></button><button type="button" class="el-button el-color-dropdown__btn el-button--default el-button--mini is-plain"><!----><!----><span>
|
|
确定
|
|
</span></button></div></div></div></div><div data-v-126b135a="" class="drawer-item"><span data-v-126b135a="">开启 Tags-View</span><div data-v-126b135a="" role="switch" aria-checked="true" class="el-switch drawer-switch is-checked"><input type="checkbox" name="" true-value="true" class="el-switch__input"><!----><span class="el-switch__core" style="width: 40px;"></span><!----></div></div><div data-v-126b135a="" class="drawer-item"><span data-v-126b135a="">固定 Header</span><div data-v-126b135a="" role="switch" class="el-switch drawer-switch"><input type="checkbox" name="" true-value="true" class="el-switch__input"><!----><span class="el-switch__core" style="width: 40px;"></span><!----></div></div><div data-v-126b135a="" class="drawer-item"><span data-v-126b135a="">侧边栏 Logo</span><div data-v-126b135a="" role="switch" class="el-switch drawer-switch"><input type="checkbox" name="" true-value="true" class="el-switch__input"><!----><span class="el-switch__core" style="width: 40px;"></span><!----></div></div><div data-v-126b135a="" class="drawer-item"><span data-v-126b135a="">菜单支持拼音搜索</span><div data-v-126b135a="" role="switch" aria-checked="true" class="el-switch drawer-switch is-checked"><input type="checkbox" name="" true-value="true" class="el-switch__input"><!----><span class="el-switch__core" style="width: 40px;"></span><!----></div></div></div></div></div></div></div><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="position: absolute; width: 0; height: 0" id="__SVG_SPRITE_NODE__"><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" id="icon-404"><path d="M121.718 73.272v9.953c3.957-7.584 6.199-16.05 6.199-24.995C127.917 26.079 99.273 0 63.958 0 28.644 0 0 26.079 0 58.23c0 .403.028.806.028 1.21l22.97-25.953h13.34l-19.76 27.187h6.42V53.77l13.728-19.477v49.361H22.998V73.272H2.158c5.951 20.284 23.608 36.208 45.998 41.399-1.44 3.3-5.618 11.263-12.565 12.674-8.607 1.764 23.358.428 46.163-13.178 17.519-4.611 31.938-15.849 39.77-30.513h-13.506V73.272H85.02V59.464l22.998-25.977h13.008l-19.429 27.187h6.421v-7.433l13.727-19.402v39.433h-.027zm-78.24 2.822a10.516 10.516 0 0 1-.996-4.535V44.548c0-1.613.332-3.124.996-4.535a11.66 11.66 0 0 1 2.713-3.68c1.134-1.032 2.49-1.864 4.04-2.468 1.55-.605 3.21-.908 4.982-.908h11.292c1.77 0 3.431.303 4.981.908 1.522.604 2.85 1.41 3.986 2.418l-12.26 16.303v-2.898a1.96 1.96 0 0 0-.665-1.512c-.443-.403-.996-.604-1.66-.604-.665 0-1.218.201-1.661.604a1.96 1.96 0 0 0-.664 1.512v9.071L44.364 77.606a10.556 10.556 0 0 1-.886-1.512zm35.73-4.535c0 1.613-.332 3.124-.997 4.535a11.66 11.66 0 0 1-2.712 3.68c-1.134 1.032-2.49 1.864-4.04 2.469-1.55.604-3.21.907-4.982.907H55.185c-1.77 0-3.431-.303-4.981-.907-1.55-.605-2.906-1.437-4.041-2.47a12.49 12.49 0 0 1-1.384-1.512l13.727-18.217v6.375c0 .605.222 1.109.665 1.512.442.403.996.604 1.66.604.664 0 1.218-.201 1.66-.604a1.96 1.96 0 0 0 .665-1.512V53.87L75.97 36.838c.913.932 1.66 1.99 2.214 3.175.664 1.41.996 2.922.996 4.535v27.011h.028z"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" id="icon-bug"><path d="M127.88 73.143c0 1.412-.506 2.635-1.518 3.669-1.011 1.033-2.209 1.55-3.592 1.55h-17.887c0 9.296-1.783 17.178-5.35 23.645l16.609 17.044c1.011 1.034 1.517 2.257 1.517 3.67 0 1.412-.506 2.635-1.517 3.668-.958 1.033-2.155 1.55-3.593 1.55-1.438 0-2.635-.517-3.593-1.55l-15.811-16.063a15.49 15.49 0 0 1-1.196 1.06c-.532.434-1.65 1.208-3.353 2.322a50.104 50.104 0 0 1-5.192 2.974c-1.758.87-3.94 1.658-6.546 2.364-2.607.706-5.189 1.06-7.748 1.06V47.044H58.89v73.062c-2.716 0-5.417-.367-8.106-1.102-2.688-.734-5.003-1.631-6.945-2.692a66.769 66.769 0 0 1-5.268-3.179c-1.571-1.057-2.73-1.94-3.476-2.65L33.9 109.34l-14.611 16.877c-1.066 1.14-2.344 1.711-3.833 1.711-1.277 0-2.422-.434-3.434-1.304-1.012-.978-1.557-2.187-1.635-3.627-.079-1.44.333-2.705 1.236-3.794l16.129-18.51c-3.087-6.197-4.63-13.644-4.63-22.342H5.235c-1.383 0-2.58-.517-3.592-1.55S.125 74.545.125 73.132c0-1.412.506-2.635 1.518-3.668 1.012-1.034 2.21-1.55 3.592-1.55h17.887V43.939L9.308 29.833c-1.012-1.033-1.517-2.256-1.517-3.669 0-1.412.505-2.635 1.517-3.668 1.012-1.034 2.21-1.55 3.593-1.55s2.58.516 3.593 1.55l13.813 14.106h67.396l13.814-14.106c1.012-1.034 2.21-1.55 3.592-1.55 1.384 0 2.581.516 3.593 1.55 1.012 1.033 1.518 2.256 1.518 3.668 0 1.413-.506 2.636-1.518 3.67l-13.814 14.105v23.975h17.887c1.383 0 2.58.516 3.593 1.55 1.011 1.033 1.517 2.256 1.517 3.668l-.005.01zM89.552 26.175H38.448c0-7.23 2.489-13.386 7.466-18.469C50.892 2.623 56.92.082 64 .082c7.08 0 13.108 2.541 18.086 7.624 4.977 5.083 7.466 11.24 7.466 18.469z"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" id="icon-chart"><path d="M0 54.857h36.571V128H0V54.857zM91.429 27.43H128V128H91.429V27.429zM45.714 0h36.572v128H45.714V0z"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" id="icon-clipboard"><path d="M54.857 118.857h64V73.143H89.143c-1.902 0-3.52-.668-4.855-2.002-1.335-1.335-2.002-2.954-2.002-4.855V36.57H54.857v82.286zM73.143 16v-4.571a2.2 2.2 0 0 0-.677-1.61 2.198 2.198 0 0 0-1.609-.676H20.571c-.621 0-1.158.225-1.609.676a2.198 2.198 0 0 0-.676 1.61V16a2.2 2.2 0 0 0 .676 1.61c.451.45.988.676 1.61.676h50.285c.622 0 1.158-.226 1.61-.677.45-.45.676-.987.676-1.609zm18.286 48h21.357L91.43 42.642V64zM128 73.143v48c0 1.902-.667 3.52-2.002 4.855-1.335 1.335-2.953 2.002-4.855 2.002H52.57c-1.901 0-3.52-.667-4.854-2.002-1.335-1.335-2.003-2.953-2.003-4.855v-11.429H6.857c-1.902 0-3.52-.667-4.855-2.002C.667 106.377 0 104.759 0 102.857v-96c0-1.902.667-3.52 2.002-4.855C3.337.667 4.955 0 6.857 0h77.714c1.902 0 3.52.667 4.855 2.002 1.335 1.335 2.003 2.953 2.003 4.855V30.29c1 .622 1.856 1.29 2.569 2.003l29.147 29.147c1.335 1.335 2.478 3.145 3.429 5.43.95 2.287 1.426 4.383 1.426 6.291v-.018z"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" id="icon-component"><path d="M0 0h54.857v54.857H0V0zm0 73.143h54.857V128H0V73.143zm73.143 0H128V128H73.143V73.143zm27.428-18.286C115.72 54.857 128 42.577 128 27.43 128 12.28 115.72 0 100.571 0 85.423 0 73.143 12.28 73.143 27.429c0 15.148 12.28 27.428 27.428 27.428z"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 100" id="icon-dashboard"><path d="M27.429 63.638c0-2.508-.893-4.65-2.679-6.424-1.786-1.775-3.94-2.662-6.464-2.662-2.524 0-4.679.887-6.465 2.662-1.785 1.774-2.678 3.916-2.678 6.424 0 2.508.893 4.65 2.678 6.424 1.786 1.775 3.94 2.662 6.465 2.662 2.524 0 4.678-.887 6.464-2.662 1.786-1.775 2.679-3.916 2.679-6.424zm13.714-31.801c0-2.508-.893-4.65-2.679-6.424-1.785-1.775-3.94-2.662-6.464-2.662-2.524 0-4.679.887-6.464 2.662-1.786 1.774-2.679 3.916-2.679 6.424 0 2.508.893 4.65 2.679 6.424 1.785 1.774 3.94 2.662 6.464 2.662 2.524 0 4.679-.888 6.464-2.662 1.786-1.775 2.679-3.916 2.679-6.424zM71.714 65.98l7.215-27.116c.285-1.23.107-2.378-.536-3.443-.643-1.064-1.56-1.762-2.75-2.094-1.19-.33-2.333-.177-3.429.462-1.095.639-1.81 1.573-2.143 2.804l-7.214 27.116c-2.857.237-5.405 1.266-7.643 3.088-2.238 1.822-3.738 4.152-4.5 6.992-.952 3.644-.476 7.098 1.429 10.364 1.905 3.265 4.69 5.37 8.357 6.317 3.667.947 7.143.474 10.429-1.42 3.285-1.892 5.404-4.66 6.357-8.305.762-2.84.619-5.607-.429-8.305-1.047-2.697-2.762-4.85-5.143-6.46zm47.143-2.342c0-2.508-.893-4.65-2.678-6.424-1.786-1.775-3.94-2.662-6.465-2.662-2.524 0-4.678.887-6.464 2.662-1.786 1.774-2.679 3.916-2.679 6.424 0 2.508.893 4.65 2.679 6.424 1.786 1.775 3.94 2.662 6.464 2.662 2.524 0 4.679-.887 6.465-2.662 1.785-1.775 2.678-3.916 2.678-6.424zm-45.714-45.43c0-2.509-.893-4.65-2.679-6.425C68.68 10.01 66.524 9.122 64 9.122c-2.524 0-4.679.887-6.464 2.661-1.786 1.775-2.679 3.916-2.679 6.425 0 2.508.893 4.65 2.679 6.424 1.785 1.774 3.94 2.662 6.464 2.662 2.524 0 4.679-.888 6.464-2.662 1.786-1.775 2.679-3.916 2.679-6.424zm32 13.629c0-2.508-.893-4.65-2.679-6.424-1.785-1.775-3.94-2.662-6.464-2.662-2.524 0-4.679.887-6.464 2.662-1.786 1.774-2.679 3.916-2.679 6.424 0 2.508.893 4.65 2.679 6.424 1.785 1.774 3.94 2.662 6.464 2.662 2.524 0 4.679-.888 6.464-2.662 1.786-1.775 2.679-3.916 2.679-6.424zM128 63.638c0 12.351-3.357 23.78-10.071 34.286-.905 1.372-2.19 2.058-3.858 2.058H13.93c-1.667 0-2.953-.686-3.858-2.058C3.357 87.465 0 76.037 0 63.638c0-8.613 1.69-16.847 5.071-24.703C8.452 31.08 13 24.312 18.714 18.634c5.715-5.68 12.524-10.199 20.429-13.559C47.048 1.715 55.333.035 64 .035c8.667 0 16.952 1.68 24.857 5.04 7.905 3.36 14.714 7.88 20.429 13.559 5.714 5.678 10.262 12.446 13.643 20.301 3.38 7.856 5.071 16.09 5.071 24.703z"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" id="icon-documentation"><path d="M71.984 44.815H115.9L71.984 9.642v35.173zM16.094.05h63.875l47.906 38.37v76.74c0 3.392-1.682 6.645-4.677 9.044-2.995 2.399-7.056 3.746-11.292 3.746H16.094c-4.236 0-8.297-1.347-11.292-3.746-2.995-2.399-4.677-5.652-4.677-9.044V12.84C.125 5.742 7.23.05 16.094.05zm71.86 102.32V89.58h-71.86v12.79h71.86zm23.952-25.58V64H16.094v12.79h95.812z"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" id="icon-drag"><path d="M73.137 29.08h-9.209 29.7L63.886.093 34.373 29.08h20.49v27.035H27.238v17.948h27.625v27.133h18.274V74.063h27.41V56.115h-27.41V29.08zm-9.245 98.827l27.518-26.711H36.59l27.302 26.71zM.042 64.982l27.196 27.029V38.167L.042 64.982zm100.505-26.815V92.01l27.41-27.029-27.41-26.815z"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" id="icon-edit"><path d="M106.133 67.2a4.797 4.797 0 0 0-4.8 4.8c0 .187.014.36.027.533h-.027V118.4H9.6V26.667h50.133c2.654 0 4.8-2.147 4.8-4.8 0-2.654-2.146-4.8-4.8-4.8H9.6a9.594 9.594 0 0 0-9.6 9.6V118.4c0 5.307 4.293 9.6 9.6 9.6h91.733c5.307 0 9.6-4.293 9.6-9.6V72.533h-.026c.013-.173.026-.346.026-.533 0-2.653-2.146-4.8-4.8-4.8z"></path><path d="M125.16 13.373L114.587 2.8c-3.747-3.747-9.854-3.72-13.6.027l-52.96 52.96a4.264 4.264 0 0 0-.907 1.36L33.813 88.533c-.746 1.76-.226 3.534.907 4.68 1.133 1.147 2.92 1.667 4.693.92l31.4-13.293c.507-.213.96-.52 1.36-.907l52.96-52.96c3.747-3.746 3.774-9.853.027-13.6zM66.107 72.4l-18.32 7.76 7.76-18.32L92.72 24.667l10.56 10.56L66.107 72.4zm52.226-52.227l-8.266 8.267-10.56-10.56 8.266-8.267.027-.026 10.56 10.56-.027.026z"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" id="icon-education"><path d="M88.883 119.565c-7.284 0-19.434 2.495-21.333 8.25v.127c-4.232.13-5.222 0-7.108 0-1.895-5.76-14.045-8.256-21.333-8.256H0V0h42.523c9.179 0 17.109 5.47 21.47 13.551C68.352 5.475 76.295 0 85.478 0H128v119.57l-39.113-.005h-.004zM60.442 24.763c0-9.651-8.978-16.507-17.777-16.507H7.108V111.43H39.11c7.054-.14 18.177.082 21.333 6.12v-4.628c-.134-5.722-.004-13.522 0-13.832V27.413l.004-2.655-.004.005zm60.442-16.517h-35.55c-8.802 0-17.78 6.856-17.78 16.493v74.259c.004.32.138 8.115 0 13.813v4.627c3.155-6.022 14.279-6.26 21.333-6.114h32V8.25l-.003-.005z"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 96" id="icon-email"><path d="M64.125 56.975L120.188.912A12.476 12.476 0 0 0 115.5 0h-103c-1.588 0-3.113.3-4.513.838l56.138 56.137z"></path><path d="M64.125 68.287l-62.3-62.3A12.42 12.42 0 0 0 0 12.5v71C0 90.4 5.6 96 12.5 96h103c6.9 0 12.5-5.6 12.5-12.5v-71a12.47 12.47 0 0 0-1.737-6.35L64.125 68.287z"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" id="icon-example"><path d="M96.258 57.462h31.421C124.794 27.323 100.426 2.956 70.287.07v31.422a32.856 32.856 0 0 1 25.971 25.97zm-38.796-25.97V.07C27.323 2.956 2.956 27.323.07 57.462h31.422a32.856 32.856 0 0 1 25.97-25.97zm12.825 64.766v31.421c30.46-2.885 54.507-27.253 57.713-57.712H96.579c-2.886 13.466-13.146 23.726-26.292 26.291zM31.492 70.287H.07c2.886 30.46 27.253 54.507 57.713 57.713V96.579c-13.466-2.886-23.726-13.146-26.291-26.292z"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" id="icon-excel"><path d="M78.208 16.576v8.384h38.72v5.376h-38.72v8.704h38.72v5.376h-38.72v8.576h38.72v5.376h-38.72v8.576h38.72v5.376h-38.72v8.576h38.72v5.376h-38.72v8.512h38.72v5.376h-38.72v11.136H128v-94.72H78.208zM0 114.368L72.128 128V0L0 13.632v100.736z"></path><path d="M28.672 82.56h-11.2l14.784-23.488-14.08-22.592h11.52l8.192 14.976 8.448-14.976h11.136l-14.08 22.208L58.368 82.56H46.656l-8.768-15.68z"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" id="icon-exit-fullscreen"><path d="M49.217 41.329l-.136-35.24c-.06-2.715-2.302-4.345-5.022-4.405h-3.65c-2.712-.06-4.866 2.303-4.806 5.016l.152 19.164-24.151-23.79a6.698 6.698 0 0 0-9.499 0 6.76 6.76 0 0 0 0 9.526l23.93 23.713-18.345.074c-2.712-.069-5.228 1.813-5.64 5.02v3.462c.069 2.721 2.31 4.97 5.022 5.03l35.028-.207c.052.005.087.025.133.025l2.457.054a4.626 4.626 0 0 0 3.436-1.38c.88-.874 1.205-2.096 1.169-3.462l-.262-2.465c0-.048.182-.081.182-.136h.002zm52.523 51.212l18.32-.073c2.713.06 5.224-1.609 5.64-4.815v-3.462c-.068-2.722-2.317-4.97-5.021-5.04l-34.58.21c-.053 0-.086-.021-.138-.021l-2.451-.06a4.64 4.64 0 0 0-3.445 1.381c-.885.868-1.201 2.094-1.174 3.46l.27 2.46c.005.06-.177.095-.177.141l.141 34.697c.069 2.713 2.31 4.338 5.022 4.397l3.45.006c2.705.062 4.867-2.31 4.8-5.026l-.153-18.752 24.151 23.946a6.69 6.69 0 0 0 9.494 0 6.747 6.747 0 0 0 0-9.523L101.74 92.54v.001zM48.125 80.662a4.636 4.636 0 0 0-3.437-1.382l-2.457.06c-.05 0-.082.022-.137.022l-35.025-.21c-2.712.07-4.957 2.318-5.022 5.04v3.462c.409 3.206 2.925 4.874 5.633 4.814l18.554.06-24.132 23.928c-2.62 2.626-2.62 6.89 0 9.524a6.694 6.694 0 0 0 9.496 0l24.155-23.79-.155 18.866c-.06 2.722 2.094 5.093 4.801 5.025h3.65c2.72-.069 4.962-1.685 5.022-4.406l.141-34.956c0-.05-.182-.082-.182-.136l.262-2.46c.03-1.366-.286-2.592-1.166-3.46h-.001zM80.08 47.397a4.62 4.62 0 0 0 3.443 1.374l2.45-.054c.055 0 .088-.02.143-.028l35.08.21c2.712-.062 4.953-2.312 5.021-5.033l.009-3.463c-.417-3.211-2.937-5.084-5.64-5.025l-18.615-.073 23.917-23.715c2.63-2.623 2.63-6.879.008-9.513a6.691 6.691 0 0 0-9.494 0L92.251 26.016l.155-19.312c.065-2.713-2.097-5.085-4.802-5.025h-3.45c-2.713.069-4.954 1.693-5.022 4.406l-.139 35.247c0 .054.18.088.18.136l-.267 2.465c-.028 1.366.288 2.588 1.174 3.463v.001z"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 1024 1024" id="icon-eye-open"><defs><style></style></defs><path d="M512 128q69.675 0 135.51 21.163t115.498 54.997 93.483 74.837 73.685 82.006 51.67 74.837 32.17 54.827L1024 512q-2.347 4.992-6.315 13.483T998.87 560.17t-31.658 51.669-44.331 59.99-56.832 64.34-69.504 60.16-82.347 51.5-94.848 34.687T512 896q-69.675 0-135.51-21.163t-115.498-54.826-93.483-74.326-73.685-81.493-51.67-74.496-32.17-54.997L0 513.707q2.347-4.992 6.315-13.483t18.816-34.816 31.658-51.84 44.331-60.33 56.832-64.683 69.504-60.331 82.347-51.84 94.848-34.816T512 128.085zm0 85.333q-46.677 0-91.648 12.331t-81.152 31.83-70.656 47.146-59.648 54.485-48.853 57.686-37.675 52.821-26.325 43.99q12.33 21.674 26.325 43.52t37.675 52.351 48.853 57.003 59.648 53.845T339.2 767.02t81.152 31.488T512 810.667t91.648-12.331 81.152-31.659 70.656-46.848 59.648-54.186 48.853-57.344 37.675-52.651T927.957 512q-12.33-21.675-26.325-43.648t-37.675-52.65-48.853-57.345-59.648-54.186-70.656-46.848-81.152-31.659T512 213.334zm0 128q70.656 0 120.661 50.006T682.667 512 632.66 632.661 512 682.667 391.339 632.66 341.333 512t50.006-120.661T512 341.333zm0 85.334q-35.328 0-60.33 25.002T426.666 512t25.002 60.33T512 597.334t60.33-25.002T597.334 512t-25.002-60.33T512 426.666z"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 64" id="icon-eye"><path d="M127.072 7.994c1.37-2.208.914-5.152-.914-6.87-2.056-1.717-4.797-1.226-6.396.982-.229.245-25.586 32.382-55.74 32.382-29.24 0-55.74-32.382-55.968-32.627-1.6-1.963-4.57-2.208-6.397-.49C-.17 3.086-.399 6.275 1.2 8.238c.457.736 5.94 7.36 14.62 14.72L4.17 35.96c-1.828 1.963-1.6 5.152.228 6.87.457.98 1.6 1.471 2.742 1.471s2.284-.49 3.198-1.472l12.564-13.983c5.94 4.416 13.021 8.587 20.788 11.53l-4.797 17.418c-.685 2.699.686 5.397 3.198 6.133h1.37c2.057 0 3.884-1.472 4.341-3.68L52.6 42.83c3.655.736 7.538 1.227 11.422 1.227 3.883 0 7.767-.49 11.422-1.227l4.797 17.173c.457 2.208 2.513 3.68 4.34 3.68.457 0 .914 0 1.143-.246 2.513-.736 3.883-3.434 3.198-6.133l-4.797-17.172c7.767-2.944 14.848-7.114 20.788-11.53l12.336 13.738c.913.981 2.056 1.472 3.198 1.472s2.284-.49 3.198-1.472c1.828-1.963 1.828-4.906.228-6.87l-11.65-13.001c9.366-7.36 14.849-14.474 14.849-14.474z"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" id="icon-form"><path d="M84.068 23.784c-1.02 0-1.877-.32-2.572-.96a8.588 8.588 0 0 1-1.738-2.237 11.524 11.524 0 0 1-1.042-2.621c-.232-.895-.348-1.641-.348-2.238V0h.278c.834 0 1.622.085 2.363.256.742.17 1.645.575 2.711 1.214 1.066.64 2.363 1.535 3.892 2.686 1.53 1.15 3.453 2.664 5.77 4.54 2.502 2.045 4.494 3.771 5.977 5.178 1.483 1.406 2.618 2.6 3.406 3.58.787.98 1.274 1.812 1.46 2.494.185.682.277 1.278.277 1.79v2.046H84.068zM127.3 84.01c.278.682.464 1.535.556 2.558.093 1.023-.37 2.003-1.39 2.94-.463.427-.88.832-1.25 1.215-.372.384-.696.704-.974.96a6.69 6.69 0 0 1-.973.767l-11.816-10.741a44.331 44.331 0 0 0 1.877-1.535 31.028 31.028 0 0 1 1.737-1.406c1.112-.938 2.317-1.343 3.615-1.215 1.297.128 2.363.405 3.197.83.927.427 1.923 1.173 2.989 2.239 1.065 1.065 1.876 2.195 2.432 3.388zM78.23 95.902c2.038 0 3.752-.511 5.143-1.534l-26.969 25.83H18.037c-1.761 0-3.684-.47-5.77-1.407a24.549 24.549 0 0 1-5.838-3.709 21.373 21.373 0 0 1-4.518-5.306c-1.204-2.003-1.807-4.07-1.807-6.202V16.495c0-1.79.44-3.665 1.32-5.626A18.41 18.41 0 0 1 5.04 5.562a21.798 21.798 0 0 1 5.213-3.964C12.198.533 14.237 0 16.37 0h53.24v15.984c0 1.62.278 3.367.834 5.242a16.704 16.704 0 0 0 2.572 5.179c1.159 1.577 2.665 2.898 4.518 3.964 1.853 1.066 4.078 1.598 6.673 1.598h20.295v42.325L85.458 92.45c1.02-1.364 1.529-2.856 1.529-4.476 0-2.216-.857-4.113-2.572-5.69-1.714-1.577-3.776-2.366-6.186-2.366H26.1c-2.409 0-4.448.789-6.116 2.366-1.668 1.577-2.502 3.474-2.502 5.69 0 2.217.834 4.092 2.502 5.626 1.668 1.535 3.707 2.302 6.117 2.302h52.13zM26.1 47.951c-2.41 0-4.449.789-6.117 2.366-1.668 1.577-2.502 3.473-2.502 5.69 0 2.216.834 4.092 2.502 5.626 1.668 1.534 3.707 2.302 6.117 2.302h52.13c2.409 0 4.47-.768 6.185-2.302 1.715-1.534 2.572-3.41 2.572-5.626 0-2.217-.857-4.113-2.572-5.69-1.714-1.577-3.776-2.366-6.186-2.366H26.1zm52.407 64.063l1.807-1.663 3.476-3.196a479.75 479.75 0 0 0 4.587-4.284 500.757 500.757 0 0 1 5.004-4.667c3.985-3.666 8.48-7.758 13.485-12.276l11.677 10.741-13.485 12.404-5.004 4.603-4.587 4.22a179.46 179.46 0 0 0-3.267 3.068c-.88.853-1.367 1.322-1.46 1.407-.463.341-.973.703-1.529 1.087-.556.383-1.112.703-1.668.959-.556.256-1.413.575-2.572.959a83.5 83.5 0 0 1-3.545 1.087 72.2 72.2 0 0 1-3.475.895c-1.112.256-1.946.426-2.502.511-1.112.17-1.854.043-2.224-.383-.371-.426-.464-1.151-.278-2.174.092-.511.278-1.279.556-2.302.278-1.023.602-2.067.973-3.132l1.042-3.005c.325-.938.58-1.577.765-1.918a10.157 10.157 0 0 1 2.224-2.941z"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" id="icon-fullscreen"><path d="M38.47 52L52 38.462l-23.648-23.67L43.209 0H.035L0 43.137l14.757-14.865L38.47 52zm74.773 47.726L89.526 76 76 89.536l23.648 23.672L84.795 128h43.174L128 84.863l-14.757 14.863zM89.538 52l23.668-23.648L128 43.207V.038L84.866 0 99.73 14.76 76 38.472 89.538 52zM38.46 76L14.792 99.651 0 84.794v43.173l43.137.033-14.865-14.757L52 89.53 38.46 76z"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" id="icon-guide"><path d="M1.482 70.131l36.204 16.18 69.932-65.485-61.38 70.594 46.435 18.735c1.119.425 2.397-.17 2.797-1.363v-.085L127.998.047 1.322 65.874c-1.12.597-1.519 1.959-1.04 3.151.32.511.72.937 1.2 1.107zm44.676 57.821L64.22 107.26l-18.062-7.834v28.527z"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" id="icon-icon"><path d="M115.147.062a13 13 0 0 1 4.94.945c1.55.63 2.907 1.526 4.069 2.688a13.148 13.148 0 0 1 2.761 4.069c.678 1.55 1.017 3.245 1.017 5.086v102.3c0 3.681-1.187 6.733-3.56 9.155-2.373 2.422-5.352 3.633-8.937 3.633H12.992c-3.875 0-7-1.26-9.373-3.779-2.373-2.518-3.56-5.667-3.56-9.445V12.704c0-3.39 1.163-6.345 3.488-8.863C5.872 1.32 8.972.062 12.847.062h102.3zM81.434 109.047c1.744 0 3.003-.412 3.778-1.235.775-.824 1.163-1.914 1.163-3.27 0-1.26-.388-2.325-1.163-3.197-.775-.872-2.034-1.307-3.778-1.307H72.57c.097-.194.145-.485.145-.872V27.09h9.01c1.743 0 2.954-.436 3.633-1.308.678-.872 1.017-1.938 1.017-3.197 0-1.26-.34-2.325-1.017-3.197-.679-.872-1.89-1.308-3.633-1.308H46.268c-1.743 0-2.954.436-3.632 1.308-.678.872-1.018 1.938-1.018 3.197 0 1.26.34 2.325 1.018 3.197.678.872 1.889 1.308 3.632 1.308h8.138v72.075c0 .193.024.339.073.436.048.096.072.242.072.436H46.56c-1.744 0-3.003.435-3.778 1.307-.775.872-1.163 1.938-1.163 3.197 0 1.356.388 2.446 1.163 3.27.775.823 2.034 1.235 3.778 1.235h34.875z"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" id="icon-international"><path d="M83.287 103.01c-1.57-3.84-6.778-10.414-15.447-19.548-2.327-2.444-2.182-4.306-1.338-9.862v-.64c.553-3.81 1.513-6.05 14.313-8.087 6.516-1.018 8.203 1.57 10.589 5.178l.785 1.193a12.625 12.625 0 0 0 6.43 5.207c1.134.524 2.53 1.164 4.421 2.24 4.596 2.53 4.596 5.41 4.596 11.753v.727a26.91 26.91 0 0 1-5.178 17.454 59.055 59.055 0 0 1-19.025 11.026c3.49-6.546.814-14.313 0-16.553l-.146-.087zM64 5.12a58.502 58.502 0 0 1 25.484 5.818 54.313 54.313 0 0 0-12.859 10.327c-.93 1.28-1.716 2.473-2.472 3.579-2.444 3.694-3.637 5.352-5.818 5.614a25.105 25.105 0 0 1-4.219 0c-4.276-.29-10.094-.64-11.956 4.422-1.193 3.23-1.396 11.956 2.444 16.495.66 1.077.778 2.4.32 3.578a7.01 7.01 0 0 1-2.066 3.229 18.938 18.938 0 0 1-2.909-2.91 18.91 18.91 0 0 0-8.32-6.603c-1.25-.349-2.647-.64-3.985-.93-3.782-.786-8.03-1.688-9.019-3.812a14.895 14.895 0 0 1-.727-5.818 21.935 21.935 0 0 0-1.396-9.25 8.873 8.873 0 0 0-5.557-4.946A58.705 58.705 0 0 1 64 5.12zM0 64c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-35.346-28.654-64-64-64C28.654 0 0 28.654 0 64z"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" id="icon-language"><path d="M84.742 36.8c2.398 7.2 5.595 12.8 11.19 18.4 4.795-4.8 7.992-11.2 10.39-18.4h-21.58zm-52.748 40h20.78l-10.39-28-10.39 28z"></path><path d="M111.916 0H16.009C7.218 0 .025 7.2.025 16v96c0 8.8 7.193 16 15.984 16h95.907c8.791 0 15.984-7.2 15.984-16V16c0-8.8-6.394-16-15.984-16zM72.754 103.2c-1.598 1.6-3.197 1.6-4.795 1.6-.8 0-2.398 0-3.197-.8-.8-.8-1.599 0-1.599-.8s-.799-1.6-1.598-3.2c-.8-1.6-.8-2.4-1.599-4l-3.196-8.8H28.797L25.6 96c-1.598 3.2-2.398 5.6-3.197 7.2-.8 1.6-2.398 1.6-4.795 1.6-1.599 0-3.197-.8-4.796-1.6-1.598-1.6-2.397-2.4-2.397-4 0-.8 0-1.6.799-3.2.8-1.6.8-2.4 1.598-4l17.583-44.8c.8-1.6.8-3.2 1.599-4.8.799-1.6 1.598-3.2 2.397-4 .8-.8 1.599-2.4 3.197-3.2 1.599-.8 3.197-.8 4.796-.8 1.598 0 3.196 0 4.795.8 1.598.8 2.398 1.6 3.197 3.2.799.8 1.598 2.4 2.397 4 .8 1.6 1.599 3.2 2.398 5.6l17.583 44c1.598 3.2 2.398 5.6 2.398 7.2-.8.8-1.599 2.4-2.398 4zM116.711 72c-8.791-3.2-15.185-7.2-20.78-12-5.594 5.6-12.787 9.6-21.579 12l-2.397-4c8.791-2.4 15.984-5.6 21.579-11.2C87.939 51.2 83.144 44 81.545 36h-7.992v-3.2h21.58c-1.6-2.4-3.198-5.6-4.796-8l2.397-.8c1.599 2.4 3.997 5.6 5.595 8.8h19.98v4h-7.992c-2.397 8-6.393 15.2-11.189 20 5.595 4.8 11.988 8.8 20.78 11.2l-3.197 4z"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" id="icon-link"><path d="M115.625 127.937H.063V12.375h57.781v12.374H12.438v90.813h90.813V70.156h12.374z"></path><path d="M116.426 2.821l8.753 8.753-56.734 56.734-8.753-8.745z"></path><path d="M127.893 37.982h-12.375V12.375H88.706V0h39.187z"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" id="icon-list"><path d="M1.585 12.087c0 6.616 3.974 11.98 8.877 11.98 4.902 0 8.877-5.364 8.877-11.98 0-6.616-3.975-11.98-8.877-11.98-4.903 0-8.877 5.364-8.877 11.98zM125.86.107H35.613c-1.268 0-2.114 1.426-2.114 2.852v18.255c0 1.712 1.057 2.853 2.114 2.853h90.247c1.268 0 2.114-1.426 2.114-2.853V2.96c0-1.711-1.057-2.852-2.114-2.852zM.106 62.86c0 6.615 3.974 11.979 8.876 11.979 4.903 0 8.877-5.364 8.877-11.98 0-6.616-3.974-11.98-8.877-11.98-4.902 0-8.876 5.364-8.876 11.98zM124.17 50.88H33.921c-1.268 0-2.114 1.425-2.114 2.851v18.256c0 1.711 1.057 2.852 2.114 2.852h90.247c1.268 0 2.114-1.426 2.114-2.852V53.73c0-1.426-.846-2.852-2.114-2.852zM.106 115.913c0 6.616 3.974 11.98 8.876 11.98 4.903 0 8.877-5.364 8.877-11.98 0-6.616-3.974-11.98-8.877-11.98-4.902 0-8.876 5.364-8.876 11.98zm124.064-11.98H33.921c-1.268 0-2.114 1.426-2.114 2.853v18.255c0 1.711 1.057 2.852 2.114 2.852h90.247c1.268 0 2.114-1.426 2.114-2.852v-18.255c0-1.427-.846-2.853-2.114-2.853z"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" id="icon-lock"><path d="M119.88 49.674h-7.987V39.52C111.893 17.738 90.45.08 63.996.08 37.543.08 16.1 17.738 16.1 39.52v10.154H8.113c-4.408 0-7.987 2.94-7.987 6.577v65.13c0 3.637 3.57 6.577 7.987 6.577H119.88c4.407 0 7.987-2.94 7.987-6.577v-65.13c-.008-3.636-3.58-6.577-7.987-6.577zm-23.953 0H32.065V39.52c0-14.524 14.301-26.295 31.931-26.295 17.63 0 31.932 11.777 31.932 26.295v10.153z"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" id="icon-message"><path d="M0 20.967v59.59c0 11.59 8.537 20.966 19.075 20.966h28.613l1 26.477L76.8 101.523h32.125c10.538 0 19.075-9.377 19.075-20.966v-59.59C128 9.377 119.463 0 108.925 0h-89.85C8.538 0 0 9.377 0 20.967zm82.325 33.1c0-5.524 4.013-9.935 9.037-9.935 5.026 0 9.038 4.41 9.038 9.934 0 5.524-4.025 9.934-9.038 9.934-5.024 0-9.037-4.41-9.037-9.934zm-27.613 0c0-5.524 4.013-9.935 9.038-9.935s9.037 4.41 9.037 9.934c0 5.524-4.025 9.934-9.037 9.934-5.025 0-9.038-4.41-9.038-9.934zm-27.1 0c0-5.524 4.013-9.935 9.038-9.935s9.038 4.41 9.038 9.934c0 5.524-4.026 9.934-9.05 9.934-5.013 0-9.025-4.41-9.025-9.934z"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" id="icon-money"><path d="M54.122 127.892v-28.68H7.513V87.274h46.609v-12.4H7.513v-12.86h38.003L.099 0h22.6l32.556 45.07c3.617 5.144 6.44 9.611 8.487 13.385 1.788-3.05 4.89-7.779 9.301-14.186L103.93 0h24.01L82.385 62.013h38.34v12.862h-46.41v12.4h46.41v11.937h-46.41v28.68H54.123z"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" id="icon-nested"><path d="M.002 9.2c0 5.044 3.58 9.133 7.998 9.133 4.417 0 7.997-4.089 7.997-9.133 0-5.043-3.58-9.132-7.997-9.132S.002 4.157.002 9.2zM31.997.066h95.981V18.33H31.997V.066zm0 45.669c0 5.044 3.58 9.132 7.998 9.132 4.417 0 7.997-4.088 7.997-9.132 0-3.263-1.524-6.278-3.998-7.91-2.475-1.63-5.524-1.63-7.998 0-2.475 1.632-4 4.647-4 7.91zM63.992 36.6h63.986v18.265H63.992V36.6zm-31.995 82.2c0 5.043 3.58 9.132 7.998 9.132 4.417 0 7.997-4.089 7.997-9.132 0-5.044-3.58-9.133-7.997-9.133s-7.998 4.089-7.998 9.133zm31.995-9.131h63.986v18.265H63.992V109.67zm0-27.404c0 5.044 3.58 9.133 7.998 9.133 4.417 0 7.997-4.089 7.997-9.133 0-3.263-1.524-6.277-3.998-7.909-2.475-1.631-5.524-1.631-7.998 0-2.475 1.632-4 4.646-4 7.91zm31.995-9.13h31.991V91.4H95.987V73.135z"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" id="icon-password"><path d="M108.8 44.322H89.6v-5.36c0-9.04-3.308-24.163-25.6-24.163-23.145 0-25.6 16.881-25.6 24.162v5.361H19.2v-5.36C19.2 15.281 36.798 0 64 0c27.202 0 44.8 15.281 44.8 38.961v5.361zm-32 39.356c0-5.44-5.763-9.832-12.8-9.832-7.037 0-12.8 4.392-12.8 9.832 0 3.682 2.567 6.808 6.407 8.477v11.205c0 2.718 2.875 4.962 6.4 4.962 3.524 0 6.4-2.244 6.4-4.962V92.155c3.833-1.669 6.393-4.795 6.393-8.477zM128 64v49.201c0 8.158-8.645 14.799-19.2 14.799H19.2C8.651 128 0 121.359 0 113.201V64c0-8.153 8.645-14.799 19.2-14.799h89.6c10.555 0 19.2 6.646 19.2 14.799z"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" id="icon-pdf"><path d="M869.073 277.307H657.111V65.344l211.962 211.963zm-238.232 26.27V65.344l-476.498-.054v416.957h714.73v-178.67H630.841zm-335.836 360.57c-5.07-3.064-10.944-5.133-17.61-6.201-6.67-1.064-13.603-1.6-20.81-1.6h-48.821v85.641h48.822c7.206 0 14.14-.532 20.81-1.6 6.665-1.065 12.54-3.133 17.609-6.202 5.064-3.063 9.134-7.406 12.208-13.007 3.065-5.602 4.6-12.937 4.6-22.011 0-9.07-1.535-16.408-4.6-22.01-3.074-5.603-7.144-9.94-12.208-13.01zM35.82 541.805v416.904h952.358V541.805H35.821zm331.421 191.179c-3.6 11.071-9.343 20.879-17.209 29.413-7.874 8.542-18.078 15.408-30.617 20.61-12.544 5.206-27.747 7.807-45.621 7.807h-66.036v102.45h-62.831V607.517h128.867c17.874 0 33.077 2.6 45.62 7.802 12.541 5.207 22.745 12.076 30.618 20.615 7.866 8.538 13.604 18.277 17.21 29.212 3.6 10.943 5.401 22.278 5.401 34.018 0 11.477-1.8 22.752-5.402 33.819zM644.9 806.417c-5.343 17.61-13.408 32.818-24.212 45.627-10.807 12.803-24.283 22.879-40.423 30.213-16.146 7.343-35.155 11.007-57.03 11.007h-123.26V607.518h123.26c18.41 0 35.552 2.941 51.428 8.808 15.873 5.869 29.618 14.671 41.22 26.412 11.608 11.744 20.674 26.411 27.217 44.02 6.535 17.61 9.803 38.288 9.803 62.035 0 20.81-2.67 40.02-8.003 57.624zm245.362-146.07h-138.07v66.03h119.66v48.829h-119.66v118.058h-62.83V607.518h200.9v52.829h-.001zm-318.2 25.611c-6.402-8.266-14.877-14.604-25.412-19.01-10.544-4.402-23.551-6.602-39.019-6.602h-44.825v180.088h56.029c9.07 0 17.872-1.463 26.415-4.401 8.535-2.932 16.14-7.802 22.812-14.609 6.665-6.8 12.007-15.667 16.007-26.61 4.003-10.94 6.003-24.275 6.003-40.021 0-14.408-1.4-27.416-4.202-39.019-2.8-11.607-7.406-21.542-13.808-29.816zm0 0"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" id="icon-people"><path d="M104.185 95.254c8.161 7.574 13.145 17.441 13.145 28.28 0 1.508-.098 2.998-.285 4.466h-10.784c.238-1.465.403-2.948.403-4.465 0-8.983-4.36-17.115-11.419-23.216C86 104.66 75.355 107.162 64 107.162c-11.344 0-21.98-2.495-31.22-6.83-7.064 6.099-11.444 14.218-11.444 23.203 0 1.517.165 3 .403 4.465H10.955a35.444 35.444 0 0 1-.285-4.465c0-10.838 4.974-20.713 13.127-28.291C9.294 85.42.003 70.417.003 53.58.003 23.99 28.656.001 64 .001s63.997 23.988 63.997 53.58c0 16.842-9.299 31.85-23.812 41.673zM64 36.867c-29.454 0-53.33-10.077-53.33 15.342 0 25.418 23.876 46.023 53.33 46.023 29.454 0 53.33-20.605 53.33-46.023 0-25.419-23.876-15.342-53.33-15.342zm24.888 25.644c-3.927 0-7.111-2.665-7.111-5.953 0-3.288 3.184-5.954 7.11-5.954 3.928 0 7.111 2.666 7.111 5.954s-3.183 5.953-7.11 5.953zm-3.556 16.372c0 4.11-9.55 7.442-21.332 7.442-11.781 0-21.332-3.332-21.332-7.442 0-1.06.656-2.064 1.8-2.976 3.295 2.626 10.79 4.465 19.532 4.465 8.743 0 16.237-1.84 19.531-4.465 1.145.912 1.801 1.916 1.801 2.976zm-46.22-16.372c-3.927 0-7.11-2.665-7.11-5.953 0-3.288 3.183-5.954 7.11-5.954 3.927 0 7.111 2.666 7.111 5.954s-3.184 5.953-7.11 5.953z"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" id="icon-peoples"><path d="M95.648 118.762c0 5.035-3.563 9.121-7.979 9.121H7.98c-4.416 0-7.979-4.086-7.979-9.121C0 100.519 15.408 83.47 31.152 76.75c-9.099-6.43-15.216-17.863-15.216-30.987v-9.128c0-20.16 14.293-36.518 31.893-36.518s31.894 16.358 31.894 36.518v9.122c0 13.137-6.123 24.556-15.216 30.993 15.738 6.726 31.141 23.769 31.141 42.012z"></path><path d="M106.032 118.252h15.867c3.376 0 6.101-3.125 6.101-6.972 0-13.957-11.787-26.984-23.819-32.123 6.955-4.919 11.638-13.66 11.638-23.704v-6.985c0-15.416-10.928-27.926-24.39-27.926-1.674 0-3.306.193-4.89.561 1.936 4.713 3.018 9.974 3.018 15.526v9.121c0 13.137-3.056 23.111-11.066 30.993 14.842 4.41 27.312 23.42 27.541 41.509z"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" id="icon-qq"><path d="M18.448 57.545l-.244-.744-.198-.968-.132-.53v-2.181l.236-.859.24-.908.317-.953.428-1.06.561-1.103.794-1.104v-.773l.077-.724.123-.984.34-1.106.313-1.194.25-.548.289-.511.371-.569.405-.423v-2.73l.234-1.407.236-1.633.42-1.955.577-2.035.43-1.118.426-1.217.468-1.135.559-1.216.57-1.332.655-1.247.737-1.331.929-1.33.43-.762.457-.624.995-1.406 1.025-1.403 1.163-1.444 1.246-1.405 1.352-1.384 1.41-1.423 1.708-1.536 1.083-.934 1.322-1.008 1.34-.89 1.448-.855 1.392-.76 1.57-.63 1.667-.775 1.657-.532 1.653-.552 1.787-.548 1.785-.417 1.876-.347L59.128.68l1.879-.245 1.876-.252 2.002-.106h5.912l1.97.243 1.981.231 2.019.207 1.874.441 1.979.413 1.857.475 2.035.53 1.862.646 1.782.738 1.904.78 1.736.853 1.689.95 1.655 1.044 1.425.971.662.548.693.401 1.323 1.1 1.115 1.064 1.112 1.1 1.083 1.214.894 1.178 1.064 1.217.74 1.306.752 1.162.798 1.352.661 1.175 1.113 2.489.546 1.286.428 1.192.428 1.294.384 1.217.267 1.047.347 1.231.607 2.198.388 1.924.253 1.861.217 1.497.342 2.28.077.362.274.41.737 1.18.473.8.42.832.534.892.472 1.07.307 1.093.334 1.2.252 1.232.115.605.106.746v.648l-.106.643v.8l-.192.774-.35 1.5-.403.76-.299.852v.213l.142.264.4.623 1.746 2.53 1.377 1.9.66 1.267.889 1.389.774 1.52.893 1.627.894 1.828 1.006 2.069.567 1.268.518 1.239.447 1.307.44 1.175.336 1.235.342 1.16.432 2.261.343 2.31.235 2.05v2.891l-.158 1.025-.226 1.768-.308 1.59-.48 1.44-.18.588-.336.707-.28.493-.375.607-.33.383-.42.494-.375.4-.401.34-.48.207-.432.207-.355.114h-.543l-.346-.114-.66-.32-.302-.212-.317-.223-.347-.304-.35-.342-.579-.63-.684-.89-.539-.917-.538-.734-.526-.855-.741-1.517-.833-1.579-.098-.055h-.138l-.338.247-.196.415-.326.516-.567 1.533-.856 2.182-1.096 2.626-.824 1.308-.864 1.366-1.027 1.536-1.09 1.503-.557.68-.676.743-1.555 1.497.136.135.21.214.777.446 3.235 1.524 1.41.779 1.347.756 1.332.953 1.187.982.574.443.432.511.445.593.367.643.198.533.242.64.105.554.115.647-.115.433v.44l-.105.454-.242.415-.092.325-.22.394-.587.784-.543.627-.42.47-.35.348-.893.638-1.01.556-1.077.532-1.155.511-1.287.495-.693.207-.608.167-1.496.342-1.545.325-1.552.323-1.689.27-1.74.072-1.785.21h-5.539l-1.998-.114-1.86-.168-2.005-.27-1.99-.209-2.095-.286-2.03-.495-1.981-.374-1.968-.552-2.019-.707-1.98-.585-1.044-.342-.927-.323-.586-.223-.582-.12h-1.647l-1.904-.131-.962-.096-1.24-.135-.795.705-1.085.665-1.471.701-1.628.875-.99.475-1.033.376-2.281.914-1.24.305-1.3.343-1.803.344-1.13.086-1.193.1-1.246.135-1.45.053h-5.926l-3.346-.053-3.25-.321-1.644-.23-1.589-.23-1.546-.227-1.547-.305-1.442-.456-1.434-.325-1.294-.51-1.223-.474-1.142-.533-.99-.583-.984-.71-.336-.343-.44-.415-.334-.362-.3-.417-.278-.415-.215-.42-.311-.89-.109-.46-.138-.51v-.473l.138-.533v-.53l.109-.53v-1.069l.052-.564.259-.647.215-.646.39-.779.286-.3.236-.348.615-.738.49-.38.464-.266.428-.338.676-.21.543-.324.676-.341.77-.227.775-.231.897-.192.85-.11 1.008-.13 1.093-.081.284-.092h.063l.137-.115v-.13l-.2-.266-.58-.27-1.45-1.231-.975-.761-1.127-.967-1.136-1.082-1.181-1.382-1.36-1.558-.508-.843-.672-.87-.58-1.007-.522-1.1-.704-1.047-.459-1.194-.547-1.192-.546-1.33-.397-1.273-.378-1.575-.112-.057h-.115l-.059-.113h-.14l-.23.113-.114.057-.158.264-.057.321-.119.286-.206.477-.664 1.157-.345.701-.546.612-.58.736-.641.816-.677.724-.795.701-.734.658-.814.524-.89.546-.855.325-1.008.247-.99.095h-.233l-.228-.095-.18-.384-.29-.188-.38-.912-.237-.493-.255-.707-.21-.734-.113-.724-.313-1.648-.12-.972v-3.185l.12-2.379.196-1.214.23-1.252.21-1.347.374-1.254.42-1.443.431-1.407.578-1.448.545-1.38.754-1.4.699-1.52.855-1.425 1.006-1.538 1.023-1.382 1.069-1.538.891-1.071 1.142-1.227 1.202-1.237.56-.59.678-.662.985-.836 1.012-.853 1.647-1.446 1.242-.889z"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" id="icon-search"><path d="M124.884 109.812L94.256 79.166c-.357-.357-.757-.629-1.129-.914a50.366 50.366 0 0 0 8.186-27.59C101.327 22.689 78.656 0 50.67 0 22.685 0 0 22.688 0 50.663c0 27.989 22.685 50.663 50.656 50.663 10.186 0 19.643-3.03 27.6-8.201.286.385.557.771.9 1.114l30.628 30.632a10.633 10.633 0 0 0 7.543 3.129c2.728 0 5.457-1.043 7.543-3.115 4.171-4.157 4.171-10.915.014-15.073M50.671 85.338C31.557 85.338 16 69.78 16 50.663c0-19.102 15.557-34.661 34.67-34.661 19.115 0 34.657 15.559 34.657 34.675 0 19.102-15.557 34.661-34.656 34.661"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" id="icon-shopping"><path d="M42.913 101.36c1.642 0 3.198.332 4.667.996a12.28 12.28 0 0 1 3.89 2.772c1.123 1.184 1.987 2.582 2.592 4.193.605 1.612.908 3.318.908 5.118 0 1.8-.303 3.507-.908 5.118-.605 1.611-1.469 3.01-2.593 4.194a13.3 13.3 0 0 1-3.889 2.843 10.582 10.582 0 0 1-4.667 1.066c-1.729 0-3.306-.355-4.732-1.066a13.604 13.604 0 0 1-3.825-2.843c-1.123-1.185-1.988-2.583-2.593-4.194a14.437 14.437 0 0 1-.907-5.118c0-1.8.302-3.506.907-5.118.605-1.61 1.47-3.009 2.593-4.193a12.515 12.515 0 0 1 3.825-2.772c1.426-.664 3.003-.996 4.732-.996zm53.932.285c1.643 0 3.22.331 4.733.995a11.386 11.386 0 0 1 3.889 2.772c1.08 1.185 1.945 2.583 2.593 4.194.648 1.61.972 3.317.972 5.118 0 1.8-.324 3.506-.972 5.117-.648 1.611-1.513 3.01-2.593 4.194a12.253 12.253 0 0 1-3.89 2.843 11 11 0 0 1-4.732 1.066 10.58 10.58 0 0 1-4.667-1.066 12.478 12.478 0 0 1-3.824-2.843c-1.08-1.185-1.945-2.583-2.593-4.194a13.581 13.581 0 0 1-.973-5.117c0-1.801.325-3.507.973-5.118.648-1.611 1.512-3.01 2.593-4.194a11.559 11.559 0 0 1 3.824-2.772 11.212 11.212 0 0 1 4.667-.995zm21.781-80.747c2.42 0 4.3.355 5.64 1.066 1.34.71 2.29 1.587 2.852 2.63a6.427 6.427 0 0 1 .778 3.34c-.044 1.185-.195 2.204-.454 3.057-.26.853-.8 2.606-1.62 5.26a589.268 589.268 0 0 1-2.788 8.743 1236.373 1236.373 0 0 0-3.047 9.453c-.994 3.128-1.75 5.592-2.269 7.393-1.123 3.79-2.55 6.42-4.278 7.89-1.728 1.469-3.846 2.203-6.352 2.203H39.023l1.945 12.795h65.342c4.148 0 6.223 1.943 6.223 5.828 0 1.896-.41 3.53-1.232 4.905-.821 1.374-2.442 2.061-4.862 2.061H38.505c-1.729 0-3.176-.426-4.343-1.28-1.167-.852-2.14-1.966-2.917-3.34a21.277 21.277 0 0 1-1.88-4.478 44.128 44.128 0 0 1-1.102-4.55c-.087-.568-.324-1.942-.713-4.122-.39-2.18-.865-4.904-1.426-8.174l-1.88-10.947c-.692-4.027-1.383-8.079-2.075-12.154-1.642-9.572-3.5-20.234-5.574-31.986H6.87c-1.296 0-2.377-.356-3.24-1.067a9.024 9.024 0 0 1-2.14-2.558 10.416 10.416 0 0 1-1.167-3.2C.108 8.53 0 7.488 0 6.54c0-1.896.583-3.46 1.75-4.69C2.917.615 4.494 0 6.482 0h13.095c1.728 0 3.111.284 4.148.853 1.037.569 1.858 1.28 2.463 2.132a8.548 8.548 0 0 1 1.297 2.701c.26.948.475 1.754.648 2.417.173.758.346 1.825.519 3.199.173 1.374.345 2.772.518 4.193.26 1.706.519 3.507.778 5.403h88.678z"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" id="icon-size"><path d="M0 54.857h54.796v18.286H36.531V128H18.265V73.143H0V54.857zm127.857-36.571H91.935V128H72.456V18.286H36.534V0h91.326l-.003 18.286z"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" id="icon-skill"><path d="M31.652 93.206h33.401c1.44 2.418 3.077 4.663 4.93 6.692h-38.33v-6.692zm0-10.586h28.914a44.8 44.8 0 0 1-1.264-6.688h-27.65v6.688zm0-17.27H59.39c.288-2.286.714-4.532 1.34-6.687H31.65v6.687h.003zm53.913 44.84v5.85c0 2.798-2.095 5.075-4.667 5.075h-70.07c-2.576 0-4.663-2.277-4.663-5.075V31.26l23.22-20.96v22.25H17.16v6.688h18.39V6.688h45.348c2.576 0 4.667 2.277 4.667 5.066v20.009c1.987-.675 4.053-1.128 6.17-1.445v-18.56C91.738 5.28 86.874 0 80.902 0H31.15L0 28.118v87.917c0 6.48 4.859 11.759 10.832 11.759h70.07c5.974 0 10.837-5.27 10.837-11.759v-4.41c-2.117-.312-4.183-.765-6.17-1.435h-.004zM23.279 58.667h-7.96v6.688h7.96v-6.688zm-7.956 41.23h7.96v-6.691h-7.96v6.692zm7.956-23.96h-7.96v6.687h7.96v-6.688zm89.718-15.042l-4.896-4.07-12.447 17.613-11.19-9.305-3.762 5.311 16.091 13.38 16.204-22.929zM128 70.978c0-18.632-13.97-33.782-31.147-33.782-17.168 0-31.135 15.155-31.135 33.782 0 18.628 13.97 33.783 31.135 33.783 17.172 0 31.143-15.15 31.143-33.783H128zm-6.17 0c0 14.933-11.203 27.1-24.981 27.1-13.77 0-24.987-12.158-24.987-27.1 0-14.941 11.195-27.099 24.987-27.099 13.778 0 24.982 12.158 24.982 27.1z"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" id="icon-star"><path d="M70.66 4.328l14.01 29.693c1.088 2.29 3.177 3.882 5.603 4.25l31.347 4.76c6.087.926 8.528 8.756 4.117 13.247L103.05 79.395c-1.75 1.78-2.544 4.352-2.132 6.867l5.352 32.641c1.043 6.337-5.33 11.182-10.778 8.19l-28.039-15.409a7.13 7.13 0 0 0-6.91 0l-28.039 15.41c-5.448 2.99-11.821-1.854-10.777-8.19l5.352-32.642c.415-2.515-.387-5.088-2.136-6.867L2.264 56.278C-2.146 51.787.286 43.957 6.38 43.031l31.343-4.76c2.419-.368 4.51-1.96 5.595-4.25L57.334 4.328c2.728-5.77 10.605-5.77 13.325 0z"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" id="icon-tab"><path d="M78.921.052H49.08c-1.865 0-3.198 1.599-3.198 3.464v6.661c0 1.865 1.6 3.464 3.198 3.464h29.84c1.865 0 3.198-1.599 3.198-3.464V3.516C82.385 1.65 80.786.052 78.92.052zm45.563 0H94.642c-1.865 0-3.464 1.599-3.464 3.464v6.661c0 1.865 1.599 3.464 3.464 3.464h29.842c1.865-.266 3.464-1.599 3.464-3.464V3.516c0-1.865-1.599-3.464-3.464-3.464zm0 22.382H40.02c-1.866 0-3.464-1.599-3.464-3.464V3.516c0-1.865-1.599-3.464-3.464-3.464H3.516C1.65.052.052 1.651.052 3.516V124.75c0 1.598 1.599 3.197 3.464 3.197h120.968c1.865 0 3.464-1.599 3.464-3.464V25.898c0-1.865-1.599-3.464-3.464-3.464z"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" id="icon-table"><path d="M.006.064h127.988v31.104H.006V.064zm0 38.016h38.396v41.472H.006V38.08zm0 48.384h38.396v41.472H.006V86.464zM44.802 38.08h38.396v41.472H44.802V38.08zm0 48.384h38.396v41.472H44.802V86.464zM89.598 38.08h38.396v41.472H89.598zm0 48.384h38.396v41.472H89.598z"></path><path d="M.006.064h127.988v31.104H.006V.064zm0 38.016h38.396v41.472H.006V38.08zm0 48.384h38.396v41.472H.006V86.464zM44.802 38.08h38.396v41.472H44.802V38.08zm0 48.384h38.396v41.472H44.802V86.464zM89.598 38.08h38.396v41.472H89.598zm0 48.384h38.396v41.472H89.598z"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" id="icon-theme"><path d="M125.5 36.984L95.336 2.83C93.735 1.018 91.565 0 89.3 0c-2.263 0-4.433 1.018-6.033 2.83l-3.786 4.286c-1.6 1.812-3.77 2.83-6.032 2.831H54.553c-2.263 0-4.434-1.018-6.033-2.83L44.734 2.83C43.134 1.018 40.964 0 38.701 0c-2.263 0-4.434 1.018-6.034 2.83L2.5 36.984C.9 38.796 0 41.254 0 43.815c0 2.562.899 5.02 2.5 6.831L14.565 64.31c2.178 2.468 5.367 3.403 8.33 2.444 1.35-.435 2.709.592 2.709 2.18v49.407c0 5.313 3.84 9.66 8.532 9.66h59.726c4.693 0 8.532-4.347 8.532-9.66V68.934c0-1.59 1.36-2.616 2.71-2.181 2.962.96 6.15.024 8.329-2.444L125.5 50.646c1.6-1.811 2.499-4.269 2.499-6.83 0-2.563-.899-5.02-2.5-6.832z"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" id="icon-tree-table"><path d="M44.8 0h79.543C126.78 0 128 1.422 128 4.267v23.466c0 2.845-1.219 4.267-3.657 4.267H44.8c-2.438 0-3.657-1.422-3.657-4.267V4.267C41.143 1.422 42.362 0 44.8 0zm22.857 48h56.686c2.438 0 3.657 1.422 3.657 4.267v23.466c0 2.845-1.219 4.267-3.657 4.267H67.657C65.22 80 64 78.578 64 75.733V52.267C64 49.422 65.219 48 67.657 48zm0 48h56.686c2.438 0 3.657 1.422 3.657 4.267v23.466c0 2.845-1.219 4.267-3.657 4.267H67.657C65.22 128 64 126.578 64 123.733v-23.466C64 97.422 65.219 96 67.657 96zM50.286 68.267c2.02 0 3.657-1.91 3.657-4.267 0-2.356-1.638-4.267-3.657-4.267H17.37V32h6.4c2.02 0 3.658-1.91 3.658-4.267V4.267C27.429 1.91 25.79 0 23.77 0H3.657C1.637 0 0 1.91 0 4.267v23.466C0 30.09 1.637 32 3.657 32h6.4v80c0 2.356 1.638 4.267 3.657 4.267h36.572c2.02 0 3.657-1.91 3.657-4.267 0-2.356-1.638-4.267-3.657-4.267H17.37V68.267h32.915z"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" id="icon-tree"><path d="M126.713 90.023c.858.985 1.287 2.134 1.287 3.447v29.553c0 1.423-.429 2.6-1.287 3.53-.858.93-1.907 1.395-3.146 1.395H97.824c-1.145 0-2.146-.465-3.004-1.395-.858-.93-1.287-2.107-1.287-3.53V93.47c0-.875.19-1.696.572-2.462.382-.766.906-1.368 1.573-1.806a3.84 3.84 0 0 1 2.146-.657h9.725V69.007a3.84 3.84 0 0 0-.43-1.806 3.569 3.569 0 0 0-1.143-1.313 2.714 2.714 0 0 0-1.573-.492h-36.47v23.149h9.725c1.144 0 2.145.492 3.004 1.478.858.985 1.287 2.134 1.287 3.447v29.553c0 .876-.191 1.696-.573 2.463-.38.766-.905 1.368-1.573 1.806a3.84 3.84 0 0 1-2.145.656H51.915a3.84 3.84 0 0 1-2.145-.656c-.668-.438-1.216-1.04-1.645-1.806a4.96 4.96 0 0 1-.644-2.463V93.47c0-1.313.43-2.462 1.288-3.447.858-.986 1.907-1.478 3.146-1.478h9.582v-23.15h-37.9c-.953 0-1.74.356-2.359 1.068-.62.711-.93 1.56-.93 2.544v19.538h9.726c1.239 0 2.264.492 3.074 1.478.81.985 1.216 2.134 1.216 3.447v29.553c0 1.423-.405 2.6-1.216 3.53-.81.93-1.835 1.395-3.074 1.395H4.29c-.476 0-.93-.082-1.358-.246a4.1 4.1 0 0 1-1.144-.657 4.658 4.658 0 0 1-.93-1.067 5.186 5.186 0 0 1-.643-1.395 5.566 5.566 0 0 1-.215-1.56V93.47c0-.437.048-.875.143-1.313a3.95 3.95 0 0 1 .429-1.15c.19-.328.429-.656.715-.984.286-.329.572-.602.858-.821.286-.22.62-.383 1.001-.493.382-.11.763-.164 1.144-.164h9.726V61.619c0-.985.31-1.833.93-2.544.619-.712 1.358-1.068 2.216-1.068h44.335V39.62h-9.582c-1.24 0-2.288-.492-3.146-1.477a5.09 5.09 0 0 1-1.287-3.448V5.14c0-1.423.429-2.627 1.287-3.612.858-.985 1.907-1.477 3.146-1.477h25.743c.763 0 1.478.246 2.145.739a5.17 5.17 0 0 1 1.573 1.888c.382.766.573 1.587.573 2.462v29.553c0 1.313-.43 2.463-1.287 3.448-.859.985-1.86 1.477-3.004 1.477h-9.725v18.389h42.762c.954 0 1.74.355 2.36 1.067.62.711.93 1.56.93 2.545v26.925h9.582c1.239 0 2.288.492 3.146 1.478z"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 130 130" id="icon-user"><path d="M63.444 64.996c20.633 0 37.359-14.308 37.359-31.953 0-17.649-16.726-31.952-37.359-31.952-20.631 0-37.36 14.303-37.358 31.952 0 17.645 16.727 31.953 37.359 31.953zM80.57 75.65H49.434c-26.652 0-48.26 18.477-48.26 41.27v2.664c0 9.316 21.608 9.325 48.26 9.325H80.57c26.649 0 48.256-.344 48.256-9.325v-2.663c0-22.794-21.605-41.271-48.256-41.271z" stroke="#979797"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 110" id="icon-wechat"><path d="M86.635 33.334c1.467 0 2.917.113 4.358.283C87.078 14.392 67.58.111 45.321.111 20.44.111.055 17.987.055 40.687c0 13.104 6.781 23.863 18.115 32.209l-4.527 14.352 15.82-8.364c5.666 1.182 10.207 2.395 15.858 2.395 1.42 0 2.829-.073 4.227-.189-.886-3.19-1.398-6.53-1.398-9.996 0-20.845 16.98-37.76 38.485-37.76zm-24.34-12.936c3.407 0 5.665 2.363 5.665 5.954 0 3.576-2.258 5.97-5.666 5.97-3.392 0-6.795-2.395-6.795-5.97 0-3.591 3.403-5.954 6.795-5.954zM30.616 32.323c-3.393 0-6.818-2.395-6.818-5.971 0-3.591 3.425-5.954 6.818-5.954 3.392 0 5.65 2.363 5.65 5.954 0 3.576-2.258 5.97-5.65 5.97z"></path><path d="M127.945 70.52c0-19.075-18.108-34.623-38.448-34.623-21.537 0-38.5 15.548-38.5 34.623 0 19.108 16.963 34.622 38.5 34.622 4.508 0 9.058-1.2 13.584-2.395l12.414 7.167-3.404-11.923c9.087-7.184 15.854-16.712 15.854-27.471zm-50.928-5.97c-2.254 0-4.53-2.362-4.53-4.773 0-2.378 2.276-4.771 4.53-4.771 3.422 0 5.665 2.393 5.665 4.771 0 2.41-2.243 4.773-5.665 4.773zm24.897 0c-2.24 0-4.498-2.362-4.498-4.773 0-2.378 2.258-4.771 4.498-4.771 3.392 0 5.665 2.393 5.665 4.771 0 2.41-2.273 4.773-5.665 4.773z"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" id="icon-zip"><path d="M78.527 116.793c.178.008.348.024.527.024h40.233c4.711-.005 8.53-3.677 8.534-8.21V18.895c-.004-4.532-3.823-8.204-8.534-8.209H79.054c-.179 0-.353.016-.527.024V0L0 10.082v107.406l78.527 10.342v-11.037zm0-101.362c.174-.024.348-.052.527-.052h40.233c2.018 0 3.659 1.578 3.659 3.52v89.713c-.003 1.942-1.64 3.517-3.659 3.519H79.054c-.179 0-.353-.028-.527-.052V15.431zM30.262 75.757l-18.721-.46V72.37l11.3-16.673v-.148l-10.266.164v-4.51l17.504-.44v3.264L18.696 70.76v.144l11.566.176v4.678zm9.419.231l-5.823-.144V50.671l5.823-.144v25.461zm22.255-11.632c-2.168 1.922-5.353 2.76-9.02 2.736-.702.004-1.402-.04-2.097-.131v9.303l-5.997-.148V50.743c1.852-.352 4.473-.647 8.218-.743 3.838-.096 6.608.539 8.48 1.913 1.807 1.306 3.032 3.5 3.032 6.112s-.926 4.833-2.612 6.331h-.004zM53.36 54.45c-.856-.01-1.71.083-2.541.275v7.682c.523.116 1.167.152 2.06.152 3.301-.004 5.36-1.614 5.36-4.314 0-2.425-1.772-3.843-4.875-3.791l-.004-.004zm39.847-37.066h9.564v3.795h-9.564v-3.795zm-9.568 5.68h9.564v3.8h-9.564v-3.8zm9.568 6.216h9.564v3.799h-9.564V29.28zm0 12h9.564v3.794h-9.564V41.28zm-9.568-6.096h9.564v3.795h-9.564v-3.795zm9.472 47.064c2.512 0 4.921-.96 6.697-2.67 1.776-1.708 2.773-4.026 2.772-6.442l-1.748-15.263c0-5.033-2.492-9.112-7.725-9.112-5.232 0-7.72 4.079-7.72 9.112l-1.752 15.263c-.001 2.417.996 4.735 2.773 6.444 1.777 1.71 4.187 2.669 6.7 2.668h.003zm-3.135-16.75h6.27v12.743h-6.27V65.5z"></path></symbol></svg>
|
|
<div id="app"><div data-v-13877386="" class="app-wrapper hideSidebar"><!----><div data-v-13877386="" class="sidebar-container"><!----><div class="el-scrollbar"><div class="scrollbar-wrapper el-scrollbar__wrap" style="margin-bottom: -17px; margin-right: -17px;"><div class="el-scrollbar__view"><ul role="menubar" class="el-menu--collapse el-menu" style="background-color: rgb(48, 65, 86);"><!----><!----><!----><!----><!----><div><a href="http://localhost:9527/#/overview" class=""><li role="menuitem" tabindex="-1" class="el-menu-item submenu-title-noDropdown" style="padding-left: 20px; color: rgb(191, 203, 217); background-color: rgb(48, 65, 86);"><div class="el-tooltip" aria-describedby="el-tooltip-2855" tabindex="0" style="position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; display: inline-block; box-sizing: border-box; padding: 0px 20px;"><svg data-v-c8a70580="" aria-hidden="true" class="svg-icon" data-v-31ea41b3=""><use data-v-c8a70580="" xlink:href="#icon-dashboard"></use></svg></div></li></a></div><div><li role="menuitem" aria-haspopup="true" class="el-submenu"><div class="el-submenu__title" style="padding-left: 20px; color: rgb(191, 203, 217); background-color: rgb(48, 65, 86);"><i data-v-31ea41b3="" class="el-icon-s-custom sub-el-icon"></i><span data-v-31ea41b3="">学员管理</span><i class="el-submenu__icon-arrow el-icon-arrow-right"></i></div><div class="el-menu--vertical" style="display: none;"><ul role="menu" class="el-menu el-menu--popup el-menu--popup-right-start" style="background-color: rgb(48, 65, 86);"><div class="nest-menu"><a href="http://localhost:9527/#/studentManage/outlets" class=""><li role="menuitem" tabindex="-1" class="el-menu-item" style="padding-left: 20px; color: rgb(191, 203, 217); background-color: rgb(48, 65, 86);"><span data-v-31ea41b3="">网点管理</span></li></a></div><div class="nest-menu"><a href="http://localhost:9527/#/studentManage/student" class=""><li role="menuitem" tabindex="-1" class="el-menu-item" style="padding-left: 20px; color: rgb(191, 203, 217); background-color: rgb(48, 65, 86);"><span data-v-31ea41b3="">学员管理</span></li></a></div><!----><div class="nest-menu"><a href="http://localhost:9527/#/studentManage/sign" class=""><li role="menuitem" tabindex="-1" class="el-menu-item" style="padding-left: 20px; color: rgb(191, 203, 217); background-color: rgb(48, 65, 86);"><span data-v-31ea41b3="">签到记录</span></li></a></div><div class="nest-menu"><a href="http://localhost:9527/#/studentManage/device" class=""><li role="menuitem" tabindex="-1" class="el-menu-item" style="padding-left: 20px; color: rgb(191, 203, 217); background-color: rgb(48, 65, 86);"><span data-v-31ea41b3="">设备审核</span></li></a></div></ul></div></li></div><div><li role="menuitem" aria-haspopup="true" class="el-submenu"><div class="el-submenu__title" style="padding-left: 20px; color: rgb(191, 203, 217); background-color: rgb(48, 65, 86);"><i data-v-31ea41b3="" class="el-icon-s-custom sub-el-icon"></i><span data-v-31ea41b3="">讲师管理</span><i class="el-submenu__icon-arrow el-icon-arrow-right"></i></div><div class="el-menu--vertical" style="display: none;"><ul role="menu" class="el-menu el-menu--popup el-menu--popup-right-start" style="background-color: rgb(48, 65, 86);"><div class="nest-menu"><a href="http://localhost:9527/#/lecturerManagement/list" class=""><li role="menuitem" tabindex="-1" class="el-menu-item" style="padding-left: 20px; color: rgb(191, 203, 217); background-color: rgb(48, 65, 86);"><span data-v-31ea41b3="">讲师列表</span></li></a></div></ul></div></li></div><div><li role="menuitem" aria-haspopup="true" class="el-submenu is-active"><div class="el-submenu__title" style="padding-left: 20px; color: rgb(191, 203, 217); background-color: rgb(48, 65, 86);"><i data-v-31ea41b3="" class="el-icon-s-custom sub-el-icon"></i><span data-v-31ea41b3="">内容管理</span><i class="el-submenu__icon-arrow el-icon-arrow-right"></i></div><div class="el-menu--vertical" style="display: none;"><ul role="menu" class="el-menu el-menu--popup el-menu--popup-right-start" style="background-color: rgb(48, 65, 86);"><div class="nest-menu"><li role="menuitem" aria-haspopup="true" class="el-submenu is-active"><div class="el-submenu__title" style="padding-left: 20px; color: rgb(191, 203, 217); background-color: rgb(48, 65, 86);"><span data-v-31ea41b3="">课程管理</span><i class="el-submenu__icon-arrow el-icon-arrow-right"></i></div><div class="el-menu--vertical" style="display: none;"><ul role="menu" class="el-menu el-menu--popup el-menu--popup-right-start" style="background-color: rgb(48, 65, 86);"><div class="nest-menu"><a href="http://localhost:9527/#/contentManage/course/course_class" class=""><li role="menuitem" tabindex="-1" class="el-menu-item" style="padding-left: 20px; color: rgb(191, 203, 217); background-color: rgb(48, 65, 86);"><span data-v-31ea41b3="">课程分类</span></li></a></div><div class="nest-menu"><a href="http://localhost:9527/#/contentManage/course/course_grade" class=""><li role="menuitem" tabindex="-1" class="el-menu-item" style="padding-left: 20px; color: rgb(191, 203, 217); background-color: rgb(48, 65, 86);"><span data-v-31ea41b3="">课程等级</span></li></a></div><div class="nest-menu"><a href="http://localhost:9527/#/contentManage/course/live_courses/live_list" class="router-link-exact-active router-link-active"><li role="menuitem" tabindex="-1" class="el-menu-item is-active" style="padding-left: 20px; color: rgb(64, 158, 255); background-color: rgb(48, 65, 86);"><span data-v-31ea41b3="">直播列表</span></li></a></div><div class="nest-menu"><a href="http://localhost:9527/#/contentManage/course/video_courses" class=""><li role="menuitem" tabindex="-1" class="el-menu-item" style="padding-left: 20px; color: rgb(191, 203, 217); background-color: rgb(48, 65, 86);"><span data-v-31ea41b3="">视频课程</span></li></a></div><!----><!----><div class="nest-menu"><a href="http://localhost:9527/#/contentManage/course/project_courses" class=""><li role="menuitem" tabindex="-1" class="el-menu-item" style="padding-left: 20px; color: rgb(191, 203, 217); background-color: rgb(48, 65, 86);"><span data-v-31ea41b3="">专题课程</span></li></a></div><!----><!----><!----><div class="nest-menu"><a href="http://localhost:9527/#/contentManage/course/collection_record" class=""><li role="menuitem" tabindex="-1" class="el-menu-item" style="padding-left: 20px; color: rgb(191, 203, 217); background-color: rgb(48, 65, 86);"><span data-v-31ea41b3="">收藏记录</span></li></a></div><div class="nest-menu"><a href="http://localhost:9527/#/contentManage/course/like_record" class=""><li role="menuitem" tabindex="-1" class="el-menu-item" style="padding-left: 20px; color: rgb(191, 203, 217); background-color: rgb(48, 65, 86);"><span data-v-31ea41b3="">点赞记录</span></li></a></div></ul></div></li></div><div class="nest-menu"><li role="menuitem" aria-haspopup="true" class="el-submenu"><div class="el-submenu__title" style="padding-left: 20px; color: rgb(191, 203, 217); background-color: rgb(48, 65, 86);"><span data-v-31ea41b3="">题库管理</span><i class="el-submenu__icon-arrow el-icon-arrow-right"></i></div><div class="el-menu--vertical" style="display: none;"><ul role="menu" class="el-menu el-menu--popup el-menu--popup-right-start" style="background-color: rgb(48, 65, 86);"><div class="nest-menu"><a href="http://localhost:9527/#/contentManage/question_bank/classification" class=""><li role="menuitem" tabindex="-1" class="el-menu-item" style="padding-left: 20px; color: rgb(191, 203, 217); background-color: rgb(48, 65, 86);"><span data-v-31ea41b3="">试题分类</span></li></a></div><div class="nest-menu"><a href="http://localhost:9527/#/contentManage/question_bank/list" class=""><li role="menuitem" tabindex="-1" class="el-menu-item" style="padding-left: 20px; color: rgb(191, 203, 217); background-color: rgb(48, 65, 86);"><span data-v-31ea41b3="">试题列表</span></li></a></div></ul></div></li></div><div class="nest-menu"><li role="menuitem" aria-haspopup="true" class="el-submenu"><div class="el-submenu__title" style="padding-left: 20px; color: rgb(191, 203, 217); background-color: rgb(48, 65, 86);"><span data-v-31ea41b3="">素材管理</span><i class="el-submenu__icon-arrow el-icon-arrow-right"></i></div><div class="el-menu--vertical" style="display: none;"><ul role="menu" class="el-menu el-menu--popup el-menu--popup-right-start" style="background-color: rgb(48, 65, 86);"><div class="nest-menu"><a href="http://localhost:9527/#/contentManage/material_management/list" class=""><li role="menuitem" tabindex="-1" class="el-menu-item" style="padding-left: 20px; color: rgb(191, 203, 217); background-color: rgb(48, 65, 86);"><span data-v-31ea41b3="">素材列表</span></li></a></div></ul></div></li></div></ul></div></li></div><div><li role="menuitem" aria-haspopup="true" class="el-submenu"><div class="el-submenu__title" style="padding-left: 20px; color: rgb(191, 203, 217); background-color: rgb(48, 65, 86);"><i data-v-31ea41b3="" class="el-icon-s-custom sub-el-icon"></i><span data-v-31ea41b3="">运营管理</span><i class="el-submenu__icon-arrow el-icon-arrow-right"></i></div><div class="el-menu--vertical" style="display: none;"><ul role="menu" class="el-menu el-menu--popup el-menu--popup-right-start" style="background-color: rgb(48, 65, 86);"><div class="nest-menu"><a href="http://localhost:9527/#/operationManage/carousel_image" class=""><li role="menuitem" tabindex="-1" class="el-menu-item" style="padding-left: 20px; color: rgb(191, 203, 217); background-color: rgb(48, 65, 86);"><span data-v-31ea41b3="">轮播图管理</span></li></a></div><!----><!----><div class="nest-menu"><a href="http://localhost:9527/#/operationManage/other_config" class=""><li role="menuitem" tabindex="-1" class="el-menu-item" style="padding-left: 20px; color: rgb(191, 203, 217); background-color: rgb(48, 65, 86);"><span data-v-31ea41b3="">其他配制</span></li></a></div></ul></div></li></div><div><li role="menuitem" aria-haspopup="true" class="el-submenu"><div class="el-submenu__title" style="padding-left: 20px; color: rgb(191, 203, 217); background-color: rgb(48, 65, 86);"><i data-v-31ea41b3="" class="el-icon-s-custom sub-el-icon"></i><span data-v-31ea41b3="">系统管理</span><i class="el-submenu__icon-arrow el-icon-arrow-right"></i></div><div class="el-menu--vertical" style="display: none;"><ul role="menu" class="el-menu el-menu--popup el-menu--popup-right-start" style="background-color: rgb(48, 65, 86);"><div class="nest-menu"><a href="http://localhost:9527/#/systemManage/region_admin" class=""><li role="menuitem" tabindex="-1" class="el-menu-item" style="padding-left: 20px; color: rgb(191, 203, 217); background-color: rgb(48, 65, 86);"><span data-v-31ea41b3="">区域管理员</span></li></a></div><div class="nest-menu"><a href="http://localhost:9527/#/systemManage/roles" class=""><li role="menuitem" tabindex="-1" class="el-menu-item" style="padding-left: 20px; color: rgb(191, 203, 217); background-color: rgb(48, 65, 86);"><span data-v-31ea41b3="">角色管理</span></li></a></div><div class="nest-menu"><a href="http://localhost:9527/#/systemManage/user" class=""><li role="menuitem" tabindex="-1" class="el-menu-item" style="padding-left: 20px; color: rgb(191, 203, 217); background-color: rgb(48, 65, 86);"><span data-v-31ea41b3="">用户管理</span></li></a></div><div class="nest-menu"><a href="http://localhost:9527/#/systemManage/log" class=""><li role="menuitem" tabindex="-1" class="el-menu-item" style="padding-left: 20px; color: rgb(191, 203, 217); background-color: rgb(48, 65, 86);"><span data-v-31ea41b3="">操作日志</span></li></a></div></ul></div></li></div><!----></ul></div></div><div class="el-scrollbar__bar is-horizontal"><div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div></div><div class="el-scrollbar__bar is-vertical"><div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div></div></div></div><div data-v-13877386="" class="main-container hasTagsView"><div data-v-13877386="" class=""><div data-v-d16d6306="" data-v-13877386="" class="navbar"><div data-v-4e6f274c="" data-v-d16d6306="" id="hamburger-container" class="hamburger-container" style="padding: 0px 15px;"><svg data-v-4e6f274c="" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="64" height="64" class="hamburger"><path data-v-4e6f274c="" d="M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm-8 204c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56zm504-486H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 632H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM142.4 642.1L298.7 519a8.84 8.84 0 0 0 0-13.9L142.4 381.9c-5.8-4.6-14.4-.5-14.4 6.9v246.3a8.9 8.9 0 0 0 14.4 7z"></path></svg></div><div data-v-b50ef614="" data-v-d16d6306="" aria-label="Breadcrumb" role="navigation" class="el-breadcrumb app-breadcrumb breadcrumb-container" id="breadcrumb-container"><span data-v-b50ef614=""><span data-v-b50ef614="" class="el-breadcrumb__item"><span role="link" class="el-breadcrumb__inner"><a data-v-b50ef614="">首页</a></span><span role="presentation" class="el-breadcrumb__separator">/</span></span><span data-v-b50ef614="" class="el-breadcrumb__item"><span role="link" class="el-breadcrumb__inner"><a data-v-b50ef614="">内容管理</a></span><span role="presentation" class="el-breadcrumb__separator">/</span></span><span data-v-b50ef614="" class="el-breadcrumb__item"><span role="link" class="el-breadcrumb__inner"><a data-v-b50ef614="">课程管理</a></span><span role="presentation" class="el-breadcrumb__separator">/</span></span><span data-v-b50ef614="" class="el-breadcrumb__item"><span role="link" class="el-breadcrumb__inner"><a data-v-b50ef614="">直播课程</a></span><span role="presentation" class="el-breadcrumb__separator">/</span></span><span data-v-b50ef614="" class="el-breadcrumb__item" aria-current="page"><span role="link" class="el-breadcrumb__inner"><span data-v-b50ef614="" class="no-redirect"> 直播列表 </span></span><span role="presentation" class="el-breadcrumb__separator">/</span></span></span></div><div data-v-d16d6306="" class="right-menu"><!----><div data-v-29234bee="" data-v-d16d6306="" id="screenfull" class="right-menu-item hover-effect"><svg data-v-c8a70580="" data-v-29234bee="" aria-hidden="true" class="svg-icon"><use data-v-c8a70580="" xlink:href="#icon-fullscreen"></use></svg></div><div data-v-d16d6306="" class="avatar-container right-menu-item hover-effect el-dropdown"><div data-v-d16d6306="" class="avatar-wrapper el-dropdown-selfdefine" aria-haspopup="list" aria-controls="dropdown-menu-9561" role="button" tabindex="0"><img data-v-d16d6306="" src="data:image/png;base64,UklGRsSSAABXRUJQVlA4ILiSAAAQHASdASogAyADPu1srlKppby3pDK9G5AdiWNuH46G4pPgDlfkiEVZneVq/mDZw3h7sPsI/b/2CvCR5pc/PzbqQv/T5pPy7ynR+r+vtOfVpZefMt/+urt67v/ZvfMcqvUP4t/4/PP8n/x//r/v/L/80/T/+P+u9NJwHzlf+HZP6t3y31UJ5/tiObz2aEX0o0c/mPUT8p/ww/vP/h4KAOmeG5ojEooS6SqwP78MTuF3YayyCoxAF9yImcau0HX+NXhYFEunly4mSHiotx0c7XS0Abb1iwn35Cnrl7/1I46bVxaB6PjiemM16H4aqvnHOspugqERsQxrwn/DVtdAbIfYUYq2wS37UEtPu3T7hsDzjAuNnXw6/0Q7KObZ75dptPOGr2zd7la2/0xjJZoawdoMdGPilgsXEr6/P/K9Fx7U+7c9sOj4i2/B5ZjXukuV8Irhm5Ou4NqJX/272z+uTIqQAVmgjuCHuNx1iAQ/an2MpJmtNHMjf4UbRJfxrrBQkJDy5Xu9FYCKRx/iKBTDAzAeZxdv99AyuTDOIW6nmmXJifmsQP7AdyDdZoyYwMg83x5K3XWniNGBFCH98mOmh2xbsdnnW4bTdveW22M4Ya76EpWLjBrmPnRK1huSwwOCd7BH4e4G2pQR4pscBX0EjTpigsUIBq941h/pHD7XlqoCmvXW4YoAur/AIR21Zg4OnsR4oUPFoLjh/QPAtmt4IQzW/yHkVw5Tm4dEbOdKwRgSSSI9sy3oY52GePLpkFOMMw5wUPwrzxvVR9V0KL5hNL4SNqBt8r1WPgIZRxYu3loUT6ZV26jhZ6CUF2QvFSrOZ3AXjHk2XXy3hSQdqAdhAZiwrTpzUfAaxxRW9hrhThM4CTb4PbXoQqp9UKh060MOaWy/oL267CP/fnoiIvE3emSI7BfKKSFmexZ5HVUl0UvNoGm2vFQCWkn23DQUjB1UBQBXd/GFGdRriukP6lOwT4HAJHER3nI4EsWvY4A6bUzlAYv74gI57tadY2u0o3dlex1CBlYqaOG+bYxKOqgS1MtqOaeQv52+oQDKYTVwVGl8FezmAYt9LvyusIEEfpYzzBbU1CL+nFI/bEso6RCpPTq1q2lXDj3jOapgyLvwUBb9wz/Z0NLcSseCn7p3znHtMg27nxy0UuyhhWoofCOoOBn10bmnQHaVkdqkOiO82DLo+d4NxSUligFVlCH+nj0y0L3CS0kuJWU+YGAkYJiaoAtUOReGzZ/9vwvuLFElEqyhC+KMUvJDSXmoM/Vbd4nI0cyrqkUT8lzfsksL9YLou/qrR22T+Q9cdAgC+yU6wkiP3qM+ougRKhp7F7jRJZTFVj5si/odmnhhnjsh5hahBKm6vhRfSID/zElgd9EvGQHLL9iKRkp7bQzkm2ahCex6RmyYw0YcLaVQPbR72slYEqpEPh4HLjatYuxv6SqLq17j77ZzagEvjtMDsZxibrofhWZSXnyBVOaRZAHLSwHmdrfFb5d0ZVHHS2X1f59Xbcko8swc+UE25/kS9edTLPPkcON2g3AHJ+isgeKMAyJ8swkqRwjmLkAnmc36MFxe3c/qOjNr2b+t76AGc6HEz2ZFcBOoBhJ0Qz2aMZAmtavl1bO1QclwV7okbOqlFlgwjGJa59X6TLNTD2lpkRPc/qxMsgbbWkQzZ1j5p8pQTCEACMnriZEAho0v7oPutzgAb+WOiwQeBalg+6vagKAlXXbHHMagoXqHKGCCt05y1PMAgOhyAG2RRjRtzCKRe7Dc0NDfIhIRlPE2SxIYcYwPx9GoFoafjd+vUHI20nIkwLVYmoJ1mKghm/PKTAMbm81TokGldCyHUku9GTPbkDcsiozqdC+fdB25ZQg4dB/ZP6kC7O16VylOr0kqWOlXwSNjSAhiUkyRWZU04LLnL1IIq7f0ikR4BH1+HG8C58nJCMCut6eNUKifARREF1kMfxlSHdBPjYbO63Ml0Y0+hTqAG3F1aUnWCmpgXFFgzyU+U9FxzXVXie29xDUeTWMPp0/qC2kuWV9DUGkNjN7qkH67Spsb3uqyNrdr+jvnPpeOy1dWYGLERQNJkQ7BQsnIvUSotvXuVbCL53aVwajPW3jeXC5iykcHS44f/OF1z8WSjdD90NVxFQwNiGRplf/MSfLrlB08ZocCZBieb4BgoI2xmQz73SchtYQOR5mBucpNXLcos9DQF4hAwqQgePdY2YZQMomRzBWT65BZpZ/uoz/RIqENT5ADQUiKtt6ZgGbr70fYI+0Ut0i8T2EW6h597DkGR69eyR9hxpDIPIsd2Iy3ff1MN50Z8bMM7zuVV0LXLiUzmAWQEuTFmZkSocbF4pelJ5buPY4E+LtNPJMs9TJ3GAU60nJPXI2iUrwnBijjCKK0rgVIx5G3PnUtswUqlzKWPTJ9IFL7j1dSzOPZnPxFNZnocDDHVTC+9tYq+MXcG2c/zOB/u2/FxbCRfgrMqdF5UD2ISOKOc3xBOw1bGwGIWJTYHfjon0oZT8RcacrBSxwyGNudjCCDpvAs0S0zJwG8EOXEHIHkDAgV0/U6nlNknPPif+OKwmxVvAhzzE2VJtKES0FMJMtULq7f+LtX3GRXhg91YlD8RtCeuWwo8etL9G1AXHJJF9p5g1jZy4l8HreSdD3xsqFc73F9UPIrCeG96O3RGsIVZTflDamHs461jhZv+WQgrWwRXdCPmJpxbZYZXqF26TFIynrvcSJaB42DDhHcYg36GnkfCLm6vCSygd9l89cChf5TBgxoCgnXltDrYazVq83HnaFoG2RImiQPvnoYi4rqLjYJO1BmCv1N47vF2FbilSCGXh51FVCI1lA4B6UqVaIyIy9h7+U0b4BwdasZgpCvMr7cyVFkhmLqlBLQLLAWpcchZnPCrOD7pHwAXLEfGMyMqHd4XFJfZfNAe1Ts0+lVJcJ8TC7LTpCd8Q8rB62UuZueGcTeJUXTVBYAV/JRgM0jLGGVHU/jWgv4LCJ/W/N1vTA9Uj5woZWmhUWC9p0PLa6dohaNlhSNLsNlhRXLT1fJZ7MzFAtJCmQhRShxk+dFJKTRD1rIK7HaaqmE8OgUxuEWHOb/NNC0ZH4o66RE7D1hDzkV2x/3qCK6OHb8/HKKQ/PI/AH/uGpeg/SJP78Wxa3/uijER6X5J64Ouc166ucmUNqabp0j+lFeNbPd3/enFQRYUXwV0oqjfreDA8E1tGUIrl5SDxuS3iZb3/U//GQLI5y3o1MbTsah+x3TEVOLjAWzwxHvEJbam9DkgrYbofChbNZe4JM1xGkJeWIDP+Xgbqpbdz0gb5S1OvcCdnIZVtGGHOnhlNLgLCo0vnyWE7+cpeJOWpzxA2jr8h28ZeWjyFsZqrj0B94H0DCZrNEAaGr1oeCGji+bDLBEDZ1k/vpiDwLUyYyTIJotc0UiX2lCU1CFMJXZwcWrWTDh3KgUUORacgYfQHJ3Whv/1t2POb1cU3hOFtiCZS0XtHRH49jYs6+5AAHiEdn/VLqe0MwbGE/Vwrw3+l0x3mC1dYB3QTJUeyPQ5MtxlLtBU/e6mQja3etPtHLBxUfbymLNXLXqwZ9qwo96GsEBfeem0qd7mNsg/cG88n2lAqWgIPSL2vTnA8e5YnP5lLna2oPXjjtx6O2/17I9lkWPkdFzXpomzYOFBrF4cIDppaUQIyKNcfMC3Seo3m5uxi+c6n3ndnf1XpAU404Ut0IEV/Ovz4oC2g8hmwUejJ3CMk3AGQXn+/B61JjNiloxWJIa5FtNueB9RZKarvY1xddex9iyXqA3F3k86hkbg14c7Mexp53doMRirVM+scHFxiJaJm9UAoCGeoLbl85OxGu0LOaSGC787fjG7XcyYxa6yEAGcAow05E+wY4kX1wPQyK+z7idyCW8VJNv+0Qni+kTUvrg9UK7m+Lxb2lb6VaG9a1HDJ/fj0W92YEMIE1amRVhke9McKRwwcXLFlrB+VK1d5jpg5LGMaNRklRkq5ELVmXp+097rzTlu34EbvxZ2roUHQB1lGVPEck16MLjuDcNtW70xlk975aqs3slu0QuOuatrXQ5Pn9Q9kb9419FKNyihcdcN4Aefk6Dr9zEetoiK0gnRGsR/GOk6tsVra0SxV/eENi4R8bChQC+tQ13MzBnRrPnUcGGCh945FiSgH5USaZ9bPJi013QIwTK45nVQSiMTJ8Nrz3KcWi0uYHgSmdwZIiDv/DRzAiW25JE6rOiU55fuEYLhhHv2i6JUAngmaCXTPz0nZlFfMu5jWax+6T9LcCL54ry0dgc6QoaBB1qEi0kOYl4QrXARcGQB/yiNrZLk8uRJXU+1hgzttZ1Yao0bS9S6xGV4cIq+DB8J/F7WoYl1e7LXKdklqGBsLYf/hLfk0tQxLctd9kZquUU9a5wVOkHSUuI4PwsNx+X7d3g6DsquDwA3q9Op7MhUFnyog4bvqYyEaTHoD7NvWNeTErGgNLBROeneMjU2CKfUinPOj8/x11aiWw0MQkxIVeOEGi5lROiHQzgwnWK2kPabJRIBW4fSaT7zVgOi/u5AodRAp08Bii3Chn67ISIkQ7aNLYzQFlAqmHhfMJytF4Yo4mtm58ZkGiv27MeuyDkOq+53+n955IdMpRDcEkyGUVCJWUvZ9iBCOf9s2sqesl/BL2qWLt+HbEaS4xw0k3VRAS3HejEVU1AppdVv//DqBfAPp+9jXilBKs9nhc8Qzzfqf6UqXTVRT34MHLa84bhXdZml5eFC7e2pKUDF6UUkzFgQrMZNp35mv263iecRuA/KjecHRBJ/jHWt8+hroqe9LOt/nwadP+DEYPamWEO+2h8ELRfYc5yFUwadADaaxqmpAGvKyWDBwv5cyWZ5VgK7r8DUYvX7g6Ul1vwwCKnBjG4Z6nohu84WXqhwmNsiq9CZ9Yr10SOzSpxQw3QL/2F0NzsweDrT4+Y6tznQAzLxTERo4DDelzj3+CSWlFWXi3J1kmzwN6e2GYqHPoovUlW1ce3TLL2+6N4JmS8hxDxnoabj8udHeQxYPMWrJoESC9RhyoMz4/pMWfLyk5qkdn+CWdBjjPnE/DQeyObYzxh8XsyZnK5CSYyfAUyS/psq1DmG1DDnyvQ28klE1p0Kn2Z5jHUc12K3upDfBA1iXCsW8LdrgWltHAkTcUycOAdIPUeL3kVDkVJn7E2KYky/P1s1HViSfA0h+Wmdmp9awjf55mWWvaVocIhuHWNcCHhQ8w//XRRFVHX7g1YTZw1giiPgx6P9G6Jc+67WZ7gZbddbeN1A+b08TfCq1QsPZiV8w9yY5Uyt1Kd25ntspiWHIS3/ooAGLY0dPMheQdxcwU+4RkiIGYn5M4VfpZ6ZAdLxLgmUSf9wILy5s/oC52eN/xt/wWhhiQgKz4kj0+OF8b90U2SZI8oGh92on9uB6gsY5Wn+gqmONTHh4JynFa9T9WOhCi5wbyHMI5rCMGY8CdeFtmX8vMRBCrMDsqEL4q8BxIHQT48ySFBhhZ2tFgZp7M4dS4xy4f6xrnYULwPAtn4xkwXI9Nd9dLH6fkwqbVEAlPGIJBz1kHY5CtmWUcAlQzsIcSqPfmD8rGbg/c65r0iHIVAA/7rrbkz3g4pmrFIrUx6y2vfW9vd5eG5BPdxyTQ/jXB+PkLu4N6LIE4wzGG+35aR6guGk0mHK0m8y4RD/Qg4kzr3zIB8dzIeDn2NFdLeUgOK3Ykh6c1dsAEztllavel52zK/+PSy4IzCAecuyAXtv2/fFwxZG5L39c1yuR/+54g2046FexgcVH30sNtUXPOIA7mLjH27fLZ0v+PnZ/Nk9EcNL7vMzPxMlcV6wL0mMXFxVpME2pTmiGhq6ao3Bcm3Ix0sONFFjEAo7mfLOfQmXUJFYSdFUNflYzM/uOTFAswNCSYmX2QH1N6p4q3kKfcZJekwqH1UklBtgeTLaA9E+wecd7IUeD0GcIik8GZZ6rE/4E92L5L4j+BdzTO5H+uayDPazJc+Ann+jd1eu601+8+G9v6cqO5qQ8TYPHFa2/8uFun/qUuG7yi2jlBA5oXJtXgsXy5wg7pr/cPinW6DdU/hwmjbEjRQ9c/DchH5Nj6VTrnX0rhFG15zneMUZYhXqrngJTJ9p+6Xe1aGwvdwqEwpgMCYdd7oh7VvM63YNf1pcft5aMZJUOyXybgItOzaFaeJVPjPiLsSEItXcbropRH35J5Ru3nCfh8ELVQZBzbOIi62EzcKwokVuja3mP6bj2IfMNActqvNdl3wVQNm9k7B5rxczIS15k3rM3NEby/QGPEW6y3WNCCqsd+9NqE62lDsHPTQqvzMO8vPTBzw85BR3bV0e1G9OgVfM87AANtx2zFgRPdNMv5bzH+lyES6jKg7wydkiN3TC7W3rmdVxyG4j94xup78U6AYVGj0lXRoDzInb/IgbM3OQcJ1lY/bjFIOz4CJB7Gx3krLJS87pYrAeGsWvvBb4VzwvCCFf4/aFOeXFmglsQinlIfTYG4Ly2IsWyMeoFYXXodw0I8ZRmmc89IYBCUZ0hO016hruFipWpXVUBNuw2wTV1BhkupA8kutGkAtbUho7hTZtqhGiPgC6nT2lAEfkvpUGaLwJhDhS8Cqsr8i2VAlmVAa4jDG6a/Av0ZItmprN4/ihcOxhJY4hlAg57MYt+Mt2+lfeOP3SQBakb1W0T/qgL8HiywrkjEbAqUNQUJoKkuIgQlJx4reEqSSP3OQwK5lQRXmhR7kYacR3wSleqv91+cW1/H+3GU2dcNsK1LPg7CMYLnpc6UKjBmfKes6N/iN0TyLl0AHkS0F21zHIIastFghTv9Wosx3tvlC9/pyxGNrfB7Oj/zAtOe90YaTCsMfw7xqVSGRHSz7//LEj4Xl+hBFg293zCxqxPd8h07B4KsqD6NpoHSEJ6yc3tjMfvh5+5vpZfGgI91397j1+DUui9idPBvGZ0NSAIlHStWxRxqv7ieA9TxGl1tfqq53I94Q5Z7mEGHVt6xMt19Rg2DE85/Z170O45uEJfKZGr28lLQY3Wr7BQ9PmnM41V2c7JqouJ6W3ZJMbl/Nl3h6VjF2XMGj6phuEA622nHfHerkBHyItCHUWuoGOS+U8cSSzut/YMxYvSrkrcyhv6P/mWvI6wY5mh6ccI+Ks8i/Yp5kvKg38s1nXSbIUv5oZowrMV2vEBdBpnnfWl96oYSku1MfsiDmaqG1V3qr71s+hBSeYurRlGtfJkj02+ywF42R0eqnYgx05SsGSISQWCdnjD4PejPEXyRCcnq0XM/DSMvxQOZ5FDD+jPysQHTiRaehD34wMzOSxMPU/57SovmLjlMa2/sgtuZk4kNdKtcccVv8uyQxpOUbcE6rALVxrT05bwgBwK4euSCu0FAmf5aIz0D+FmDFzUllBXGurqYtGn6wSIYUQNG4/DEDF/wDeyL3AI3Vti72LPgn/sK5URWr3eXWJAZUD+2PG7fQvwuT8634c9LC3LcCOHJkwBt9woSeypqkVDJUPFND4w+ZSsTdaZCSpfcpo+vzFkD2+cPO0/1Ym+5VwOzjmRtb9B6k/QTe1ECG6txO+nrX9r5wOlYa+eldK8T0ITWgi8DNv0cjSdVDoUeGCcOcZoVgObyiIKku7VIJnYwGjzjKItNviWbCtC3V7NYhbIMl1mIMrs3XZu0yY9RtA3g32mjq9Sxw2zbLHXxX1wMP96mhXzGrx23Ra4Bu0ZdneooyStWKg4Cup5wCL4Mn08/focxynI3z1veMKV1nLtwAcxlgS5M13TI6aP0FellMPgEE+tEi+1IN/8PnSPGyqcbDWXXTzCWeW2pgM/LT0+YuF2wjrZITmss8O3+F964XuCBe4Xsi0FWDqE6j7YHuMw13l1Nonkwn83yQyvmuDKGwc4F/6WrsASdooMvQa7Louwi6J9931Qyb85YO6Xr7P0l8MUqUwhChC6jtcPFLLMjmF723HVq2hRVujn8DpRMQPyFqaJI+p/PxSIlJroeJANy7lx+RxO+QI1S8kjSo3IrLmY8cb4VA8BRRIicvnjMBAA3vD7AJDYbJa8wZn726A5pHKsNoGn5Hnv83IJE9E+opa2hoKgNmULZsTYGj+4gzfzPgKU9ujwVwpjMt7XldwYQLYzA/4o2rH0NoCzn5M04CWZ7ySDEvQhUYlWkyqxckQ4EG7C9CUThC3Uy2OMmP1FK3PEFAvMH+Buy3GfM9Q3qkQ1vu0R1i180Ti9Kgei1IMjU9QQ9R1iOnfjUAH2vjsom6DRDZYTrXcMAqW9hcEvtUspOB9PeOBMWzlFarzzy0nVOl5YawCYDNRlkLG51/s4m8QPuthk4IKSuTGQBv9/e6OPKaVGGlm/RsyBCFxisJalbL1uPHJw7H8HPfcEY+dR2WcK3vdxucik9WLp7Nwx2DRjPQZd9Q9TvgxsqfDOabw7Tz6HWemUMmkJqUViu8+FfwYfUabe8kHa5dKKcC8b8U0xQ9gpkEmebUHOBelzOObAeTGjKkrKgpYqpcKDQWbgKS1m6KkWs8bMSrTnzOghoCnuvd3j1nm9jzytMhZPtnlXebZ2PTqv/J+JndTxm0zFLoL6Ul0Ht2NKslW2FLlTKYZVke6EPre8i4bSLXsWuerlyu3/4wDxaL2zD8gYVA4oPDqjXoi2q1ksjEWsFisb2L70gySKNIEWn/hN8ypvg9a2EGVlPxoh4RusXXOAPA6GwlF82ENlX1gFfORh1+Np7mZR76DZnNLn8ocTKBcoH5Ogjc3mNICI+ccoS97mkqbbQf8ebmmH8mQDHUqQBVuWyLsnrn0hIUJgGdAjuzSFVfKzLe4Iseybu66FRSish9N/NzCtkFf5l21VbFpflFW1mu5SrB47ZUAm9HP5grRcpbYjVkGs2p7qzu0Njk+JNlwST+53CnVpeSRBebVM+ebtJ8Fx67iGM0HqIB0bKX6VKDxXofbvkhW6iT0TvPb+8ipnq5zQ1h05PjJrNVG+8jV7kc/bX0uSSrQIhYy9v+y7ecY65bOizqzCyUcf52bwVsogHZVEKLgANeCmzXqmNuiATRexvAv1ctknYWuS86Q6YlDgewYCuvHpHVj9lnakaT68RBWwr45lrj0Sw4cA82YH/y0d69Ier60pt6r5mYBC9r9T1iHANZeeEgTX1LUCUPIERFG/ToO+UqDHG1EaLtKydaEM9Qfd3Hwn49DEeEgMgZJY0jIW159OyCheKbV4sCfdpEmaphO3uXZAENwIvoYBJ6hyvk5YX2VUnZNfuY5ynFM/cAiWIhu4lN+GrpTNd7qy+aqB6BS/ltdLCIh/4o8xlVfOVeuducL+StsCNzT9Krz6AZqujaqghSXrQb0WVlfg2hbwDWodSkT/6qW/y+ATBVFje/9a8I2YAICiGl7idLrOFOzKRaA14buxwLwmdDxnDTp8x5P7CoTLZ/oM/zVvkkDO59QYTHQ/mLF5Yxq7+MG0hxMnNKqLqFgkPRBq+12t2OKPo9SWcURbRyLfFr+l3NulU+ATGythtYaVoodve3jxN5QOXcjyFCtHHXG9tAyufTJBh4M7MOWMgsAaQA7Sl1c4OA+T8AfC6XRMFlUp/5+NrNaUU/Lj8mUe5clD6nnY6h3aT7G/PZZEEDcmZGszHk044cAp1vdhX4G+Vk4aMQRaOqHgFs8wcoHCyPkjru+OM+UoEsozE/PX6+eM5Tka6OSUk7UMdgpjiYErBriiZjN3TORn2fl9jIhtMviOea8otQYg8zfWNN8W1nJo1C7kUPlsZiryys/Zz+Py1+I8MxKZtJS4G+M5ItntclNQFlWRMj6a7JUCkouRqL3fRMWytLT5H2laumt8TiirePSpvBpF6HhYGZqYs2ToVlyony5uVLe8RHUEgu4s2PR5GtgazdMIpFdMBoKrrcLPK101EOKmNSibUZkdHBm4M/ZlclirzCsJcBI4/LV2/BJjffN4htNdXQq/bD4IdDk+OWxjlNnNM5AWILb3LltlQF/h+B5R7jNhQCdjLxR0UyRBuIyiMOwf3Qg7GPJwNfvOYI5reRN7JYduRVL/UmVlY0OLg+lGXeIoXJjqUgZcQNFbmLwHczqcZc5pU3xyYBg03jMArXqrCwSL1a3gW+tFDIb8LrkakEEWW1NMWWSrpkfr9R1UdnNL8vbArMOmTntFoew3CjkOLBzQ6f07F9x1EbkysBLScxiFnzlXc8FYlvRYwGGb6fliKAsTshdnjKRltOnAkmLYpuVG3haWRr4t1RI1T9PEcosJU4uXWE5ffhkp1TCAXM+YLOCnCfOQKpu/O5+TvEJ3g1nFIZ3AYhmbTArwTlzAa6CbT/YkQU3w0WcUOCBsVcWlHXA80pLZNi/v1dsxxG2z9SMYynkFPmMn9K1gE0S7lAxezyqL0iUQ1/Cgj+KaRElBu4UOstDJmBDfAz0VQB8S7e+J3jvCaZtSyWrN4RUwZpV0RNIzdcyAbq8wtJ5ssIQl3ORQk+w8Qq6IntYMh0eywRHAbgcg/lEbULMfjaXBNgh/Q4FdtfB3uJCzopn1o/Yd5uNX5ettNKxT26rAzW541EejU/kX4O3E2iSbPJWjB4nnjnOZsTd32L7cMEyArjBRO5IQ2SAptTdkQaJmrj5KGZWKBJ8G+37Ru0MTA8X4z2BoVlBDCUox+s79n5qamsOedhKoypysCnqYCeFPXgNLh4lQ+h0qSvH6Vqxvgr/BB2q6tilVk9VpUdlXQeMS12RiW0SMHBftrm5a452w3tPQfB1YcVWIWMS8Ci4DYLHD2TCKhYa6FaSmqDOve7zUOJK8kVFjs8+5MJxKQoXYos14iXCnsw3lYERiqkI5gsT12A5ooNeN34QRUo0KQAFjEN9KGNWsVgckfVmdGBnYUdC3H7aacDwJP1kzBAzIRPD+Osw3iHGUXMkbjI764AQt3VcRkokkfvdwO084HvtElm7laZWzAUgYBZlJ9CjhYOjoSSiyUY34dFGp5aNajTN+YYABEP22WjGueWG6LaINWMtFFBt7HnEwtIfbejq48GGH8nnXSrcYekuWueq2cZhwQTV4ZwQvoKn0uRaTEIvR3TpAK/mxenGmx9b9KugTt9e2EDfKGzyxse6SGiqgKuRWhsDWx279P5CCtBe6xo7MwNMcutPpsu8Etip5g4RhqsyCU2Pmq963zwZVXF0w7X36bQnarlwPbdo7omZ7L3mgL9mg3ScZlMlgbZb6rWK1nZ+kI7g63Ev/irgrMT/Lf8H3lQEzQc6GaJmuVqpV2ZvK85HETsbkaDVXxe0gJEb2KUG9kAANh+ow9UWTH/ExfQTg8idzdQa/4/+nFnL9iotq7n3/ny2bF6CwdYuHwucCfCaNgb4+6QHfQD3stalumP+FcYKoOgFRz4KP6sdk2pNl/6QcfVTE3uQGtDF6OpCoJ7SMdkr6fYsgQcGxdyvkY2n/lxkGkMf41YDi7z/wYqtgWZszE/iB0qICh8BooOIDR+tVoiXmfaJkNNO+NdBzB7Wtp0l6RQEd1FOLlUjeC7cCMUQUt9LMBeiBm3q+GtgkKpw9BOtRpGQzpOSfCGTCjaFcMrUXA32pQY4Y6WyykvIAqoE7Ym8f4J8c7MWPX4/Fjcdm+qTqD7Wmy6c7/XmvgBmnIpKx61VOqpdUtIFyjykrtpNCrw3whRon9o0okoHmgucJ2SbN3jajDditT331B5WfHrcYgO2WerWfzHGazSjKYbiyZ5ZQ1aA+Ob7O/ntynSorsRxAL1bUQzTNkJrCwkqtlnbmfYKtY1J9V9GmU06lGaTfMkXZCQcrwVHh0kBxnUNgKnjNcIE00wqgUtvs5FVh28RA1MyfPq3d9r6Lp0cZbJUnmonfTJNLusLBJBTFZBqSeeN0rdgnihuZlN7eeU30ImzHq63rPS4dRXaXS3+gqgRWLuGch2YXFDn2lO2pIKI8UyQ3Qv2TEfNU0gDf4vhbu2xHpWFxgQDJ5Vy0SmYW99UzpFF3lYEqQG66vWwDi5HdHWd0GsiIDIxEa5Pq8d4KDlm+PB2jW8NtV2WOyLENOe9S3BfHUTMKrEoInlwztFaeZ7kH0BABzjP3ZZD1qNuzXWUhNyELBoGvvy6I/uAlqAjw9qBTT3NvcfBgWPtzcesiPG/AB+ukwdsd8/Fs8TxnABzdNg3EAtQ7E3JAEiqVy5wdOLFE0AwEOBEDkRp17xb63p0JfUBerahNkKddt/83EH3ebiVqv08jDBkslOAEIEunOX+jIR3oI2xeHi/oBOGRLCtxEIxILakLyQh9k/qKlQ2/j3NxlLzLpnjSou4dnkQ2YfOsZPCRrTuCy7POxcGdAekNQa/DDCx5fcp6/qui7z5upB7JcTJlrMz77c+gqTGfO97/susQK5aBDTVd0LVXW0lHtevobqcOlW/yb8ZWB5miyyJuzJ+nlhw9Jk8NB9rYsFKgJp2/aZateq+6o8xPj3W8XRD7r7VtzkFkxr3W0rpVDGUu99XFOaCuqQ1LnmrteWwBW80Wcg0KTVQjc1bxmo5ukGbmUk+SD3C5p+2TPBh8BW7qv2VV5xEQ2pvlVwCjqvWj+HJetF+Gv4SwiLiuMU+CfIJrg6DMddLOwTaNe6Vl5hg2YEMUdU13fOHyHPMfBubBhI0z/I6xMnng5eJ8RaQ4OCzLwjVF2MQg6GXQECMoMd6HjCkW7L1LQCCiA9ROROrfOdu93P8BKzKgl72Nb0sf7knyPqiui3566peHIIsm2CNZVCTjJrsKPmfg8wfXwUbrc69BMUOcsZw68latSQr6gPohbbK41WWiLPd6Nm/4qqDqeKXNvGEzOYsREqBuyRGCARerJ42RFAGDTmh2hDYJYYJXEOUysxjR78MzHZ3ZqF8HoAqTVSFEfJ8CpDoFsHA7KfLd2rmo3D1Yw8lKvaZ0gvKdAUJWgNzkoLtL2vEPXlmE6KdJbOIIaoMeUkqKIqfTFNLL90Cvn6mgvf/c+CzBugmncUi9H86sK9q9JqIpsKAjLU88bFB+iESn7S5PFRcoLynooB3icHFT5T7EKvRrTM9KSCABE/KbVlkZAnM8u41sRy/F1p9WVzLe+5BRvo4jD+nnVKSx/lnt4XJwaA7lJMRAA1u0DFVTZgQ+GzM/9izFER9fut+bwRl+LNGqz+PR3oB59Nox+oZcWfFqeLwlYcUJUDpBwTeaPM9eEONOcqRWqY2/kZLKT6XxeUv09WAHYWt5WAv3slUYmZxgBfJInGECwp++jpfTEa07mLYv54p7UC/2gvhD04zM0/w5/917t2YbHFq9Iwm6QudGhIIc6lOeVqd6G4arMVPnvLI2IT559Uv19w7IyVKtA/6nAx8PiHew+FoOVtRvgEAG5vtwqZxOVSR7e7bn+0pp4tj48NMACDT2qIuutiPEDHeA1tZGKhrDXZUnpXl0z/Y/uZS7kQjLe76AQMpdznVU0qS/2qKAN23DCx5pmOdSNWm/JfPD/IdJV0luZ3vE5xwV9XTu9sg3BhtZdvUK+zhHk+VmMVyJFzS11RMCZ9J9zJD3DjYg9zCKSXkbJ8E57NSkxk+ZMfy3b4B6ETMlWTtFn+2UBhiVXZ7dwYHUem2hrW8mAYC3qHc0UeOmee58IdGGqVWR3+2DfzowLkkTNfvwJ01G8KJLDDyglG0yLzionrV3qDOH9hqx1k0A6hS7eC06wizLMxzJmmSiFIvCls7OwOisEc9KZXMONTGQWpv5WhaJfOy7sHAVWSW97jDfwtpE9LK55+1m4zeMsTKSYotNOlvxmDIw50vu/+o9A2vNKy+7Ghuhv4TBDrr8qyWdgw2AtrLUBz4Lo7KlfKe/hnqrpgK2nxL9Be8wpnbxd957LpobXgP0Tj6t++6XKW5esRV1A6ihJyRLCm8F69pHfbXVq+VT78TMEoYpzhCduU3b9ia8ouR0cSjtgZJWBaAs/uSCT9JtsQKGsudMGuTBJ3SkcwTargBBfeocI5A44whvI556A3v1SXmpYqgo1yah6SlABQM1cgcW/LCtWzJqqruxODjFMzmMSLfb+dVhzob0iyzP020VQtGIAUHh7fhu8YWOvGKvpavNBH6FP8lMNbwNpGm+2TraK5jeC2wJYhhs+zSPnb6HJ8c1mizEOx/g3cQ3t6Ay5JDhBo3M3HbxZgwNeiDrPmyL5GMNDSToRxApwSsBmhzIXC4TqGDYCOczr3Zng8yMVn52FFWLCzksNyC1uJtA0VV9I6j8vxFqS08S0y0EddZURuV9kCwbveuyA31h1RzUWkFKxXZTdqyxHA+jyOY+AEp94971wOYqFukJQw3/90pkQr7vKOq3ocwzOZH+0TerVhJ0B++siS+aCMzFLU5XuVb4sL0KETTmPAONL/5pkaAzCekkGOigj9OUGVHzLcyONQvUCCFBwc/2dSuh3VoGCOKHC5f9+ELz/wNaLHywASVFph1MzL5/WzX3Xmz//1N35u6g7VqLdrAlXiVJ1xoyFNRPJK1EjEJSM7yMC4WQyX24TgcNLStUyJULgLlzMjYgUr/es2QqxBuNRj9j97HNuKC0aJY6wTiLTP2iM31HfSYYtl3zHYPOib3gqhOLFIDNy9W620JthMYVM7meKC8T6+pLbj42FlfPHQafJDVEjo5dAk7efHtAnpTpqyLxydNSFhJaFKjtrvBHfbLtY8dicZyqvCogCJAU9n4vjm82AZ5qXunY71QQqj4jwy1g0R5za4bjRXhZq3gIuhVUFnfVcKcj2xALXPQ5dPDoWPQR7ASih24RXuuqPbBkPOHP3rDZSIIgeGzrnHVAos2nZHhZu9dZxnThLaRsDnJtQ1okygQZlJ+FOTGBf1k8ji11Tfle1NGM62W/r3blz3KXjnvwtGdgb15r2LevrkQHoTDyxXUJIOVlJ/8BzIUi/N1eXyWmE1YtWENxEgA+edZMUyiPS8y48rdKgDqHzkSBBfhUaS/yB7KWDobgDuuSCVCFO7xaQ04MXpHKX1d2fiLeS5cMxyz2DH8T6jRdxhnDnZIs4cpVqM955E4IcLl4rm9DEAvUYTW3+h2/H1MrHLqn6NRMsPOAz8w0Y4EOMQ1yanvpr+Bm7M+lTkwAp0NrS6cceAfgo1j+/KLBjS1XyVBSZGTeh2PG4bTZIVqo/LrDBcVAbK4nd/JjTBNTq2/BD4+E/fEw5H2diQoFyxZy5hnWDDLSiY6k7TUw6cOOmsG5dmHjzX+FgTnKoZRLnfjs4ONwqNEuUqLwtt1F9K16+1EjPQ3x8lxyi5WWc5eljFIWZz6yaX1yIYkQCGFcSDgE34kOJMy13qlo3LmGw2JdtVMwcBwBSKorkNshGG9Y5BsaMDA+lXAdBHsOgGOCQ1Zgg2gKnAXml3MRNUZuTC7QK1tIqqUEDxIAXQPsf3PNGGy79CPhcCQezZtNUyOAUidNzIRFUihm/lYZv67DJ/B5GwOz2nwBQzfp1CkBGIXPjlAkfJq9zYJphJSCosMXR16jjpBh0ARPI0227sKldgcJHciQ5DXl2Hm+UCK1Wh43rvmZfU+4rfrcrkzSAogyP1ouKJHoeRURfq67wQzT2/eLqQi3PREa1+DKgB7HgffOJMIKKDDrJk9+5TnO/fj4EPrgePwnJ9NvB0MdoaAe/CEgrTSCPnS3fzJJkocerxoaQpiVkWi1w9bczZ7vev/RPDbMu3A3uJSL/9gHHfTaEQOtIUuoncI6pMjgY7o3NEIVQx7Q2hHvGygOs60bbj9O+HVPVuhuCwpV5s8018WUyj2bi/KUAq/f+eWuK6rfJpvt+A62U4S6ywbiYuBmeNeqxcWuGtw7ywo8RUA9Ly+uoFbpzZJtkBpbUz2hoYd7q+r7Uv89PPul5EM+pQrjsYfY6OEfxYfxAvNCB5Grcn0a9GReo+M844OByAuvMhNjvbVHU1souVjzozRNAZy127QmI6kZ3qMdL9Bnpw92z1JAXLNAKDcl4ZdKONa+j6YXkAL1fKbcTKzIvRkdMTv8JKQCxU89mZ/yrLLEMcRAOxUVx8N4U1IYM7490JlWHA8IZuz3N/1hnyNMkkRW7gBEkVObWn6wBEkoNzM2HNDAFwOxiBLIy+sRDxhaADvBlcwHqQ12dxtquS6I5+5qlGeP/ItGdWhXS6TzwitFPa9Pfq99nPG4uUdPQQVgHbt2T5/+yV4VefFg7NxnSkAie4eAoXCxmUFYLiKkFUvYAseAUpbK7yDD5tPB+NMOjOwN5bULMq/sic5g2PjGD2D4sgAHXVQ+/kYgBpJaRr6oPw7UdmyYsDQ6Y5/v4dW/Ux+RDm8SvPftqI0xSWYTcMF0ylJv36M089X/2xRKvKgp5Uk1anL8GPcrNC6//bgAryalBWWl+QwLNtp8QQsdDpIjztcp2qU8p4xkwWsiIykMT610xz+ikOxjfs8tOcbCBh9LscZrwjG0FFGAMk3wUJpZUS2YzsjMOwMFF69BtTdBnvK/Mz6+Jvz2/YodbUd1R1qE6333dYq0u2aF+i3mH4fgWCseFZIokemVvNsWMK5QGobD6xRHmR3I5oaibauQXSR3sZwviY7Qs4K1jwoPKn9Oxg/kZD0yr1z4Og+060+3+gq4CZtu/CzmWJoxsN6Dnrov1KDjlHzcKv7m+fOww+k1AxbluFX3dsHOBD51S+6KJofMDbysOQxF8AdDYQeNbyFitxQimDiJ9sO7WODvOIxRYz1p/tN27Pig5rsZcjXyfAIKIQI/SSxcNSkhNUuegO8mKBN9LPHUd+SLk2D3sbPPdXx7iUeZSQ4SCpXZslL1ZVGRR9mlbpunzy05Kbl+Cq6gLb2PJM2NOCvw2DLKm+DIZXOH4tHrqIzF8DFUNJm/tPC24gztm8tnVw6+4hf7Y+T1MT+fRieh9uIKdhMmO6EAyYo7WhR1IQePfZLzL8PgxaYo/A2VtKqYgl+FKo0skDF+3QFCuOETjdxWeIoOqFAZlVHuaWF5iMm81o1WyRK/3BdUnNMahkX3J/FlN5NDAUOWQXnWfV97kF1G4hlOAnzQ+TtFiwXh7UuDA/4hURxqnx7208YqFLh0UVPT6WuQNE221nQGLxiz5I8JGVUyGcZjKoPkKH56AQHugxqulp1Le4cIRL/QoyJt2crSzn9+BQQ628xrDb6tnStARLa5iaM2LTLTzQgOUOWsaxlR2785s0DqC2wbI7UKIcOv6nxebzClJLolEZlXpHQozt6mXC/DBAzdBUzqdnpT2K6jSyVTf5mdqRifMIJh9gMOvzTVxdhEjHMHkxO4ut02kJHtwcKvaYCDzBUJXY3RC93laukEOgD/uyw9XeLnYkG8lgo8908mMRkLnnih09sOWHbzmVvaLvKEzUAPuZZAzeBGTmzD75DRzWbOTeu3WxLJEeGw/VIwxme7gZpZ6TqKgboefJN8snelqQAq0MwEW1MDzVnHO6F0+GezBRmVnCIFfsmLSZRcUZudh9CrbnTiPjT70vqJymD1Q8D5wpWcWTeXuKnXBCRWPbYp/1Q3D8H6TRsSdnub7hTY/R1HbhO192HMKwNiCnnn9yi0AvendBx1RToyNWOQp0agEPijEyB8yxWkk3mHmk8DFae0sSA8l+f9wCXwxcYYdXWkfpV8Fhv9/hm6LMYy7Im8Hh569LbkeAHtJNR8XTBiISDWth9MQFnpASOfnSMzAMl6dkw6KYlUkj3ViOPJX+kyqzUxM3KIRNv9fhOkYPEW/d7/Y4lrt+odJ+ZFWbIskjllmRNkz7Cyps6QZ+bK/Rk08U7GtELd7yZbxsXXs6EOzqt7oUQZiC4lPp8CVREqJkvn1xPLA+D2AVR2PVHY7XGRbvfKurU+0K0CMlQsfejh42uIBrWoecyV5kBHAqP2KHH6Ifouwl8nloTya8cmWwE9zxXDWf33WKQTcdc3RqXsy0HHmK5iS8Xt9naqyTXvdx0mUVqM6qiiHE+0+G4E6AFHKEcnbfhhQc9oR93ARS+4Zw0PZIkb/2fkgl/Welc28ajjT8uhb3VPgNvFQELgsQeUgNa0FoCzSV23YfgtQFRZF4zbhtMDSywNndKAketDbvZYJ3+gVm+/6wgUehkRaCD23/ud6hNMh36ddxmJgfrHIB8cRduq8f4dxxB0dmLl2jRd877cfq2zyUZcGkGHtpZi34UISYsXvoDFW+r7XQ8CtJwcc+zy1yB3UvuCBdzEtuEN/ZtID3jwGBRsCY4MLnTnDESd0Km+6LDUocFVBLadx1h53GkbKfES6BrZ7Q6VtePrA34PdVeOs7Z/GHYPX3CPXQ/YngF1fpAC//++Dy2tK0rm2Ni7DhbhZEOFD8fDlu3oEvKfoMues4XAsX1r/I76nkPNY9myu9zHw50xpAYPFRjpSoKVTweUtkrAeYW67tXoLBbPO8RwyU8Z35TQlEjsjTMtUxn1YE1b5Hyb2NA13SjODarhCKiCBZrDZdF3TaaLQOCiCpb02AqVPSxDKsxcIJTFYsVSSvLq1yQBLuGVfQ3nuCKG/46a3A5xqpe7hHQVaE7V3G61XlwQcEFVLmHy7dpKzDtMTQAkrcdUanvMtLS0nQpS/oK5iM29x15txWXQRC+Zsy1yrSZdSOvQgRmAcDGT1hjjlMdPGmrMd5ecI5MF7z/MdOa4yfCd9k/emfQywioZlBYzgNM3G3850r7fReUII0tZ7w3fEUpHEbfS0/WxDlvg5WPp7JGfdVBqUsRAooi0lTbCTDCvXOPUHTcMCXpfZGo0NFDAZGexEF+8kh8M3J10YvQd+a3VP936uwAFur8LC8uFhtzSLp9zAUQwE7dPWrGBd51rpB3GI3lB5yyhtmTY4MLKux0W74X5ANfR3Ou5gcE79xzih/vP3S4pGNkoF0fJtZHozm4oZCoIg/bPxuKn/CEui3TPX4QoVC1UGpS/iVOUu2YGB7HcK5ZyuJDzJL0iBChFyu4ueep1yRB4V6o1LHxEI4tpBaKEByHVJK/U3ljIS0JOj904+A3IbDmKCePcMTN/P2nZNgAaF36GLtRUmLZcfF2xhGaNjXzf/njVYO6JwTjF0NNiOMiCl6664SeOvnHDsbBX6WsNKGojVmyg2Cnw4QX7xOMZbWrsC17C+4JhiY8shvrM53AQFsQrf0k/Q3MqV7QEmV0tBlKPYqxndnpsrnKUEka5SJ9iNvW+zLuJZDNxxTjhD6s7l+gDY9COanrVEdBDuMcMZQAquidtAy6XGzdq5gbcjttVre3M6V66JhlyYpQGoF0CxvinqX4LdI0GESnKfCernfK4HueVkFf830Fii3ffnFpqHEXn9Q79bl7sRSfvra00UvKLuwYawgUybBFcThxZvq+uD0q9OiWbbUaP6mHO6Ym+v8UmEnCJfYTLUb3TBHU70MGNT4f87X66HxE2n64QQTyFhzQp0/XGF+giERSBLd9OHVc1h/NFy/OeOamC/46FHtGWfE58qJIft/5eJal/EvN8FmrgzfDh6SC1y5hZh1k8faXDNkfrZmJgPBHvufkKeGmj8fHwg6ahQNHjxsjbBUa5LVXaXEakxk4EWYeJ9tr04Vay3Hc+2IcksXi9xsamhodAA6My1QN/YoAi0ZMeZ2FMUtfhqU3R7W1Alg7hxoBJSUjuDqhbsHy8JxNLIyZNYZOYSNeXHzjqhVS/t/+CK0R4aFnFFX07sbo/6Ur3UUUquONgJauK6ZmOymdpSWhVDuMFGOo/ToUuddjdSKoCeXAxKvFvDEeGtd4uobqtVwsVG0eYKrfQ5KHMpPRjPVpzPf0E+inTJuBAV3j2ymEEX/IPYoFfdVkR6uEi7AeisJ/Hz/Dag+wM7DPV/dEEhZWZphkNccOTDc9N+bmqc7s5bUVnzu8yBzXhFBiwYBGZHw6D1gw4jy1QQZLQ8YM7u0BQxNS+xEgfK0Vy8KXJE1NK1z3DCvP13hgdfeKd+xicqP44iUWONx4tZCV8ZkPnYqDsZRf7NqTbuVWqlcQ10dUNAKLf51X8EF3aGfcy2wphYNPaIF6Hw2vVFiCa+I1GEzFtuPCOAfsnE1Pz64lptADYuK4vWoiq2DscoziC5GmlxODKknnET8LW0GMGeJpyUAlDo2lbTe9ni1RwxtnHBNqQ7t3XLoTVXD2Rg+/V/wZy16+ZUgmMxSLuo7y8Lj7pRtBq9QaG8MaOIi+4xLW4703n/q1NiylICbbwBB0JjmM+LdryASkhdMXIzBRcZPOnmY77FsbfHSeWJ9zBBdBlOZrm7ANh8plPCtekU80MD4y6o9N1+0wGhYuqvBplDdUrNpXKcloeG5EyKdau5DdlDvZkMh08stMAjmXiqpR8KykvGRUlKMvlmoMq9Kc5JNzrmenU9i4IVqXNE9ZyMfTGqnUWpQ0jr0X9lQhIjX0IN0eqGDl1I5sPr5CPbk6yapal4CoO425L8MO6XmDs5u8welGO+YF1K7mfIXLU6FZ0Xx1UeJAWSDZ/ZJ1HrT51ieSVELMiOXhwRqhLwGM+dIQjNggjAe12gyFpaV5Uw7Zy9CkLbXiMJaLnnbILBoQIybrZ5hIU9yB2JCYVX03PPHajtxG0zjmpbmmvbIvR1cVC8ca4+0Lw8lcPrv3Sd2GMT9JYxrGRaBlP3VPyUMcRgNRd7pWh28o+oRQb3w0vLfa07EmXIh8AEAN0b+UdhhiuXUoyOWejiSuz4xWuZNPUTcyU1wKeoGwZ2CRd1LuoNQr1DtQHn/lE4dPMbN1gKRmACTQlTYRbUYMzJZ0WSNfveW0i3fpdSOAc8jUrTIrSmiEy0uvVbKmJba7obpnqab4t/JQWbn6mE9NfC3VwHskmwXOUWbQRaiUY0q7MCRpfc85VVpNU5ZFFDLJTrK+48Xj82+SWHRO618aPYFXFIRGx6gtnDswwGtSc5J5dcr0FM0/2QfWFhTZIcwH2J0hXoQBsU758RWtJfrmYzMv9vM5Md4XD98V3GWNU0D5jZZcmtfU3UE/KgIzi5CJriok8PVidQXro+UC/fAskHRsjPDdQq09VaDfttB8+w8/ShBHuxf65jv7DzOANeSZUPbanNM53S37BypJJtpDNdOcqa1ArJm+QlZVkT5rKNpCGjTcvm80cpaBnX8OJM/ENrNpgLThnhAO54s87OyKBb4xk9swfPdc9ZTVDK45V3BFlwSyrCKen0UYijvAPflox+8gSUOCvunvsrPES4IjQj4Fx0bhT9H/bpjTXq8UhA/mJe6IdWNT08lLlAja7xSvECTUvg9LQE01sXB5tGL2Y2cLe0CFiyy+4Q7Kz5qQRJy41IW1JNWSOck1EqQxgQV7CTBui3bOp8cyaxtZt1ZGH0mhcJ/ft1YW4PeBU74H7LEy1maXGjzSKE6WkHfvoPMfSmv87sYtaHnuxZVYDn70Hk4ZpQWWTxxLKTIVjqXPAy7TVgVkCS7aBVQ5n6Ou02zHavcx8wrRSwDmchi1n6KsqMGKRYjhrc7xN9FxeunELfxVlIPfn2y5ZM+iqQez9uav8xaimt4KdBJZ77nYQtl/wdL0st2kH1Ofag7KNoBS4wKYkVID08vGeLyJcMkm3yQmtOczHIBCAqcM4yrsWWMuQzU8awae1V1u4WGu+lP8guXp2+CR/qMxBy8mRa3Mefys798ldLW0y3yTVMWW7GrJ9CdxYyzGUTe6iYhaoraiFiNcC6rPdKkf2CgLTHu6NlVXVxZXDiSD5WgiEp1jpQaiFPitvz1ewHvYf5IpGxXzuefG6OToRyZ7DWc6sxBHVefqYgUodPuEULbahH/IL2uh+oNL50Wt0WenRBk6lee3lwxpQO/x1BoJe+UnZ2yh1Z/A2W2/JJ5xFByGFSOi99lQEeRu9SKeVjD+whZC1f+axuwfci3IVDx2MHEoxLHnYMvpCqzuKHptzC4KixShfqC0QoLxcVsTF183w8ekul2I+h/jSBTMQvH8mz6UQLeGc0WWGTTXEaxoIQpMyEonnRkp6Bo7AeTXLpjwNtlG5DoKEAemFYS6xBaamMvMTiLUOkgF6uZRKOom3BGX69uaBpBP0SdBTdy3PlR9Fk+0CWJYNOnAasrpZPB12rE+1pdHycXq1C/xLbzOgqPbUPstJBWFGRO39XfWyFqPZDc60tV4w1A6BgMqIES/LdCf9LP/WyVLA/FOowxyTdKVAHm0GzSKW5Oliaa6mQIWYazvv/9UMUrAxCrj3151pH1Dn/VQEyK3oapqNAjFbskiABjUzKkU0Q8wnS+JC0aS2yPdHa++jUfExv4Y2S+RbfssSjBI6S2x3W8DjlEr1ubglN/KnvD9Uz0pjjjmKJDJNybE1mZKAzKmNE6v0KpfqpCS2+UL4rYbYNPx7fPxlF3EEGIdUuqa/QaCWcd2fbYiz4vurp7ALKNI9IeczMUWhIPMVxN3mCfQDe9EN93R16HOvLcTcmCX9i+6G9kQDnC1SH026liw3/AxJKMt56lD0RGObH445Yhi1F62K8iP+9nOrFCXrJiDcVubS9WLiRMTPDhJczaW019Pl9w5N3KLmFZXVjV8rHUoS7m4kBAkDmEE9/QdbveofhUkhe1b/hMbDYChvh/tq/oac8a9GRgAOJgPh2TS7vYqcL9E0f57NESHSexhIV5PaAhY5oeOhMXr590cao6QUYiI9XqfdedGzDlSrjavY4yYQN3px48eC6zrpTDnZgv3BMkdqN0KXVclcSMNFcDaYn8RahrSPgPWaaMuzVSQc85cbTpQpI8/cs7K/UL1uryMyjjNYnEwXOc9SIfBZjysAhG+0lF/LyeHbwTjTvAJfruErNZ0T8DwIckDxC+pi5YiYNL9euuwwrqKti8MEvHLC9OjBdOLxSwiZVRYaHOixvbwoD6RpI1+DYWOjxMiO8hkBWxY0FA+BnXjJldIEEBllYAlv4yjgDoehSuU0Z4C2PsDQhkXwkrLC+SFTo/lBium0oIshyMVyFWj3TIrdZsxEoSDKS67EcmdYibQwLzvpzsZDIo2weQ0/np1IHZh8cEizMaw0liUmzbNLioaZLRwEpp+79uE6ewr0VnWkBbfuDM0E5SuGrELA9ElSo8AyxOT+8lQc2bIgzDPR5ZD4rTH9lF9g2aTkOxoTi7DZraK+suGYziFNhU6XPIwjL+/JE6U7jetUpxTMJbrQ5ODtkTroRfOKDftwnupT1wn5K5mdYa/Dk0xzNTYQSSooGjwl6bpIdm8yLlKMOC1wS7BmBnVn+WZN/FQzyXg7xWxIB3JvO7rI3qCYYCuf63DaCJpkLNUXprjv4jmTK1CVJVh6Wlr92/dmr7BXStCoc9ZoS3abfqGMdOoF/EVFlOqBXOmqRHgbYYbbSsQJiHcLRIK3z9AcnPuR5esGDCEX6KUbC6WoZ7s7ecIlm1RiNXkSDvRDDO70taScKmlMxHTXgmWPx8F1oog0M59NlK2Zy7KzClzKllwphHFLXk9rJre3NgkTHYKZYiQ2VjJxBFalKT+GqhXWyL0ZB5iNIEIIseM3ZPuXYmzwE15HUIfuTowRoIz09FVSQ7Oz9vRzUGMKIU+Zy1mXrpjQo7UEJ+KP3Uhm+iVxpuIEyQgEa/cIMsspgdyqdYIhPJW/u2Budj39j24tWQaEoYiSFIXchPBNaU259nCn87OY34lBo+qUrKLQd/d2icaxHpmWX0/tUl307HOYFnDALCBKBlf94uu43HGLFqtaqKyoNECYFdttawDySMo74BhJltus/5DnUVJpR7yGid37cNssB3dnM3CCPrnX787Q6/oD7lRREfpz46iDw9UKBEc30G1vIaDnItL/eQkpdM8bU+okio8dyyAw+4cZkt+haql6cY186QiRXTEMuxfINo2TV4FPMQN3VpfywfmuwgQQFZocRoAUlRzdAdRwUhUfQ8NHMfdj9vcSpBK9FOvHS3CDTkuyjcfbOnNhR69WLdGh7+UsTngRv7o/YgX6aGePkrMrymonlJ8XTOCZTHW1LlqwHgJ6xXW9F2OTV6lF4OdTl9Yfpx9WXEvblIAqYrVgK547o//0TTsEZO5cWNBJRILuEATq93pK6+Zq2f6fOTq/jLMrsWrLNSW1ePMKi21v7Ebn/IzHwwhHDbmRIzvaXVlI86GAIxKe/+frV8IistdSIVnA1VT/7t3cNs16pDQkodlZTUKOlyYULKJOyQUk3M+W2Am4Sv2rlCmVjhTGMejbKfP+tTU9IhCoRkXQCvjAIowgiXN4cHptqFc3fovNJrgJEagjj92f7zj6zEFdPMS1qqyj/RbZTpGYVm+A/zOLXzsttoYlWm2aoJ+rz3gRha8rCkrAxgURD6+wpfJ3HVbiPIqcgHCvzgi9S/Cv3VAJZ9yn61+S9Ku5uxVq3bH9n9gdeIhmiOUoVEa8NAz8+dzO/Pdpzb4cHw22lhHrVvz4MDe9pyBSdzMVAYAC7M21XoWUB56YPJqoOZNaR3x+ZqQTfMuvYDMTws2FRV3hvrA+iWVuHzL7/PSn7+tZF6y+FqggXlkZ+OVkAi9DFbo7Fs1dpRt3c2yMyFdZz9zbplKVGmNuZX8Ms/yMi1aQh8U60wFBMZM2TiTpHQ08/mRylFmE/jKBIbZL5gmpHVK8w1QZo8k6758S6CQ5qDFF04F7UHXG1kTG1xgROIme6SChIKeZWWylvreT6TOi4cgtzx6r5zg7E0uJ7CYDJUKLAJztoGg4RJl/xRIzfI7vJMWn0x/eMockV0DFUdaS0pG2k8ajKmhthdFaVpMrvzFmkA5GDyYCdakS2I+HrGMLebe6NmWI79mAopT7HzBk0EqrpU4pkrxuHu62xxJ57Sjl6q32PvxL2GZHzXzd8ImEudrqbDfcWCaawM57oucpHcEMtb+XR2aWEDzAwupkpqXEzyOSXbzThka6QiXX9qaLrewygTIt9wJHy2cE98dt6D7Jihe4jt0EXzYS4RfIZVxNVkXbeR8FgKRkGzZfEiehKdw9+AVMsA5Yv0QQ5PxdmA1ssBjUBVd/w9mkdXil5ynSYdx9E6JjnESlbcai2veAxb3gtN07+8cePvAe0HfGHRBu5PfHoJCNq/fgXNgOaUTrVo0ZrvZHT2KxU7Cni3Nbqi5PW4E97VBM4gtB3C0qXLzu+xWIf4Q1Tr1/QpyZAAxRK7TcxiffX1h7GVx5AyqYJmWni0ChbiF8iScCI263T0l9OB18SgAix+iq/fRohMwBYB3efWDWJQGJUBqkKoofG/rB5i4lCPOHxMtI4KMjA/GVSzNCxxfCDYNKiDj52U4yUGUPR2k58Gvza+xaOjkleoWdsuOh3dSEs4PtTtzeAfRSVs+28kjk+AYoxn/OxzC5BcA2RT+cIxmjKdD9LR1zHE4kNhjBew3z2ElMDCMkj33PNVUm4jSwwCYmxu0tJFYaYRnX1E6P/DapSqHXMPzH5aGfDYViTRjgq0/ZxA79kJ2FhdZI5EpnuhOvIjFwY2WlFpEm7dZ3oTZGY8R7sdaI1U2aDoZmWPdbN/WO8tSC8Wazv9N/JnQ4aD+HpRr7sxuWur2k+3WiOH9t6ovhTnSDULKP0VSzv/SswC6fgRTO8BSKqXPgTt2E81dEVLwwa8XGzv2XVDYdkwMrx9tAbnxnOIkP7GLyWRJ+xbncGZEQSOZfvecQKSuQfGbXf0Ilhz1Kwu0ErHQNAm/esd0QPLqr7ghO5VEeML/porOjBGefBewZ7fTWJqnm0GsS8xaZ5x/WCpP+uJE7O2rUDelXKTs/an4UMIPpteXJtoMfNqBwvY12ln1GY6cQSW4MhK0zj7X24FbJhl29EBSalG/Q4iVzcd6PXAlQMcBb6JonMIzuZnE0eg6MgG7ZrEiCo1VgDFkzVnK2WNActa8bOVdxWNPG0oz/RBnF6g/vwW9kcRJ8vMU2XEP44D8J1I48SD50PRWR+Xch29gRlrwKIlfRIf+UxDXCRdfcgc6zGJM8nC74RjP7F5H4WWP2c/+pwmI4+WNGbx66kvORnCBVe5Qk76/z2UxEPygUcBt3gxE4yoLiioEh/QyK2Tbwt4l2Vh7X0jtc4AZxiwv9lHWmVLjcjTRE57rmrazYwMCSlyucYoKj6Kcf2Tgg6p/dwsSnnVbLdXuRB8/7WKfWEgyjsUAaiiWQMKBXk6Ogv/cQKDuB9EovQa5OpFqBliax1qkK8T3b32U5kmfJebMybMMCyEHnBiSVICk/iAYAp9BhIciA2iYfZXyb8J2MfBybyF0950extwKQWDFG1uhvU7Gei0Y3AKWUf0E27j0QpGJbx/+LFPCkKOfies6o1H+sLuc4mSIQVXORNQrTX3fkd+1NHJ/3RaVISTP0gWV2LebUH2aZNpTB0QaLvL5GjaHPFkNN5MMQl23B6l4vLdiiqQRoU1nypVOYGx7qWrbxY7dPWWf0439hgqz6DKfhxsT5Mspgd3vT6KVNuIszdhSat7QZrCzYuN1Q2dm+G20TA9XyWCgzIqb5dTJ/sY2GUUxWuWT1uTU2R9zeE4BUaq2aRd5xebiCDMmoJg9NoCWccjAtwvED4dm/MLCvjaHTqgDW/aVhjcHdVsJpnfWul35pNAYVhtVj3UJv4BSrGE6//58y22oH/dW5+mllBhTBImotOF975UJ+RE8n9EpABLrsL1ne/fb3feOepCZLzSZvoeBbimTkbnDEDjd2qxIiNop3Zh1NRAaWFf0GsrlUXgNQDEf+T7c4Ogwpk2GDHiX5tlFRvOthsgRu5p99EgYjO1ST8Y6Vlt5D5LsgHKkeyvt33ITk5uKEZ5m4nsY3RETtDA1eGb16tB0gMEk+Xor/R5BqxSngGdr6OOkqlIlR/vHUhwPCo7KP+4dkLpcaJGcuTR4232/2/qvz+2Wf4cvwt03TEonxzJC9s9Xo2lHCbKbDmLi8H1fm9Mz+a5VyTJEj1YnVbX6BQ/WseNyv4t859AMErobwHalU84ktInezMvTn1vir2Yvki0LbR6ier258riYndkRavlGebxx+aCfJQ866EkT0vzMtchMKWJdVUXlhAKl8RjWg2yDzY7R1FxjGA3zmlu0ur/MY9QIwRR6i4w5qU6dKxLyNNFCa+BJh8Cd2RSvobHNq/XyWPw/S3UfRrXairQxcNGU9kyfwzYrfC+BncyqifP1OdSNV+ZJ/gNw3PGYfQp2Pr5NrrWoKgJ282RDvX5j2p5atrGZn8NQJVxJdTlQ06Jor4XOvmwKytn+jXXocybDlMLQBMfO6Bgdi3BLrD89YyFjUYLftCr4eWcRckXZbG4//NV28qIgHeIHnCXhFxvO/6gsekxxbYq27oyOnRzorocr89/Kt7PFQhcUxVaRT7rxFCP97fYt267PxXs4zseCuUKkEHldrzirdn9bpqIhEVavI1kaDWb12jlAnx0iJj6a63ruvmpcbhUGuGmAQRGmFBZRZcxbe50FeU0jCpGFHqU/+GFRprv1s5qpnmVcUki/04qeQFVFLRlaZulNRGJPd4keyr+o1sOuBtfOoD//5Lryh25aBZAe2JrPE7oaXyaCnlY8D/SZd3wuco6snCvBiR7TYcM12X7RCNGIArRpK/uvjn+jOACSSXXxB4c3jBVwdKDBIOkoeOKA3vYoPrpe4va43NLSqDSHJhXw6K9JH1E8+uzy6uoBC46WPxQd1RG5KpT0/EpUGTnEYB+cekZ0itBKJMTQVaqTBVQnMGG2pr1UdCLa9LTilInQtqBfweTFZ7ogmpg0/plZ2xCUzQ6gBxrkNq7boIw3JXoI0KpZmsgUnKtLg6vVKVaG71wVr5WshISkNGx47118kJmc3Epd3/m6o2dFwu5TE3FwzH/nUVYfqysSucDFjWQekPMeOGDvOy3mntcL1M/h04lIkW+LTqfPSO7gjDXsY27gqsDdkJxTHDbN0bfCqo1QyqyY26n/c6rkEKFoI3V1RA2ac5CkqXfmrE1jR6CihB7jF1mvmpImgi6x/WJ+OJx1AbVWsyTVrBBGprC9Q3B7RT3WTYogBY6JoENxPteymDOm2LKatmlQgHH28optrDCokbmYCZQ4WBp6t7JOtar11ZQ6CDwS+KOXyQgCoA0KAv7Ab4dm7wo0xtudS5mbKKiOUcy1FU49mR0Hv/MC7hrX0DLuGDBM+R4ccXVGZNzTzyQgnb+Y2j2qdcZvnm8nJrUhULtICkXjVAeFYUgoDldx7+6KvUKZAgJk6+sqTL5yIe+RmQYpSoawjdT0RneHtELZkdJctNvUjiaAcheITCDREIJa3eWMPGNfCkJpyW/1QNbvUaiGpRSdhNJLkEb2JVH0l+ZAM1QB36LuXJgdkMjgdRHlcdjbi16Jp0XQFXcNuf5MUeLqs0cu445MrE0MNlraQ1h9tkH2yocYK+27Vx5IqCurvSZiuXynurSlSzqqIaZxXqfJwwpv+T9YAOAAA9Y30GycPjlxe8oDKTJXX+V7HJuh2jVSlIfdRkXONSlVWliblcewWGWrUeH7imrAX96al9ISYKZKH9qNKLbUhYwtrJWi/g2yfMIJ9NCx5eQ1KGfj96vUc42q19lS3HCOyf0Ior+KO7tudkauWPEOBFn8b+v9vQnU0x8xboar0v4FEMw//scGQc5I1DfMI8Mg6UE0CbVf1JW4ZsAIH+hkOdM89iCa0wef+WLpPibBRttBPUA1OCPXmPEghrN5YcxbwI9YhBuRDwMFSWdYFF4Q3Jqa6K+BzV6o06BWtIT1kTw0ztXAG1Wv4wK1AZA3UjQUw/fQGilCJ7JBGFL9SJSqoHxQZEcc9jk1uhDBRj+zmXx6Hsvg2RSBz6ECc1JyPQFmrIjX3QRFx9uJGX3SQ9RGcR0w78lhgQfHu83+iriJJI5JeP9O3dfDjYHBfdpRYQGjldJ6icSeoyF6YRLzbRZeLaAkeCPd8g8hNezJVKdNDBKZdfQhPjEBeGmi+bwBTLfImY2PNX5IzR7wFWq9/yf8/ZMCfswqJLlH8gUNfSRJ3baMUBTcShhV+o1nXZG4jv3gGD5KW+8xqr7Bi3iaQRjMRyo2m577trnYMTPqgnOPKtWCCaBCJVk0WyGAuSbBIq3+gDTMdcOc5U7sZGCb4rsC6JPlbC0Dc1gWirh/n6/qSw4zpQJDPVSy7Fcf5s+CLi89+LC4NS+FTzCUtyTyBGLzuwAU3Yyqsu3GQpxFQ245HX/IIyMidUArsDhcReUxfhahV5fKUo2JKZzfUPetOp2VEvbEs2I4QAYpr8PNN3jWIjfKYCxa6U/ciV3K85WgOZFhHCVGlhvgea3kJy1bdtmh10Fws34kb6gHD9yTZ+3ECGgMWfWbpQCXhV888jObJifMGncuQWvmOrk7nHlvk9HO5IUsAYV1IQslUZebWwXX6Dut+V1rigRVrXNusqtlKYC8ZBAefkdRtxGF1HG6zsOOpQuy+IfjS00Xq9wiTpVZNINHtHupAUCK1Eymil6gOiAKP8gSdqX6h8PjTX0KOY5To5Cb8Vq6ZMwoDWBprLtNmUjLTX/DmVyveB+Nx40Dm4+b+adUMbiU/2DSI4UloKiPrk3Cy6Z8NSfA8RQq1B5h49OFw3Ve8OXWHWOmQe3CF/AitltcJ+IYZGvLsj0H/DwU1/w2C/lV3B7zWMzwRVDh1y7onBKDXz1eWdnioNCgVjrIu5HLYHlrRuZ5nzO9Yrue+o/QCqLGuPeggZPzUl6xe49hhYbNHrix8M7pVGFsdaaW9hkuacpXWILhwlo9Abi1HEY0tO/h4sDjTJk1IyLY8mAjTfPEFmgrKdafQZzvHXb0QWt32V7ou6QFPIwXBUEHEZVVk66Xasanol35wWk8NNCdQlPrbC0ZMCTtjoSxydb1aBC4wq+n73Sa4K/V7yTbETavlpH1vKw33gwjVz9NG34eTHrlXj+LzVfYMKGWLTQ6+otHJ3vay8VDbaq03cOZUFPdjFUzhXzmLYsEQXstcbpM/f5rjMP8Tzm82ZCnlTZvJ85B1Bq2/jDb4tgOYuwVUs7wYAF3AjQdckPKVE3VlP+IVV4U8g9Wo0RzFz1wD4HVdkn/R0K7/O0KxkBDWeluTz4NHb904ApJRH46bllhw1XUWO2dLbqs3fLVbm7zQmo82t2F4RFqv0VSJm9hMogGGuQthQaVjSinCLWQvpBbedQpx7HsXs0x5O6H5+B1krxeNhGbuuxjSQEgb1fES11uRM23sIkhwUr5WfcAv1DNTbw5CkWYNUYmI60NSDEXllLs2Oem7uwTjUJiYsOlyAHVGTY/CCwrJw4fLbEXHaLu63+OFqCWqIMauvlWC94OFZy7f7DlpPVF/iiyBe0FAgqQt2udYnV4ISkdFMymDARAWEqxPyejXJhnJInSdzTfFiGpSkTvGQgQ42Tv+r/iEqAjS5UMJ6oda9lTS+EEbxQnKooYBlMfT5Eas4rNbLHCTlbBWeJLNgVMNqz6CyRlyvCbS2wkEoIrW+x7NtZDjn05gSJASn8o4Z9bHF50EPFEg3/SW/65k4ve+V4N1ohdToeBjlaLke0warxQKwGEZ0TtodpWm1D+R3xrnC3kvH1/99xKhbtoVOdZcUJAAJHsOqmUfeRamDzKB7NZKuZf1Lq4pBDMBgMK3buT3cOasXlsgBUE3Pq/CCZyIINLGbL2RQstSMVgTEt4NPuyAiFWiFSaO1HQ7ioi5hxbgllAWTpCA0dxy4BaRRlBOdWa2d0YzL4opMNHQBsmkNNmkam5YDJVumAyM1f+6AT+xqBYYHVecQwdtWvuxXtI8StaEu+cLElcMNfd704T8fR2KBSiyLBkOywQ3tSXqvnJKviBoeg8nm8u2FFoU3/3BUaaf4AU07DodBTZuVQXPqgBd2japp2Z/dh/NITLTq9QaoCjRZW83qPxnQqDrHnwcgMaq1oB2KI6nelzivWsDGJvPa3LLkQ8nv05mENlzq4HbfPFxEtv15FCa6RJ++iF5VNZ6VkeQwEMWPpSVhC4cAFgIyHoTrhtANcqfE+RRugvH1uOaZ5b/638kDNWm3Q//T96rOlcKP10OMRHcFZ+JJuzUWwTS7fl/9HBkOoYrLjsxf54yRyhsP2xjURukEnx1V+EUm3oknKnewCo0ZtsfVTBsw7c0TDk4hv7U04AOvJDvHK8/dblOc0DT6MtYsou4cf1HCZz+8I/IvKYeXN56HqxeMZVTKHfBRwZrO3TNKbzNkzw+C1jz2mboa8687TwStYV0ipvImpjpX6g1re+upmbSjfsdiX5y0bc0Ukamh4OQaCta78wEGtjAkf47GsMdPJPCkJ+fJ2jiZGxwFaVZNSKdzIybvMel+6r6A657Y3FfsVh0OD1tjB4wL7bCnB/aupmvAPQjTmwNbdwpDDBcIn2N7el07J21O6Z2zZ4SfJCuL3HolltSgE41Rf1QNLw91g6i12/zI50+1b/Hig+mBxoqqQYwexb9AmTGalcmTdXzngDUlZ6VHrAVp7Ara/r0AsOIpaWn2EMAKscmGNzTe9I5nopfl99HMLol+kNxj8PuLpcRAZRe2VUt2npCb2cafVlCgYTO9oD7L0lJfVnbg/OGYlIdRoVNUvL+zbOFAKeDWP6BgZ4VEaqck2KSvSLR5tKBttuaA9wuzHFUJ5+yXrvNHjq4Oyli54PglvEIc4PHQBoh3BfhUWqN6tP+haBHhhCrVTx/xPwWNI6E2o3r8rbBH7mAqOdLTZ/W7CRbER1IIEbW8HdqhO9DjG4OueEzFdD6pxB6YSe4YKtvoVLhi/lU6zkVIbp5zggiDULi6Sw5VR1NO5EcvnjuPTmOLZp6AF8VJe24Brv1L04nWFWbYIOSt/3yKycJlPfbKgJpXPSHvFWxhBCblzsbkVkURmZMeKJ4zipZp/4mfmLdSWPzecfC6GEfRtg4FF7sS+nZ2O7fpreF7zXHHWhwHME6dIQKb2gAM0o6RBuE8PSF+YxYwahEOaQizm6hZTY9651I1cU0YVpZ0Q9H3T2gnTP36ansCXHc9/E3BkVQeUoaRfr87KpwvmTJkMLfu2AHpBFUhLmSz61gaZlD/VvvE7Vfka6NiT2qZxwPU0gZCgFSaAdBSO5P4oBDtSXKoaFr0kA8HE4xu6ULmixd12owX8qUt6rXbcmcZvHSgFI2VyHqNPpYiEobdV9eutdUmDkoK4bpbSgbA9BR5FBUG3CX7MeE8dixchKgB0CaIc7kgFQxpSkoGCyI9T5ZVQ+o/QV0yykmcsdd82TYF+NGzYrmn6bPxQ00Lzrt3SYsOk1K/K6DXs173yfym6D5oUwNajbPiatXlvghrSBWvfz3lgzGhYiHdGSUQRRtR6ffusCdWFzWG79melz4odabtyZvgyc3iwrKh90HM48u/X4X7uWSseveoPk0lgkzQsTIOh7qLlqxxL90l08g1FUFZv6GKPC5SawjbkuaEp4UpP316adL2OaFFBQWszbcA0Y6CMg5pgwTKqbYhu5RrZUd+rerK+3bb7gd8LSCWrGUQg9wGu5E7xroxoRI6b50ambFy+19sv2wujRzyCpkUhBOmbdNDTOyggFpgKiSaaruAwHBXdGDWuvW8G6H8BBW0Sn02YXfNpTpJhYaTu0z0TaNm22UwZUyT3Bxbq/oYLkyot4HoSn/cMDYFRZVnoT6PxzXrSiRci7mxKke7gwwmPRrfuVRpx1kL0ufVQDVLx8XdfjAfLTesIXmISauIla8kOeunDPWlMB+Jxr4kxPkhtYSaz1M46iUBp3SIViuJ5IQNkEs6gx4LWmy9edJz2hQ2dAg0DTOOKT2s2XzB0M+2K06Q9u296q/8a48XbPbXxbaXS64HxkHTo7MDe/Ep7symPiTyB+5kb3+QYUANDpM+fsNN58fvwze/wM2zY3oC8OuyeTeXxtOUkSzG5JU2/fAVPq6sL4LKNuOSe05XtO61YZLmhuzywmr8TUaNuc/uJdSm4aa9M04dt7yJ4aBHcrAQR1xnCoMmc/TWGoyxTIJRwjjw03gWWLm7WZHNuODlrQXw05maDs4dKQSc1WRBzXcUqdo/n/zlToVWnQ87P1Egd1QBke0BfyZgvYp6tMchyLRX1HZ1YgspOd42qRcfvyCv8fGeVUnBZDYYXRznhM21oz/gcsnz71qj647XfyC8ix/Io+6XCk7l9+vT/Bg4OmskT6hZqVdQOTgP9x1fnOzBDlq7QMrnfuFGIauGHYe6CVovVtf7Db29g6FwfliymPn5rhQ6SDfN6nKNJovEzJrwtgBAFpZ9L1Zke2Akd0uNhvZ6JUWrraWxBtiEuvPq5XyE5M5W8L05BfXn+njus9u6npzyl3f2PYoga9OZ7DDHth9uDfKI5rGerUSPbCUI8hoqmppdBzXIPN/jLL29R03j5SnTq4blGu7Izx+fC0dMBqZNC+I9oZslh65fgPTEhjbVRFXE/CMWcF854KoTCYs7Uki+7DB/0o1Gst8IzryRyxpseCyFbE4lon8VeW22sUFLFZ0637mPWN4gtkKC8WAvz/oVW7oGkc/Qoo+qc0FjjFRQneAEx7h3RsMc77CagnGv63cLytCufm2unAiV+FGuNrju0pmKB8L1hZH7hoOdjMk512Zkwjo085aLMz2H6lgF6ijyEhqpavSL57S1FyTebXVpe4iWYq5EthjQw1lueZQnvjEYV6bAdHVAFSzLqbe+D8QE+ShW/AiUNE/tMUidFJXywH6HR0S4H9NnqWbg9IFiHy9IEzL2y9FLCC6/F2526iSrwJHM/hK725x83B8YpO2uxgjBKoZhmjNhroFlJEf4OBKapOMoESEZT8sxZ6bBtIokz923JpQsHH2PYaJWtBVf4m0swQ87/D8ECQH1x4WvrggkzxIG3VXFvtHACJNCy68ujgzXAHoRohu6yx9K7xBHvOp0EIvfUiHHWgV9J3mb3BypwWFgL3G9gxA4/sj/rnGkIf3gw8FuBm87FWygDSsOZsvmyMU9GcjPiVyfTwDGAZ/XM1iQy0xYBgVgvX8BT6OyI/4kxwtbiRy4f8rNVs99v9fnzJPRp8HR3glL6vI+VggHR4xHzRjRSlpmtA7LsDk+joIn+QGwPMVVWqPGL7oKKETH/XdBPpWTL20rOWTF92OcfP8dbwQ0Pw+KbS6/fzKApphuI04Bjy/plXbyUpO3w7YcwHFTyp3dtbfDFwoWeaS0G3m1ssE2MvNG1CVOBIT6lQvaG5r/+EsH1VF3fLZGAOvcGGVNBNABbw+c+/Ne/I/lGWV+oVlkXFQF4+krFc0KdY+SZ74g9NZ/PxIYPva83FmAz9X0QkfQmXake+Vnygc0pQUTxE7tYiNNkT8fEDsCPqPJcbCgjHveMWOWjcyuF2nIch/OXQnRjWTYJD2w+X2YxVvE0rPZyARCvCax7491kplhbGSNbs/2l1EByryzAYQAeieoWp/ahrAGQ4Geuw2x/AcLgo0A3gyp9tuoLFuXQpbUQE6TjU/Y2lwMkzjaiGlhSOQaTJL+SFblO9DtOwnAcGEphy9L0ZfSHq5QSP8TB4mAb764KnDrsZdaAMwY0xl1zfVOUfmVaeqSE4qsCSrZlvBArpX3Ym6xrnX92lOtEQck2Fw1dpAu5SirUVOcII0MMXcdiIoHkzO9QsGpz4i05uXPix0k7P0qrceShCIhGfaamTD6eUl9M/tr7vZOYV/h7u7ghdxNn4txd8lsUX6Y1zlbQoXdrvlba0c0C5nkq3gsW3FlcLp+LDGLisysI5SBHh37A4UA1uq+ASVJEpJcEN4/Au4a8GexO4BSEkbypcButxSIXk1pTy4dv3XH3bfJr/LqvKcs5N3d6vIGTZFqdKoGAZYzGfdrgG08F1S1xBtIazvVml51yfz0CkbJ4zkGX5PJYqbrfdI8g8LZ/NprFt1rKm6wV9lhvL+6wpYvEbCdlpaip1AA7GqYrHFaafQq31odf2fv9Z0RZ/cH3eeLuq6LhxdB6AuaPlkXQ0KEXHbdhE+sUr8deovtm/J5gcSZNap2MBqvWVkr6cvTD+553mu3bfwsootr0x62i1oeveCHwcvTA7LR2+otMPp+0PfwM4Q50K+9FGCGP5UEI7vWFBcfhZ42444vFMpA/ES6alhuiJK/S044T1fxnim2KPw2+maGBIEjHtPMZp8JOUOBt+4/cRmeShJwRlkLzMSCKTKA1+6BElrAHY67qO0j8D/6Sf/MaA3nSZIj66H98DQSNwF6zrQa1owbPOyHqXwyPFbQLxlkaerD4SVCjIlWbO0IkR3oIBYwloFNN+vxFyBgMSAKXXS8ql45NUA/5ahiFpWDTAlF3we6/VmrGYyIOA493NnZRc8ebCIspbkam2O5VOllG8iEGSjnJzxlhlIb5+HXl1qMfhKjDcwnnXGq5hC8Ekek4zwZj1RX/mN0hsFjB+QOo2wI8RgQP9k7g1/gy405KCs69TdRdw59PtFIIo/Za6yL42AErwEkdHFP3O+hxZkJuZdAGVQQQ9u+xaOqh6B2XaSu8Np/yhDOn3aaTSd/XvA7rK0Ee3D88qyy2oerTcGAmvKu4SZMAVJmZjGGzrNZItnAO+jF1mmlxziEVZqGp9pbd/EUscoIvfAuIU1iCrXt1wabo0LPn9qsMaKoLV7Femh1+DoDOGOeK/L2pX12NOUATO/dytK3NdtXTpWmMqFFzBctJXNxsq0z2BkxoB9QcRyDB5aoW/7nsB1147l/HTvpXvv6kkY7oYpihPBeJneR1QLxPVQh6ubWgKSc8vc48RxtxIehEF1xj15TmrXtGroAl1Gcv0+amJz7EUWbGv1Q7mVZl1wPYoC2arRjWmIzQtXY08BOKGw+k0X+6/UckRZPu8hc+4R/OYAS7gwwK/7vxs2phNvxIVn5SEXZoPkaC0nNkm4vL8q/7pYElQGdvht3JadZnXDHbHmoCzoNwWXrUoeY48Nx+3q9RrNTIGFehPVImTcz8wggEE/WjR7QpCLR0Nve1Eumr7xr+Yon/OIQbiHcI58uHOojXn7/xPbzAi3VKJy6ouM2IctEOhuO1TR43IOvmMJBpdgtGxccajelWv2SAKgFgR8a26FrcShqbaC6kHrl9prPpBlT2fiDYVFtYfCcRLaS2Cp2IVjuujnCs+0pTELrGb0UjCruS+K3i9OEU2/ydwl0MZxD3fBYObI/fMo24Ty1FOtaSzcfBHcM+QPHCop07RNY9WjdvMA8ZLllGblLpm3+6z8c+Z+qzbc/Hj8Zycm0VT8xpj9+RXmsjLGgPXWDQYCxXUug8hgoeJs76hU6QP+rKa+IcCjMr3MWbe9nBPn+gnph0jG1jNvCBXEM3fyxWaDQH07wkoE+Uii0wKrmNgl0Nt4k04TlcdJdQyQ5hdjtQH/ZnHs/S3gtunTmAlENAA0gL6P4t8S0j61cuFOjPfgJ8g0XWVZWjcMiXXeLucBR3iDUUR1uVPVAaOotjlHtk42xhathqFOq3YS7xLeQ5J452b96Sabyz/9qPV3JzTuwuiXASvSMlB88AhIiFCfgr0KuMRXv4RvBQR06Qn5XbhcSK4VGPdYyBu6vm4jVFO1bZTZK00UyWbIlV9K1RJhxDs7B92abSqrrDBiyZj+ESiuUMIRY+0hrfJbkpSUf3a1EjongP66vLMcbX1l31/pu++XqdujRef/ThCgFCpbCziR5EiYZA9SPYsMgJm8olw/sduGE74Z1heela7qT9O09KV/d43cKaNrzykBBoub1o4Rr3nN5kCAg2ezA+D4cu43XFp314hCpdFrZQASaE2h/nBHvDVHReeLEkYBdnl7LtbyA3brs65+fYldpU8In2of54TZN0YuJ+TXBBMY4WPbMUl57J39UlYMwPIX2YHbi+D6pX9TwhWQmdQVoTFqvEYaVXJWZiLYiNZY4SJsHJUF9hOfAbYxFmbumA9x3I0ERywD7qKWjvPcsLc6zwewAMoYmdNkaPzix7ZSXZQAtAsdsmvCNMqpoVHyr5caP08XLlMoLJ6LepFsAgXXnUEU/602JUKshskoL3OYULuvuI3t1SzLYy/RIFZrMwdB4OsjhI8uQSHLXkoCWnACKSIWCfoWvm1cZNtDtG7IF7cKJGK7baUXY4i+T2wquOaU4B3HdmLqCrIHl6kB2ubT4/pPKSvqnpUY9I+WwUHK+Zi+ERqIB3FrnL+bUxggHJPxA9p4ngrXBWsQRAF9AkzlynhQOYH3SuO1UOlf3FT1J9Wv7E+tMKItmmvFqVc6ZNigAPsizeRbRD4geUvMJYCs6KLH3zhCIOpYQ9C+SQB1AAIRLi2AJQ7bkKTrWXCeXquQOt07WfX4ezWJmgtPXhuCmUG2WL6KRyB0sTfBP2lMZEy+xCD7et0fvcrkdsbP0juBzeelM68nmTwAumAsGfRRRMdXYU7+/rWRCukDpY8fhamx2bqZmRf1VVWEYVwoZkIHXP7zLkl1IBWwT0gKDTWDsgo4KHZHDttWTtiw9xd1oLiZ5u45ElFT8n6rW0A7w17CE+ZAyxchiXVsDrHeoPNw+OzigBuGfl6a59wLpLMUuG3f3DCvszdGUzab9sDiJmqlggl/mj7rYtlLTjpNOvuziKJ6spYKo5InjOoUVQQUb6dswM9ickdnDLTm+Lzj27NKfPtWFOaC5TcPvRtoQSdkzoT2Gu07stYmp1aIXjeaQcBtd0qHSAeBt5MgQ7FE0EaGidXeNgBIkajO8ss1i6UrQSuRZYCsquWYV4icTBSFlAeG4ZszhnpZ2q4I5ZKjD8VBgTWVC/EuLuY8vnBtsk+ysoVSg5Mi8TpjmEvdq2SKxULwSWXIM9hIGL3GuuMMfcKcZZgTg+8sKvTiXzYHh1SX9TTeFCqGTuYtjXtUO4iv0sPEUib9vBRAszZEZXxBcrmysHzlWU2FKUQl6crTeKMVaaeFSuJGAPnMEyrz6UWMtGmlgIikVp4ANLq6KTw52xTox8puD/t3p9xqnOQyPUTL7NqZwsThoSKDnDB5H3G1m7cKjErT2ZLXfOYXphl+Ve8SrIYxUgq5sz6no3Jw7Fcih03nG2CysVSlFek7qpMdNO8Kop395S0YdI8+YlmxR9Ml+BUWk/IoAmDDf4Hlnj7yqnVST24kOFNpfzgn/iTRaWtnxoLy3sFkAXQE8QFb9PR20yUPfYiBne8+Xt4Ll0ghrzgFlBdsl/AqaOZ8yWZDQgZt4KNR5fK7dk0AnJ5t8myYYfpqTNDGjQd1HJFhABKJK8lanS2tFCTLNM6LTL4S1oPxsKkGbXk3K25to8RhOm+MtmZsk1jZavGXJJoXzxI/6M7YcJpH8DL3KimAgUArgkjNqsD65ZXu2gs5wOBqJ91SavlPTfK3YWnrqH53e/XsNmRrl9vFZ8w30WEv8dYGV8LbfeM89983u1OAPdSPG8tJ4Uz9NF8VU2233LHMY1EJn5bq/FXMVGOAOTTrqyT1Twt2Cz2HyTio28e96HvrhbxSzlca2z3IqijXLHCN+xygEl9epvQRJl4fyQZoZ71Oeoj2iVkOyo1WlTcQ/Hatf1N6gIzlE5hPdMdQ0X06qCRojR90c4u9JdVfKrevE7pz9p+FdBqSN7PGSUjEN2bO0T/zhWAwwcn4Fxcwp/ImevcMYBQeFWIYZHHbbSfgmiQ3cbc+9wX5iq2bF6tpAbOShk6IOU9/peo5rALHm6frcvOg75aToepuM9YoCS7IgjTLGZcwozoh0mLokTqz0qc6CiknLhF1mHCY+RNZgeESUL9uy6O430r6jMl7uq+V66U7/ssAqcXC2AzWBPBFgQ3cHk5MPrknFvIVqRYek08+/wegy+g0ylA87eZfAIjSVFUu6YloJONvNxANzTEHRzroh7xBhPLUFNRE/s8T8H2GEAYjLQ5+6QxTSdxC1Lrn3++418hdqxQGjr26IRJ9ghVCZur6clCScPYRlODDcK6EosY9pX/evZGNvoVgOo2rFsNfEEfQfvGPI04t2hoTW1xlBKfPtCUukI4I4lAUIc4pWMdmhFMcQBDCwbaMElZrdJ82hD53/m866yRr0ED3iEAWOZG24BV8RZfOJWW+vsxOUUcobOQYP0EN/Hca4wYMHulvuRq66WSX5J5s7KLH2nXl8qA7s5vuVzaDXPiC7ak9bZTTdbZvaUkRZM2k5R0buvwU+t/90RqV6i9XydST/Z1Fxi+eCwXx2fH4RnPpVqfhccwz1GYgqKP4dNww2pdwjs3DhJsj3wdOR0xybJgxjdLTwnET83w/03fxFCqZWtDH9IHdPS4lGhDpxcYB6xzt4YTh+dR1DQshPQETbk00oSv2qFrRwE0AdkfA3ZlYkbCvPL33YIkGg4D2vrZf2MkmQlQzxKmubOzBQPHsLO11dLtkEpw0kitgZBdnYUH7djq0IxaYzeKc7Bhg2+vZHExNaZRQZwp5sp+7PGN7snysily9pLOh8yk/CZzA1aaTD9PmJz28EE+aQ/a6+JdTy85iqzrBvjALMy5r+aYxeuSEgXDpsdMQv5WjPXda1l/jz3whRe4w1T/z1+cBpTL6W2o8N/aDlcpCP8XqMMHnObeUTv2i0jgWv89hsTPHZHD/sgmrITCa9KFfyr5pY8ze4H1mIjEE0WNRBhdq27NahfAsw5ESbgPtjns9FeVKVGV4DILDKnoFkj2Dw8yUUpvHoV97U7Y+5oMK9OelvlJY5yz8CRNScvSOdbtxoCaWcF9dsghqM9yDlHAFlSFJzpifdf04I2K+3PBRPdIr3YbcGrqDvbb39F9A35y31DHkwjLBs45BJchwIJ7YboBaCcyj0F9nLQaU0jOMNgZbCnThFWsh8FP91dBSRqk2q6lCZb/07e3S/CLkqi2e4KiBjIyzHQfrRVSbxleMJo3+v+K0ZoABbqwhZ3g49Ykn90hwJ3MjcftmhbwudY9tDNogqPsnpJ0snp4D5xBJDeo8U546fViOpXjfYSwVvG2E4XUETkRqtuPvRTvLcyAftwhHAONEAruV3RhQLkXDfrNyjcrUHc0QpQV8co1x7Wxkxn9VMF4fLSTOOnew+HIzQTc3ONDleFPTMONfPixNBi9QoZAwZMzPpKaVfj3a1O6PaTe1+V5L/5bLoGC3oEWzya5wgSii3d1MUMHNmnGMOSQ4S1YryzyXSsXSojDtzmRbpoNhK/PYiIZ+vxhZ2Ok+yap90CCMcPtbK/4FwUExYyVQ6pRX1W/L5izUbWhHuii8+KNjcOblm7rp9mY43Xg3wX+UTzxoNH+z+mOS5bSj261rhyDQAjyFN383HLXKcYKoYorWPHD6kpP7XdeZ3pStMZp+/cnzR2sxvs1G2wkQEH9f+2SiC7GKE078tFXf7k+N0tCMmK4IryqK4uOiSSWBdxmIPTW42SCKKWbdzY2ScZ692NiPXOtx5VIoxRHG/brA6VS7dQT/IQbJ9GoUbix1p0pow/qQ+8119Hb/NgqrFI+YtzSOFhJBIwXqGLBnbdkpwOn4KhV0LGPTt/oxWEmNd0whIiRPrZIUSAnDMr58XJWwAxrYpkU3tS7GWxAwrrwL2TqBWmCGlDynuWKMEQaVn3lTWuXXhD+7qs1kL8IY3hnGHDfvvPL56rs4sEHKSxSURQKqqJ035OYrmQvhoKE2cgq9X1ymKj0gRoas7MDUDOh3b5FBUKtHAg50OKRkiyxRcbMHFl+WKL3eonb/E7bMC69loTo+DAHomBJe23PHnsYXeqUtCCVdnyatxxLFy6tujSVUI5rn2w9UnD0XO9GxwCRALhq4UXn/ItbHzUspb4zjKCahfqQZw4PTcy6IhT/1gX9bpmuqD73fF3oufhzO485qnQL9IJqD9zAMvmIEpQLwXaw2D+UFFxwIjU+znZvU8FsFEZxDG1Jav0b7RnNX61+verngQw+Vn7RgOZZqRnRgQ2inzwq+fBWkWEEBn67yM3WIGkL35j43TADoRyi+OAacE7bbWwEl3Ad7BuAaFABWdT+4e9pYWdmoiSpQOKRKJKvMTzbIWZFyu++DFP6Z9i2lX0egy/f0uVjz1NPym+LQydBTD6WqK+Llp9wuX1TltWBD7pQHNr5ah7l7/9XksHDvVOpISEFhv1eDdwoD1Inf3M+UrdBBWlJpfmc0TYuCLrmcYQpmGWtjMk/oFstVlhsBG4iVaKZ9IxBsMxNsYlojn5z/VyKv/GioIrOfrK9wqt7ngJi/TTq49CcHmugyT2G20lzgvOZ42kLPF3ppC4QhQwr7/DNWq/HhqGb5SzajFKKgRm7EQaAgdz+vjSu8iXpRRC12iP5C0T2tWtzx0IL8nLE6gJr+RkFzJKlMsakH4OESBrMUNUncX6Y4td4NpRJsQmQnHYrqZe+ZnT2MS9l2yZF1KsKEcExVnmAQ3RE5uEYWESI4W+A4UYPRMyvVlTJ6GxMhCxDtX+nWKHBeuDL1Jcl7DetJvFP6YMb09jm0H85sZmavVzJ+X4Npovbp+N8fgMrKKFybCR2ptiF+mLC45C832Z5NHv3LcvWu65GYliFSLVo4fpWpvi1dO8owtOLYhMQ8SReRb9myJcGwrMDIsNQnnXkxXdMT8ITHBbYDHU0dol5tm8D4Sr3dGudONyzx0kDCSxeoqQCRENzShg2iLni9f8aC9Gfch45SevxI+4Ir53kOz9kbWEAHHrw8BnGMIlCZcRvNXpvA28uXNg7LQEXA9DsRTFJFRuyqo8L8E4edubNmTWEZaKQZA68bXUq/8lhiwC9nq2ktDzBa2g5Wu1W/vswxaNX36TbzX2XfuXJ15XApWGo8W0CJfRe7XjqS/BD4N9S3XwKm1YEL4IK5yyyB7p0o5UoIajzWkgRXjIr4FQPf1L4707ybsJaWF0U7ayQ6W2D61NERenbsl3sP/2eufTX6iqFzjIYMPxgZV1W29T5mj5Rxn92ICSagGgk5oXD63rdYHPEGPFBKF3zGg1faifJTdc8+fHUtcrmN3EMslW/2SQoCq0pKhX9eUMnP3Jqp+oTup/UbaNdb17ahAFywKIYN6xbaSxp4Rs1idFiGcXYoJyYgaTPr/hL5vBfGcsUnW/aJPcbfCHbKhC3yaBjmhxMxYUBHMqGY6IsHQ6ojylG0qD6dj0cxh1oT3CRNCO5cFemdgnYegix4iejV9yh3QXvLDsMYqmmkp0KAvonqMlZ9vB8Cdgnhca3LaZyx4Y7GZnCcx+IIdSxbK5MysREy4JHXsCb5U6kAeVJIUYVxjhyPLrIKutYFTkILP9F5AAJhfJLsOOnVAoEW0ZOQijptva5kzOwQKYQ7n8xT7MAoj9pvcpinmhUY4rjWqgqKziCsmtTaFAKGfosSKwq/sZ+ZwOgweqNvqcrMVzZVFmKavURL64ncAu8aiin4+Trvf+90+GkibaU0AZabUB1W6DDkJaZveqTay9n4e8x7txwVkS2sHcYb7ene9Qg5ZxbER80MkfaQuGHeFvpC8Q79CAIbBr1mPF0dIfyMbNfw5Qw26rtFLTGqPD7PWsjfFg8yDRYF9I9JAfrHWdxiOGPIsnJyBB5cgRSTC8yyknNRrTvpuZ52cgbI6YPeFOVnjY6WnSfVodQXtzhkx7qG079f9L90sdRt2Zvo1bEtZSy86kXmX2kYpdXdyNbNHMUGiCEP2np/76bO/f4vo2X47INkI1sRzo10LwGnWuf7dBo+bMA7odbkZFxiRHYOs79dH2oxtan4aqXiSh25MA4Ws8DvsydKDujtGSUPJOSECrosPI39KJ8xdBRozDI6YBjuGg4ZDrOvDu19cGAlogEuqkDRSRiitYUep4v+VI/rccyDvw0BkKIq2WyuOumJF1GmtPHLsFfQVyHpv+bX1oDFH3gPcLKqzW/tfmZqQYT9sfC+p5Vi8D/ZH92J9Xv2J3GmMO+5IlxA6u2r0udQDvFg4IsLxdpbDbtlXgvPAKqrxidUCCFnPQg3JPY4xnWiihWyKwGSHPbZtThh84PNpHZOvGV3NvNjPthBc6ojIj8rCcf2zZ48GeEu4+QCDrrmjli88A9cT9hvxDmVyQIsAeezaPmjDLijncjm6C5yUQKUBPGdvmhxTXqLpjWbLBOIrJEoYvo/9ynlayr+qWLW3NrtPo263BnlD3q3QQiQCdrJt2IBg1WdMD/aJ8fAsSf4bIqXtASkM2yVXBveju8ApzVGvyFMo+AWINEKVzyEswpzmx2GSJJv9kfWut3ih1srywJ0H8QyB74MvejbCnM5dUzYxF1eo6oopOZS4dw5PXrLs0nkpOGaUjc0vB4tZpQbSkWEWTvrI5EWQ43AX6QxcLBU1YkBI41LUf0MWA8dmi5A8bJBtz54HeqX3Tf7AULoNfPCarIgqWzL3011WDIud8EOTiXWvKyxvKJXmxoPVHu8APzlNOd68ULzC6pzOkIOJsun0+ZyEkptON396dlAQxrQAj7FbOZWnwARLIEt+Wzm9J3HCsu8JaA2o9zP1fJagZ/eVuuQQqwf7ClKs+u5uIcdMz54gv3UZ9O0zYIxOU5D29W/G4l8mEPcEYC/Buxp+3Tc4qIHy+/1L9PDhGvQokiaEOwMXjooFS1eMT0D7j1z+xbOJRMegZhYEAzE/Pv9CAlaMVU/8y0857jNTLx/f9iztPToJMn8T4lKnoVqABh41m8kmnWYNyn6ehw+SKgnn2GNTA6RPvOriL/nlWVPazSOu2yZIVBqtmXmF8mt1y6iftT1X3GUDFSsmcEm3A5SDL2VG1m8H5SmDSaW8pN2KOzv9L+iLl1o28mE8vSiVQwpa+U+3fsQIOobqYlFIAN1s2lYyiWiHS7F0j7UCMw5VuV7pnSmr/H6wJo4WBIIWrvrUiKfe9h/WxLk4e6H3+nEsAgeqVOzSAlLZtQsDphB/2MQiY75HzpW5stmphX3qTzTjP8BAW6bG/it9fchdx6ZKXsiCqVXXtPaH/LGeNv4kq6FIqUckV5pNQF85jtBqumVVF9uu/lgGlkUt8urv7d6YUHsNvc98KZ5oyrKCvkPkicLnCs3nB8zU0hQ/TElaxwHBE+we3bseatica0Ui6dYPRV5o1X2Ycb2uK10aeQ+b3ccjWjaZnOJC83fieJIjjNOqJ0zL5GdXhF2MPClZd1qCy2YnmrMNWdV9G2aIEtAxI7rmLiP8kNbUJrbWWuymx4R58hAkljy8jJxz41Lab5JMJRp3/s7ypSicK+ooJHTAwWy3ITtA+ZLy3oh/HE20if8hzKNv948hc+0BhCh7Zz7KN0PZ2as+lDyqCAtOBCwlkGPQ/jgoFlmutp50qiuGviICHjRAAhZrRskbFtUV0Jt9+9fhLpU9Hh2pKXEllwI+krluwawgPm9SOX0Mr2xXVgTp1k/DiRy5nrP1KH1Xdlii8ClZNvWn4zzUDuqnsTHbo3MgmZfdpETuzz/NVkX/TCNYhMOUBRorw+dEfI9IMtph3/sEi6iMmOiMKlx7PaU8emMQm1nhGWEX0VrPETdG2ugi8jzXMmWurbUhNNU7cOY5Y+i76VE/sC6DnUVYYHLVNWHcABmp5WyL814jxyuuFhVf+1tZ6l1Cm23QssdsrGzxQmYLEUF0m/mEM3kIzFGbGZL9zEbcBjFax1ECZjK1WVEOQBcEKvigJbSZwU/KrGM0V1kvtt7EgHAyTf7AI7idXOOEdddtl2wUCrkIgD/9NURv+r7skZhmaprMTybWHGqoJvj60pvCsCOZnDazK4okLVUFQwppnCBrWWMPhcYRiN52dNst+ANM6a0JzqBdAegH5BQZo2uQ4ULR+IqQ0uvlZ9krzbtgyR9xZs2C2F64WKJXhlUpX25t1gxrGsNe/OU+gtSWmwPqnz0QWf4nNByG2IrZjgFHLFsMrPMCzgJPRxF5ezEFhF9vpXt+BpIDP73xUnMw1koBqkse99If7rFeIvRnabP/qrOUPiyyH+7XPBAgnBMUazPX3eH9uOLhYETbu9EYvIdAvRhO7XVmyiDQI1iSBW9M1lCT6W0fgwAnrrnvIEdKZXfRnn/Z88edK+ZyJy3j2Q7TPTpUL0xEx1ub0q9syDcr9650aUXs57AoBeAEEgg7yP2tPkDc5dbGHIwtSKv8ny5DFvuoKdT3msli1+/FF6nxqIqGhrfD0VpmzxYGdiw6VJXG6ORU2vRJtH/BheYztptrgFtGVAd/Vh1J5idIMmcPE0Wa1SjbcKWGjfbl2nBEtr+n0Cr/4HK0o34wsyqquLFlMyUiTc09fHNNLv5bbVi1r+eXWLFzZ2yA9UJ1jvVa9dzaDb20qf6ouvR/S3E/KMEkNMH4DaNtHM5fYcI799AMjqZM2ndKypoH4J9L+bxCRYVa/GR/yyJHHTZKgTHPIpuJpONXdXEA1bmGAwTNZIAKXnNG5KSOPzxRCJUqCtcd+OuQJxGTLNg0+jr0vh8SjT0v4Tr/sedKPHL3uGmISa8CAzML0LhZ6S5SW37Fy3g0CqflzJmNQuk+yU/hv65kR6WgzJ6bQJ/r9bDMUXHBEOlUVyYsrCvU502TmCXSty8LJTWlYn1JaNDGRlnQnVdClNMHMVh6u3jcGMCPR+oA+AyL0nSu7Nv9ofjXL82bhuh+1MqxBtPYOE834A+LhrxRsLqJ2eVi+O7ZbyeON792GnUNRpE3tkGURBC2sAx7jgJdMn8oYr6+FONr0GcuWkqwP36xVXF+aX+j4bq4zvMv/292d7zxTDZO1/1Iy29o5cLQususO+8ez8dzCBgERMXqQyTFA7tU/1r/KtLQDsBCuK7dqDJAkNSjcNCKMV2Sew+W4a3EKuWNU/YkMCCyq07bI3638h173kaVW/4cxoly1YiribkpFXgzwqjfM3AJrr0J/aJsel0vGGUczEGZLG+sZgsFGHsRLhpSkvuZGJ/LQMDruIY8usYRHHk2LkoeYD6dWujEnrtI0kaMLtsl+nd6Q+c1Tyc6BPQOxqgUPLQn7GzNcI9PjG7MaIkNVgSYz3IGldQpwLA25l9yrLmBqPfhE1QI3UcB8uYGbFRuy4saeUUGUeU+HVqsoF0IrDqbOU6X2/ogC3baIDqLXjICRV+oTEQsb3l4nnN/sAF93LjhipLd/eYoXb//rzUjWw5YOElhuN6bUCXhSiG3MfhaM2Lr/30OqfuqN9FaZuiSEcJRbJ49t5i87eQZ/wGjhkt8t85IuPMtivMR4V/CHEXMVaW6KSymENFLFe5ITDaoIZTnB3LWpnUC9T9YfuoC/4OC1tTW8kNRIu1dhy4Ohmv0Ss9h7vlrBqJwrL3P0Wckg5M9MkybifeCJr4tDZTlB4lXdB7A6p7rmm0IN+fD5wuFS823giGL+LmIAebgxvUcsjeqW8OBsWhTd95NRhSpqIU55i/RbZ5Dy9FGzNpeoCHRCt7OmeefmR5ngTbQuErr5rfXlDl7Qb0rdF6tUu0YRWp1JNgMYTJ03c71GYNu435sxtXX75QlQDWpNX6wvsjguHJVZuF9RuPgcTM5QhCOVs7WwFn1+0lzEtbh3dFj9IV9gWRqq1QB67GvXfsmoGECm1lkNrd9667zDOrRSH902NTSt17W/XGEO5afR4s8FYgb1R5I/dzmDFbFLHhSuhsP58WpIqi8pMlKhlmLUeaEP5s/gMPzDBZRXu8fTiNIvB6Gxb79WYp3D2Haek6JKLFYBBWh+Lg8GSzEa1DGxVStEnfWN3D4E2j4Ys3FETZnjECJ6m2KftkpHxIvjdpKbXX9l8le6f1TG6eFyjfgrlVZusimPQ+L9APTKlUgVtWqQO/Vyk+hDG9gKioNoY17CblX88wTMJUIFA7dIOOP/9Wc2f+GFNlooa0Cpk566S+Mxeh/S4af/8Hy0PxzVFLSxHnAcCxwr8T8ijinTk0Ax1X8h2gyJdxBRS2K4RaVxv8ZuWqwPvIB3+i9XHVSnOXys+oK4V5KURoHK148gvNYzW0ySvkz+oS+xVNOsl1UPBbT75WkCZQgMip/JGet9gSt7fs0EcTwLF225c+Peb3P2HADiC1Qo1xUtPAe93m0QG3MyC2cN47v8WFrru7EbSWomYVM0dGhIJpBFavkQvvvMo/LBRHqA9el1fll4BVd0YuYk4dhiYQ7IRzWWo18updeKunfNxbJyidGiDcFA+e6QBWkQR4M/MP7PtSt3OaTACAEV9aIHsMOgLzJApNC4wFbcKdzfWqvmoQjXhO/2f4XxAsyTFFztHiDtGIh/UwhUZ21lqKHuSC+gSTzMkk/RfueNqofeXquXdGrCqLF7J3gEi6K0CuxO8siHUQcTPAB+VIgtLtbla+pkxa793t+LQYWoFJM+GpPvFdNCxiWROhBnWH8r4to1iehzVTmTJq5CfUwlnpwQ8Guifrgjmr0qhd4cA6NCJPdmfFT0Z6DyfQ0+1PpPGf9W6466FLsFBPB3XBduHQpxWBEmGAWAI0GfzMXLontVxDOKAUaqvdYjVS1d4LtDb3rzaFL5Esz865CIbSxPQ7OrWIl6e79n/USzGiuMsbgxkQTnNb9wVzBVAPoI009nKFr60oNRLxQMOZMbBLfhfWWbRs4Rf22YM9dCYOx4c0UY76gSVVVIazzvc16gVAKk8k0b5Z2UA0IxuykNDOZtB2/TdsGK++T/HbXkdlIzgGXJHw6GosS4MlUoYAEtpXcmFCDTRpOUzJOtkv+AI3d5QBPr453UhabWdnHXGrmB+YLwVOEiiTAx5AQni2PnhQnd9JHTktrnJ1kSrVFXq+2e55xRb1SqMN28gHLmN9uTj8vRiT/REYGIaGvk0tBOYskWMAkHiejFcyS0IauhtrYQwS34PMWzY8k+VQx/tdK0kgYWJzvcTH1d+5+Wcosjsh3rTdfhOJEnGM3G3q7NeO3ucGb78nJZtLD3MOGZTAdGXXpBaTg1OnQMWjjLZP2KakP7weJSNuRt/Hja059+ic8IaiFbAusx0W875V8i8Oaig0ruZuf0J7zB1ZBpsto7DYVky/JtQJOI7p4kDZ6q4u4EKl8Jujk90rjkxrgKhLIfa1Crp/Z9viK7VmOt8b6K/OvG+C8a6b6RFf2gUlnBspJpsls1v2kHSThvmrgFpu45w38h4cSJZ5fz6X0BAXLLa7uFGUmsZdhoMC467DaQ5lWH8GysbHV1MjS0Er0pUyLK8dEII89RLxIwyZibP2zuHyC8rWJQWa4MbMmot9DMe0QSD2cC6lTHZvjBwO8KXK3HV13JUOSGWYy41cVbvwowg8efoK5Hn9U+GcZKG7lhnXKzVcnUW9BVFu0JMcV8JVImi59CSkmRbMgTYjwGLDHdZ5vdLKHbvwUjR9oB8AgToVMcBhsopIBNYgLkQLq2tjomGwQsEgVrsI3BU6apHvSPZ3chKCRwdpZbp5/3afv/LVTK5yF/AoRa1Le7XlaVEir0wqfs6DVRJVzejOC0SLnxgVYD/Fd3qH1Y94jTPaBlsvgEojkcIamsu7d2ZAH7oH6QPHZBk54YJ4mxl2Ecog5Q6mUJi0FFAVQueOoRld3lWCx5RZ/UtWD5vzhwokPa8kaG5fbjR84Mod+SZgz4Jo9D+OnnS7BkgDsCPGbRiNqs/+zsV0W0VOR3PN+f+dxLAYRU4Z54oz2uwYbTU5NBOX9xiwvXfWQUOnV86dTctX/0RdvXCho7itDfVo0fofypxiOAhFAshdRR3CjyTXD0AUOfqhGmFfC9WSndbGyHh5R0cwNDoZ++/4yUcGgWBoURyQNCXIAZHyj1l1czYZS3cLcQnq7usStz2NUscr5YQmhu4RY2TDkBsJHOhbqGi/lK06+jji+jQIhYclg7IXQ7LncxYRllzlC0zxRHIzb58Lxubgkkc9B8uU6XH0sWR3SWtuiet88sTC4jDqAlUdWeK3GXKQzB0QPhNfL1wxhpNjdaIJeefdIGQZJ03Q9GvNBl748QpgVfU75FphPX8/JmFJK3/CQsktGg4SbDRUKY3D8MGiTkFlFtHhRfeu14O+GfO4pk+7ZcP4SC1MhdgDhd4f3f61+O24B1Z7xx7LxhIG5vxEF8aLLHXzVvGdyD5UZIM8crguFYkLEH0QphoRRJudLLBv81asVaz5LierZTHpNrsQQQNS/f32dbTfWPqw8S9/++hafO2/bDtvcRD00TOAzT3DmctFuGsUyYP1CuomUXWrmZqOAEvBE4QVB40+DLO4Qq9NsYyKDUgxe0ofEazpHF9y9AlLFguyCLUxxqeeB+N/qXixJcrAQ4SlxBZe7WbcPUSkqCQj9fnin5myNb7rBqlgW+M74/by3U1BPw7Hcj/xmTeQMQY1gwQT0u5IFGgEO1VPhlBBhGn7DgdwB3Sj1xG7XXL0wABHiRyl9MB+0zeK2SYskoX2sxH8RDEPD+gxyOb0FQYz6hvRmuW1q/WIM0Y/hWJhYmVxI4anYl+upmxE4XFZ+LSMOr57Pq+yN5O46MGoh+Oaz2F3ddPDxOpJAGnwaVFeqolb1Q5cZd2efxt78smoKRKlav0i7JM2ceENdwoUOj/IAUzyF2QfBnSb19LsHpGA74VRJje5GAeX48gBLk9AvguWBdNaSPXkdY4mwbhL9OjrmwbMGbMKKHwhHiffFddMkylLM1+0odk8PT/lKPLsPizq64c8GGFxb5NIZ3dAIXsP1zoQHeYn5rl42KEAk1XjAXlqCUzofSrj/86hIxqmOxmH+vgoecsOL6K7o3VY5Uru1hKgBCr2V4UwO/E22+j2fV6WwODuXf6OK24m32URBbYj35tRRyjSfiaHbBtXvyglgQZd/xKFkWX8PxwN+ZHDMh5Wu1nRQq2w1lYvZAYppSxbg5MrsiCrkkAAQQyJdy4MwAQ05Qda6NpC+fK2qt1xCFOF/FLtQM33XpDkKzWJ3f/R9ebnHfg6CUQj5RyWQxi9d0DneltZ5ypKjOqbRt4F9yhvLFY9E1ai4yl2EFo9dCZoSrHdBVfJgrF/x6ubANSp035OjjQUT1/hm3pYTsAJTauEIdUwVttSEPB8eSPiGh2EKRnd8lL1lgRsVqM3vsAyY546mWRmNNgt80baWDda4wQB7Ke7xAsJ5WSFe9XvraTZyz4cuBlBNRn4sI8CHsLDFlsZO4Njr7lqPpGDsKQbraXl54eu3LrO/hV+a43lvebGR3/lpZEuzEYCz/QuOAXfqtbiUdXM/Pxd3ibT6pbgUhayXclp+FMGqXAl3x6jHbXfD766nVgZYDpqMbJWTv3Rd1wYLBWLd3SCmoyqF4Ivw/qHYCjwBhlK5Z2SXicpCkARoL3QsuEZtu14ky0e5ciCxYZLC9VCEABXo2wAm5aRUmCG1YjaftDbMEcdSiHmJFeYq+kJ5PuEitkFwNJj2GkJK8yY/K2DMZAwFlzxa/pkxYHpXZi+KDDA9ujTOL6mkGG1s1aABRIBjx4G/01QtSG5tyDsH+EDVa+6K3YxjVtJ/diwHzrfylPeLviAgwFFDV84vNi8a7OX2FOXYqOB7O3dsiULZPdgU4xvrweBcZIG197QR7jIqethUWJNP+fDwKzhL6luRCwfCHPbQnzga6gF+AAAA=" class="user-avatar"><span data-v-d16d6306="" style="margin-left: 10px;">admin</span><i data-v-d16d6306="" class="el-icon-caret-bottom"></i></div><ul data-v-d16d6306="" class="el-dropdown-menu el-popper el-dropdown-menu--medium" id="dropdown-menu-9561" style="display: none; width: 80px;"><div data-v-d16d6306="" class="menu-text"> 个人中心 </div><div data-v-d16d6306="" class="menu-text"> 修改密码 </div><div data-v-d16d6306="" class="menu-text"> 退出登录 </div></ul></div></div><div data-v-d16d6306="" class="el-dialog__wrapper" style="display: none;"><div role="dialog" aria-modal="true" aria-label="个人中心" class="el-dialog" style="margin-top: 15vh;"><div class="el-dialog__header"><span class="el-dialog__title">个人中心</span><button type="button" aria-label="Close" class="el-dialog__headerbtn"><i class="el-dialog__close el-icon el-icon-close"></i></button></div><!----><div class="el-dialog__footer"><div data-v-d16d6306="" class="dialog-footer"><button data-v-d16d6306="" type="button" class="el-button el-button--default el-button--medium"><!----><!----><span>取 消</span></button><button data-v-d16d6306="" type="button" class="el-button el-button--primary el-button--medium"><!----><!----><span>确 定</span></button></div></div></div></div><div data-v-d16d6306="" class="el-dialog__wrapper" style="display: none;"><div role="dialog" aria-modal="true" aria-label="修改密码" class="el-dialog" style="margin-top: 15vh;"><div class="el-dialog__header"><span class="el-dialog__title">修改密码</span><button type="button" aria-label="Close" class="el-dialog__headerbtn"><i class="el-dialog__close el-icon el-icon-close"></i></button></div><!----><div class="el-dialog__footer"><div data-v-d16d6306="" class="dialog-footer"><button data-v-d16d6306="" type="button" class="el-button el-button--default el-button--medium"><!----><!----><span>取 消</span></button><button data-v-d16d6306="" type="button" class="el-button el-button--primary el-button--medium"><!----><!----><span>确 定</span></button></div></div></div></div></div><div data-v-fac8ca64="" data-v-13877386="" id="tags-view-container" class="tags-view-container"><div data-v-be6b7bae="" data-v-fac8ca64="" class="scroll-container tags-view-wrapper el-scrollbar"><div class="el-scrollbar__wrap" style="margin-bottom: -17px; margin-right: -17px;"><div class="el-scrollbar__view"><span data-v-fac8ca64="" class="tags-view-item"> 概况总览 <!----></span><span data-v-fac8ca64="" class="tags-view-item router-link-exact-active router-link-active active"> 直播列表 <span data-v-fac8ca64="" class="el-icon-close"></span></span></div></div><div class="el-scrollbar__bar is-horizontal"><div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div></div><div class="el-scrollbar__bar is-vertical"><div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div></div></div><ul data-v-fac8ca64="" class="contextmenu" style="left: 0px; top: 0px; display: none;"><li data-v-fac8ca64="">刷新</li><li data-v-fac8ca64="">关闭</li><li data-v-fac8ca64="">关闭其它</li><li data-v-fac8ca64="">关闭所有</li></ul></div></div><section data-v-078753dd="" data-v-13877386="" class="app-main"><div data-v-078753dd=""><div><div data-v-a8ed86ba="" class="login-container"><div data-v-a8ed86ba="" class="search"><div data-v-a8ed86ba="" class="search-div"><div data-v-a8ed86ba="" class="search-title">直播搜索</div><div data-v-a8ed86ba="" style="height: 100%; width: calc(100% - 100px);"><div data-v-a8ed86ba="" class="el-input el-input--medium"><!----><input type="text" autocomplete="off" placeholder="请输入直播标题、简介" class="el-input__inner"><!----><!----><!----><!----></div></div></div><div data-v-a8ed86ba="" class="search-div"><div data-v-a8ed86ba="" class="search-title">课程分类</div><div data-v-a8ed86ba="" style="height: 100%; width: calc(100% - 100px);"><div data-v-a8ed86ba="" class="el-cascader el-cascader--medium" style="width: 100%;"><div class="el-input el-input--medium el-input--suffix"><!----><input type="text" readonly="readonly" autocomplete="off" placeholder="请选择" class="el-input__inner"><!----><span class="el-input__suffix"><span class="el-input__suffix-inner"><i class="el-input__icon el-icon-arrow-down"></i><!----><!----><!----><!----></span><!----></span><!----><!----></div><!----><div class="el-popper el-cascader__dropdown" style="display: none;"><div class="el-cascader-panel"><div class="el-scrollbar el-cascader-menu" role="menu" id="cascader-menu-9685-0"><div class="el-cascader-menu__wrap el-scrollbar__wrap" style="margin-bottom: -17px; margin-right: -17px;"><ul class="el-scrollbar__view el-cascader-menu__list"><li role="menuitem" id="cascader-menu-9685-0-0" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-9685-0"><label role="radio" tabindex="0" class="el-radio"><span class="el-radio__input"><span class="el-radio__inner"></span><input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="4"></span><span class="el-radio__label"><span></span><!----></span></label><span class="el-cascader-node__label">中学课程</span><i class="el-icon-arrow-right el-cascader-node__postfix"></i></li><li role="menuitem" id="cascader-menu-9685-0-1" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-9685-0"><label role="radio" tabindex="0" class="el-radio"><span class="el-radio__input"><span class="el-radio__inner"></span><input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="9"></span><span class="el-radio__label"><span></span><!----></span></label><span class="el-cascader-node__label">单独</span><i class="el-icon-arrow-right el-cascader-node__postfix"></i></li><li role="menuitem" id="cascader-menu-9685-0-2" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-9685-0"><label role="radio" tabindex="0" class="el-radio"><span class="el-radio__input"><span class="el-radio__inner"></span><input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="1"></span><span class="el-radio__label"><span></span><!----></span></label><span class="el-cascader-node__label">大学课程1</span><i class="el-icon-arrow-right el-cascader-node__postfix"></i></li><svg class="el-cascader-menu__hover-zone"></svg></ul></div><div class="el-scrollbar__bar is-horizontal"><div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div></div><div class="el-scrollbar__bar is-vertical"><div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div></div></div></div><!----></div></div></div></div><div data-v-a8ed86ba="" class="search-div"><div data-v-a8ed86ba="" class="search-title">讲师</div><div data-v-a8ed86ba="" style="height: 100%; width: calc(100% - 100px);"><div data-v-a8ed86ba="" class="el-select search-input el-select--medium"><!----><div class="el-input el-input--medium el-input--suffix"><!----><input type="text" readonly="readonly" autocomplete="off" placeholder="请选择" class="el-input__inner"><!----><span class="el-input__suffix"><span class="el-input__suffix-inner"><i class="el-select__caret el-input__icon el-icon-arrow-up"></i><!----><!----><!----><!----><!----></span><!----></span><!----><!----></div><div class="el-select-dropdown el-popper" style="display: none; min-width: 327.781px;"><div class="el-scrollbar" style=""><div class="el-select-dropdown__wrap el-scrollbar__wrap" style="margin-bottom: -17px; margin-right: -17px;"><ul class="el-scrollbar__view el-select-dropdown__list"><!----><li data-v-a8ed86ba="" class="el-select-dropdown__item"><span>测试教师</span></li></ul></div><div class="el-scrollbar__bar is-horizontal"><div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div></div><div class="el-scrollbar__bar is-vertical"><div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div></div></div><!----></div></div></div></div></div><div data-v-a8ed86ba="" class="search"><div data-v-a8ed86ba="" class="search-div"><div data-v-a8ed86ba="" class="search-title">状态</div><div data-v-a8ed86ba="" style="height: 100%; width: calc(100% - 100px);"><div data-v-a8ed86ba="" class="el-select search-input el-select--medium"><!----><div class="el-input el-input--medium el-input--suffix"><!----><input type="text" readonly="readonly" autocomplete="off" placeholder="请选择" class="el-input__inner"><!----><span class="el-input__suffix"><span class="el-input__suffix-inner"><i class="el-select__caret el-input__icon el-icon-arrow-up"></i><!----><!----><!----><!----><!----></span><!----></span><!----><!----></div><div class="el-select-dropdown el-popper" style="display: none; min-width: 327.781px;"><div class="el-scrollbar" style=""><div class="el-select-dropdown__wrap el-scrollbar__wrap" style="margin-bottom: -17px; margin-right: -17px;"><ul class="el-scrollbar__view el-select-dropdown__list"><!----><li data-v-a8ed86ba="" class="el-select-dropdown__item"><span>上架</span></li><li data-v-a8ed86ba="" class="el-select-dropdown__item"><span>下架</span></li></ul></div><div class="el-scrollbar__bar is-horizontal"><div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div></div><div class="el-scrollbar__bar is-vertical"><div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div></div></div><!----></div></div></div></div><div data-v-a8ed86ba="" class="search-div"><button data-v-a8ed86ba="" type="button" class="el-button el-button--default el-button--medium" style="background: rgb(38, 89, 203); color: rgb(255, 255, 255);"><!----><!----><span>搜索</span></button><button data-v-a8ed86ba="" type="button" class="el-button el-button--default el-button--medium"><!----><!----><span>重置</span></button><button data-v-a8ed86ba="" type="button" class="el-button el-button--default el-button--medium" style="background: rgb(38, 89, 203); color: rgb(255, 255, 255);"><!----><i class="el-icon-plus"></i><span>添加</span></button><button data-v-a8ed86ba="" type="button" class="el-button el-button--default el-button--medium" style="background: rgb(245, 48, 48); color: rgb(255, 255, 255);"><!----><i class="el-icon-delete"></i><span>删除</span></button><button data-v-a8ed86ba="" type="button" class="el-button el-button--default el-button--medium" style="background: rgb(0, 141, 240); color: rgb(255, 255, 255);"><!----><i class="el-icon-refresh"></i><span>刷新</span></button></div><div data-v-a8ed86ba="" class="search-div"></div></div><div data-v-a8ed86ba="" class="table-style"><div data-v-a8ed86ba="" class="el-table el-table--fit el-table--enable-row-transition el-table--medium" style="width: 100%;"><div class="hidden-columns"><div data-v-a8ed86ba=""></div><div data-v-a8ed86ba=""></div><div data-v-a8ed86ba=""></div><div data-v-a8ed86ba=""></div><div data-v-a8ed86ba=""></div><div data-v-a8ed86ba=""></div><div data-v-a8ed86ba=""></div><div data-v-a8ed86ba=""></div><div data-v-a8ed86ba=""></div><div data-v-a8ed86ba=""></div><div data-v-a8ed86ba=""></div><div data-v-a8ed86ba=""></div><div data-v-a8ed86ba=""></div><div data-v-a8ed86ba=""></div><div data-v-a8ed86ba=""></div></div><div class="el-table__header-wrapper"><table cellspacing="0" cellpadding="0" border="0" class="el-table__header" style="width: 1426px;"><colgroup><col name="el-table_1_column_1" width="55"><col name="el-table_1_column_2" width="84"><col name="el-table_1_column_3" width="120"><col name="el-table_1_column_4" width="120"><col name="el-table_1_column_5" width="83"><col name="el-table_1_column_6" width="83"><col name="el-table_1_column_7" width="83"><col name="el-table_1_column_8" width="83"><col name="el-table_1_column_9" width="83"><col name="el-table_1_column_10" width="83"><col name="el-table_1_column_11" width="83"><col name="el-table_1_column_12" width="83"><col name="el-table_1_column_13" width="83"><col name="el-table_1_column_14" width="150"><col name="el-table_1_column_15" width="150"><col name="gutter" width="0"></colgroup><thead class="has-gutter"><tr class=""><th colspan="1" rowspan="1" class="el-table_1_column_1 is-center el-table-column--selection is-leaf" style="background-color: rgb(239, 239, 239); color: rgb(0, 0, 0);"><div class="cell"><label class="el-checkbox"><span class="el-checkbox__input"><span class="el-checkbox__inner"></span><input type="checkbox" aria-hidden="false" class="el-checkbox__original" value=""></span><!----></label></div></th><th colspan="1" rowspan="1" class="el-table_1_column_2 is-center is-leaf" style="background-color: rgb(239, 239, 239); color: rgb(0, 0, 0);"><div class="cell">直播标题</div></th><th colspan="1" rowspan="1" class="el-table_1_column_3 is-center is-leaf" style="background-color: rgb(239, 239, 239); color: rgb(0, 0, 0);"><div class="cell">课程分类</div></th><th colspan="1" rowspan="1" class="el-table_1_column_4 is-center is-leaf" style="background-color: rgb(239, 239, 239); color: rgb(0, 0, 0);"><div class="cell">课程等级</div></th><th colspan="1" rowspan="1" class="el-table_1_column_5 is-center is-leaf" style="background-color: rgb(239, 239, 239); color: rgb(0, 0, 0);"><div class="cell">讲师</div></th><th colspan="1" rowspan="1" class="el-table_1_column_6 is-center is-leaf" style="background-color: rgb(239, 239, 239); color: rgb(0, 0, 0);"><div class="cell">封面</div></th><th colspan="1" rowspan="1" class="el-table_1_column_7 is-center is-leaf" style="background-color: rgb(239, 239, 239); color: rgb(0, 0, 0);"><div class="cell">课程推荐</div></th><th colspan="1" rowspan="1" class="el-table_1_column_8 is-center is-leaf" style="background-color: rgb(239, 239, 239); color: rgb(0, 0, 0);"><div class="cell">直播ID</div></th><th colspan="1" rowspan="1" class="el-table_1_column_9 is-center is-leaf" style="background-color: rgb(239, 239, 239); color: rgb(0, 0, 0);"><div class="cell">网点</div></th><th colspan="1" rowspan="1" class="el-table_1_column_10 is-center is-leaf" style="background-color: rgb(239, 239, 239); color: rgb(0, 0, 0);"><div class="cell">收藏</div></th><th colspan="1" rowspan="1" class="el-table_1_column_11 is-center is-leaf" style="background-color: rgb(239, 239, 239); color: rgb(0, 0, 0);"><div class="cell">点赞</div></th><th colspan="1" rowspan="1" class="el-table_1_column_12 is-center is-leaf" style="background-color: rgb(239, 239, 239); color: rgb(0, 0, 0);"><div class="cell">排序</div></th><th colspan="1" rowspan="1" class="el-table_1_column_13 is-center is-leaf" style="background-color: rgb(239, 239, 239); color: rgb(0, 0, 0);"><div class="cell">状态</div></th><th colspan="1" rowspan="1" class="el-table_1_column_14 is-center is-leaf" style="background-color: rgb(239, 239, 239); color: rgb(0, 0, 0);"><div class="cell">创建时间</div></th><th colspan="1" rowspan="1" class="el-table_1_column_15 is-center is-hidden is-leaf" style="background-color: rgb(239, 239, 239); color: rgb(0, 0, 0);"><div class="cell">操作</div></th><th class="gutter" style="width: 0px; display: none;"></th></tr></thead></table></div><div class="el-table__body-wrapper is-scrolling-none"><table cellspacing="0" cellpadding="0" border="0" class="el-table__body" style="width: 1426px;"><colgroup><col name="el-table_1_column_1" width="55"><col name="el-table_1_column_2" width="84"><col name="el-table_1_column_3" width="120"><col name="el-table_1_column_4" width="120"><col name="el-table_1_column_5" width="83"><col name="el-table_1_column_6" width="83"><col name="el-table_1_column_7" width="83"><col name="el-table_1_column_8" width="83"><col name="el-table_1_column_9" width="83"><col name="el-table_1_column_10" width="83"><col name="el-table_1_column_11" width="83"><col name="el-table_1_column_12" width="83"><col name="el-table_1_column_13" width="83"><col name="el-table_1_column_14" width="150"><col name="el-table_1_column_15" width="150"></colgroup><tbody><tr class="el-table__row"><td rowspan="1" colspan="1" class="el-table_1_column_1 is-center el-table-column--selection"><div class="cell"><label class="el-checkbox"><span class="el-checkbox__input"><span class="el-checkbox__inner"></span><input type="checkbox" aria-hidden="false" class="el-checkbox__original" value=""></span><!----></label></div></td><td rowspan="1" colspan="1" class="el-table_1_column_2 is-center "><div class="cell">11</div></td><td rowspan="1" colspan="1" class="el-table_1_column_3 is-center "><div class="cell">高数</div></td><td rowspan="1" colspan="1" class="el-table_1_column_4 is-center "><div class="cell el-tooltip">测试等级</div></td><td rowspan="1" colspan="1" class="el-table_1_column_5 is-center "><div class="cell"></div></td><td rowspan="1" colspan="1" class="el-table_1_column_6 is-center "><div class="cell"><img data-v-a8ed86ba="" src="./Vue Element Admin_files/cb26ab4f-a926-4c4d-ae06-cd726bcebc1c.png" style="width: 50px; height: 50px;"></div></td><td rowspan="1" colspan="1" class="el-table_1_column_7 is-center "><div class="cell"> </div></td><td rowspan="1" colspan="1" class="el-table_1_column_8 is-center "><div class="cell">43</div></td><td rowspan="1" colspan="1" class="el-table_1_column_9 is-center "><div class="cell"> 全部网点 </div></td><td rowspan="1" colspan="1" class="el-table_1_column_10 is-center "><div class="cell">0</div></td><td rowspan="1" colspan="1" class="el-table_1_column_11 is-center "><div class="cell">0</div></td><td rowspan="1" colspan="1" class="el-table_1_column_12 is-center "><div class="cell"></div></td><td rowspan="1" colspan="1" class="el-table_1_column_13 is-center "><div class="cell"><div data-v-a8ed86ba="" role="switch" aria-disabled="true" class="el-switch is-disabled"><input type="checkbox" name="" true-value="true" disabled="disabled" class="el-switch__input"><!----><span class="el-switch__core" style="width: 40px;"></span><!----></div></div></td><td rowspan="1" colspan="1" class="el-table_1_column_14 is-center "><div class="cell">2025-04-21 11:16:13</div></td><td rowspan="1" colspan="1" class="el-table_1_column_15 is-center is-hidden"><div class="cell"><a data-v-a8ed86ba="" style="color: rgb(38, 89, 203);">编辑</a><a data-v-a8ed86ba="" style="color: rgb(38, 89, 203); margin-left: 15px;">删除直播</a></div></td></tr><!----></tbody></table><!----><!----></div><!----><!----><div class="el-table__fixed-right" style="width: 150px; height: 122px;"><div class="el-table__fixed-header-wrapper"><table cellspacing="0" cellpadding="0" border="0" class="el-table__header" style="width: 1426px;"><colgroup><col name="el-table_1_column_1" width="55"><col name="el-table_1_column_2" width="84"><col name="el-table_1_column_3" width="120"><col name="el-table_1_column_4" width="120"><col name="el-table_1_column_5" width="83"><col name="el-table_1_column_6" width="83"><col name="el-table_1_column_7" width="83"><col name="el-table_1_column_8" width="83"><col name="el-table_1_column_9" width="83"><col name="el-table_1_column_10" width="83"><col name="el-table_1_column_11" width="83"><col name="el-table_1_column_12" width="83"><col name="el-table_1_column_13" width="83"><col name="el-table_1_column_14" width="150"><col name="el-table_1_column_15" width="150"></colgroup><thead class=""><tr class=""><th colspan="1" rowspan="1" class="el-table_1_column_1 is-center el-table-column--selection is-hidden is-leaf" style="background-color: rgb(239, 239, 239); color: rgb(0, 0, 0);"><div class="cell"><label class="el-checkbox"><span class="el-checkbox__input"><span class="el-checkbox__inner"></span><input type="checkbox" aria-hidden="false" class="el-checkbox__original" value=""></span><!----></label></div></th><th colspan="1" rowspan="1" class="el-table_1_column_2 is-center is-hidden is-leaf" style="background-color: rgb(239, 239, 239); color: rgb(0, 0, 0);"><div class="cell">直播标题</div></th><th colspan="1" rowspan="1" class="el-table_1_column_3 is-center is-hidden is-leaf" style="background-color: rgb(239, 239, 239); color: rgb(0, 0, 0);"><div class="cell">课程分类</div></th><th colspan="1" rowspan="1" class="el-table_1_column_4 is-center is-hidden is-leaf" style="background-color: rgb(239, 239, 239); color: rgb(0, 0, 0);"><div class="cell">课程等级</div></th><th colspan="1" rowspan="1" class="el-table_1_column_5 is-center is-hidden is-leaf" style="background-color: rgb(239, 239, 239); color: rgb(0, 0, 0);"><div class="cell">讲师</div></th><th colspan="1" rowspan="1" class="el-table_1_column_6 is-center is-hidden is-leaf" style="background-color: rgb(239, 239, 239); color: rgb(0, 0, 0);"><div class="cell">封面</div></th><th colspan="1" rowspan="1" class="el-table_1_column_7 is-center is-hidden is-leaf" style="background-color: rgb(239, 239, 239); color: rgb(0, 0, 0);"><div class="cell">课程推荐</div></th><th colspan="1" rowspan="1" class="el-table_1_column_8 is-center is-hidden is-leaf" style="background-color: rgb(239, 239, 239); color: rgb(0, 0, 0);"><div class="cell">直播ID</div></th><th colspan="1" rowspan="1" class="el-table_1_column_9 is-center is-hidden is-leaf" style="background-color: rgb(239, 239, 239); color: rgb(0, 0, 0);"><div class="cell">网点</div></th><th colspan="1" rowspan="1" class="el-table_1_column_10 is-center is-hidden is-leaf" style="background-color: rgb(239, 239, 239); color: rgb(0, 0, 0);"><div class="cell">收藏</div></th><th colspan="1" rowspan="1" class="el-table_1_column_11 is-center is-hidden is-leaf" style="background-color: rgb(239, 239, 239); color: rgb(0, 0, 0);"><div class="cell">点赞</div></th><th colspan="1" rowspan="1" class="el-table_1_column_12 is-center is-hidden is-leaf" style="background-color: rgb(239, 239, 239); color: rgb(0, 0, 0);"><div class="cell">排序</div></th><th colspan="1" rowspan="1" class="el-table_1_column_13 is-center is-hidden is-leaf" style="background-color: rgb(239, 239, 239); color: rgb(0, 0, 0);"><div class="cell">状态</div></th><th colspan="1" rowspan="1" class="el-table_1_column_14 is-center is-hidden is-leaf" style="background-color: rgb(239, 239, 239); color: rgb(0, 0, 0);"><div class="cell">创建时间</div></th><th colspan="1" rowspan="1" class="el-table_1_column_15 is-center is-leaf" style="background-color: rgb(239, 239, 239); color: rgb(0, 0, 0);"><div class="cell">操作</div></th></tr></thead></table></div><div class="el-table__fixed-body-wrapper" style="top: 44px;"><table cellspacing="0" cellpadding="0" border="0" class="el-table__body" style="width: 1426px;"><colgroup><col name="el-table_1_column_1" width="55"><col name="el-table_1_column_2" width="84"><col name="el-table_1_column_3" width="120"><col name="el-table_1_column_4" width="120"><col name="el-table_1_column_5" width="83"><col name="el-table_1_column_6" width="83"><col name="el-table_1_column_7" width="83"><col name="el-table_1_column_8" width="83"><col name="el-table_1_column_9" width="83"><col name="el-table_1_column_10" width="83"><col name="el-table_1_column_11" width="83"><col name="el-table_1_column_12" width="83"><col name="el-table_1_column_13" width="83"><col name="el-table_1_column_14" width="150"><col name="el-table_1_column_15" width="150"></colgroup><tbody><tr class="el-table__row"><td rowspan="1" colspan="1" class="el-table_1_column_1 is-center el-table-column--selection is-hidden"><div class="cell"><label class="el-checkbox"><span class="el-checkbox__input"><span class="el-checkbox__inner"></span><input type="checkbox" aria-hidden="false" class="el-checkbox__original" value=""></span><!----></label></div></td><td rowspan="1" colspan="1" class="el-table_1_column_2 is-center is-hidden"><div class="cell">11</div></td><td rowspan="1" colspan="1" class="el-table_1_column_3 is-center is-hidden"><div class="cell">高数</div></td><td rowspan="1" colspan="1" class="el-table_1_column_4 is-center is-hidden"><div class="cell el-tooltip">测试等级</div></td><td rowspan="1" colspan="1" class="el-table_1_column_5 is-center is-hidden"><div class="cell"></div></td><td rowspan="1" colspan="1" class="el-table_1_column_6 is-center is-hidden"><div class="cell"><img data-v-a8ed86ba="" src="./Vue Element Admin_files/cb26ab4f-a926-4c4d-ae06-cd726bcebc1c.png" style="width: 50px; height: 50px;"></div></td><td rowspan="1" colspan="1" class="el-table_1_column_7 is-center is-hidden"><div class="cell"> </div></td><td rowspan="1" colspan="1" class="el-table_1_column_8 is-center is-hidden"><div class="cell">43</div></td><td rowspan="1" colspan="1" class="el-table_1_column_9 is-center is-hidden"><div class="cell"> 全部网点 </div></td><td rowspan="1" colspan="1" class="el-table_1_column_10 is-center is-hidden"><div class="cell">0</div></td><td rowspan="1" colspan="1" class="el-table_1_column_11 is-center is-hidden"><div class="cell">0</div></td><td rowspan="1" colspan="1" class="el-table_1_column_12 is-center is-hidden"><div class="cell"></div></td><td rowspan="1" colspan="1" class="el-table_1_column_13 is-center is-hidden"><div class="cell"><div data-v-a8ed86ba="" role="switch" aria-disabled="true" class="el-switch is-disabled"><input type="checkbox" name="" true-value="true" disabled="disabled" class="el-switch__input"><!----><span class="el-switch__core" style="width: 40px;"></span><!----></div></div></td><td rowspan="1" colspan="1" class="el-table_1_column_14 is-center is-hidden"><div class="cell">2025-04-21 11:16:13</div></td><td rowspan="1" colspan="1" class="el-table_1_column_15 is-center "><div class="cell"><a data-v-a8ed86ba="" style="color: rgb(38, 89, 203);">编辑</a><a data-v-a8ed86ba="" style="color: rgb(38, 89, 203); margin-left: 15px;">删除直播</a></div></td></tr><!----></tbody></table><!----></div><!----></div><div class="el-table__fixed-right-patch" style="width: 0px; height: 44px;"></div><div class="el-table__column-resize-proxy" style="display: none;"></div></div><div data-v-a8ed86ba="" style="text-align: right; margin-top: 15px;"><div data-v-a8ed86ba="" class="el-pagination"><span class="el-pagination__total">共 1 条</span><span class="el-pagination__sizes"><div class="el-select el-select--mini"><!----><div class="el-input el-input--mini el-input--suffix"><!----><input type="text" readonly="readonly" autocomplete="off" placeholder="请选择" class="el-input__inner"><!----><span class="el-input__suffix"><span class="el-input__suffix-inner"><i class="el-select__caret el-input__icon el-icon-arrow-up"></i><!----><!----><!----><!----><!----></span><!----></span><!----><!----></div><div class="el-select-dropdown el-popper" style="display: none; min-width: 110px;"><div class="el-scrollbar" style=""><div class="el-select-dropdown__wrap el-scrollbar__wrap" style="margin-bottom: -17px; margin-right: -17px;"><ul class="el-scrollbar__view el-select-dropdown__list"><!----><li class="el-select-dropdown__item selected"><span>10条/页</span></li><li class="el-select-dropdown__item"><span>50条/页</span></li><li class="el-select-dropdown__item"><span>100条/页</span></li><li class="el-select-dropdown__item"><span>200条/页</span></li></ul></div><div class="el-scrollbar__bar is-horizontal"><div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div></div><div class="el-scrollbar__bar is-vertical"><div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div></div></div><!----></div></div></span><button type="button" disabled="disabled" class="btn-prev"><i class="el-icon el-icon-arrow-left"></i></button><ul class="el-pager"><li class="number active">1</li><!----><!----><!----></ul><button type="button" disabled="disabled" class="btn-next"><i class="el-icon el-icon-arrow-right"></i></button><span class="el-pagination__jump">前往<div class="el-input el-input--medium el-pagination__editor is-in-pagination"><!----><input type="number" autocomplete="off" min="1" max="1" class="el-input__inner"><!----><!----><!----><!----></div>页</span></div></div></div></div></div></div></section></div></div></div>
|
|
<!-- built files will be auto injected -->
|
|
<script type="text/javascript" src="./Vue Element Admin_files/chunk-vendors.js.下载"></script><script type="text/javascript" src="./Vue Element Admin_files/app.js.下载"></script>
|
|
|
|
</body></html>
|