diff --git a/src/components/GuipSelect.vue b/src/components/GuipSelect.vue index 0c30538..ffae579 100644 --- a/src/components/GuipSelect.vue +++ b/src/components/GuipSelect.vue @@ -80,6 +80,18 @@ export default { if (this.placeholder) { this.placeholder1 = this.placeholder } + this.$nextTick(() => { + let els = document.querySelectorAll('.el-input'); + els.forEach(item => { + item.onmouseover = function () { + item.classList.add("hoverclass") + } + item.onmouseout = function () { + item.classList.remove("hoverclass") + } + + }) + }) }, methods: { // 获取value值 diff --git a/src/components/GuipTextarea.vue b/src/components/GuipTextarea.vue index 313d472..8ca3c51 100644 --- a/src/components/GuipTextarea.vue +++ b/src/components/GuipTextarea.vue @@ -1,26 +1,90 @@ - - \ No newline at end of file +} + \ No newline at end of file diff --git a/src/style/theme/common.scss b/src/style/theme/common.scss index 4449eaf..5ac03a9 100644 --- a/src/style/theme/common.scss +++ b/src/style/theme/common.scss @@ -13,6 +13,32 @@ body { padding: 0; } } +.short-width { + width: calc((100% - 12px) / 2); +} +.pagePadding{ + padding: 12px; + box-sizing: border-box; +} +.pageTitle{ + font-family: Microsoft YaHei UI; + font-size: 16px; + font-weight: bold; + line-height: normal; + letter-spacing: 0.08em; + color: #1E2226; + text-align: left; + // padding: 24px 0; +} +.littleTitle{ + font-family: Microsoft YaHei UI; + font-size: 14px; + font-weight: bold; + line-height: normal; + letter-spacing: 0.08em; + color: #1E2226; + text-align: left; +} /* 隐藏全局滚动条 */ ::-webkit-scrollbar { display: none; @@ -87,10 +113,13 @@ body { flex-direction: column; } .mb24{ - margin-bottom: 24px; + margin-bottom: 24px !important; } .mb12{ - margin-bottom: 12px; + margin-bottom: 12px !important; +} +.mt24{ + margin-top: 24px; } .mt12{ margin-top: 12px; @@ -604,7 +633,7 @@ body { .el-textarea__inner { padding: 10px 12px; border-radius: 2px; - height: 100%; + height: 100% !important; } .el-textarea__inner:hover { @@ -786,6 +815,9 @@ body { .tableHeaderSelect .el-input__inner{ font-size: 13px !important; } +.el-link{ + font-size: 13px !important; +} } @@ -801,6 +833,9 @@ body { .tableHeaderSelect .el-input__inner{ font-size: 12px !important; } +.el-link{ + font-size: 13px !important; +} } @media screen and (min-width: 1440px) { @@ -908,7 +943,7 @@ body { // dialog--start .el-dialog { min-height: 214px; - max-height: 550px; + // max-height: 550px; border-radius: 4px; background: #FFFFFF; box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16); diff --git a/src/style/theme/index.css b/src/style/theme/index.css index 8ff1db7..ab5bc45 100644 --- a/src/style/theme/index.css +++ b/src/style/theme/index.css @@ -1632,682 +1632,403 @@ padding: 0 5px } -.el-input__inner { - -webkit-appearance: none; - background-color: #fff; - background-image: none; + +.el-tag { + background-color: #e6f0ff; + border-color: #cce1ff; + color: #006aff; + display: inline-block; + height: 32px; + padding: 0 10px; + line-height: 30px; + font-size: 12px; + color: #006aff; + border-width: 1px; + border-style: solid; border-radius: 4px; - border: 1px solid #dfe2e6; -webkit-box-sizing: border-box; box-sizing: border-box; - color: #606266; - display: inline-block; - font-size: inherit; - height: 40px; - line-height: 40px; - outline: 0; - padding: 0 15px; - -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1); - transition: border-color .2s cubic-bezier(.645, .045, .355, 1); - width: 100% + white-space: nowrap } -.el-input__inner::-ms-reveal { - display: none +.el-tag.is-hit { + border-color: #006aff } -.el-input__inner::-webkit-input-placeholder { - color: #babdc2 +.el-tag .el-tag__close { + color: #006aff } -.el-input__inner::-moz-placeholder { - color: #babdc2 +.el-tag .el-tag__close:hover { + color: #fff; + background-color: #006aff } -.el-input__inner::-ms-input-placeholder { - color: #babdc2 +.el-tag.el-tag--info { + background-color: #f4f4f5; + border-color: #e9e9eb; + color: #909399 } -.el-input__inner::placeholder { - color: #babdc2 +.el-tag.el-tag--info.is-hit { + border-color: #909399 } -.el-input__inner:hover { - border-color: #006AFF; +.el-tag.el-tag--info .el-tag__close { + color: #909399 } -.el-input__inner:focus { - outline: 0; - border-color: #006aff +.el-tag.el-tag--info .el-tag__close:hover { + color: #fff; + background-color: #909399 } -.el-input__suffix { - position: absolute; - height: 100%; - right: 5px; - top: 0; - text-align: center; - color: #babdc2; - -webkit-transition: all .3s; - transition: all .3s; - pointer-events: none +.el-tag.el-tag--success { + background-color: #e7f7ed; + border-color: #cfefdb; + color: #0daf49 } -.el-input__suffix-inner { - pointer-events: all +.el-tag.el-tag--success.is-hit { + border-color: #0daf49 } -.el-input__prefix { - position: absolute; - height: 100%; - left: 5px; - top: 0; - text-align: center; - color: #babdc2; - -webkit-transition: all .3s; - transition: all .3s +.el-tag.el-tag--success .el-tag__close { + color: #0daf49 } -.el-input__icon { - height: 100%; - width: 25px; - text-align: center; - -webkit-transition: all .3s; - transition: all .3s; - line-height: 40px +.el-tag.el-tag--success .el-tag__close:hover { + color: #fff; + background-color: #0daf49 } -.el-input__icon:after { - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle +.el-tag.el-tag--warning { + background-color: #fef3e8; + border-color: #fce7d0; + color: #f08614 } -.el-input__validateIcon { - pointer-events: none +.el-tag.el-tag--warning.is-hit { + border-color: #f08614 } -.el-input.is-active .el-input__inner { - outline: 0; - border-color: #006aff +.el-tag.el-tag--warning .el-tag__close { + color: #f08614 } -.el-input.is-disabled .el-input__inner { - background-color: #f5f7fa; - border-color: #e4e7ed; - color: #babdc2; - cursor: not-allowed +.el-tag.el-tag--warning .el-tag__close:hover { + color: #fff; + background-color: #f08614 } -.el-input.is-disabled .el-input__inner::-webkit-input-placeholder { - color: #babdc2 +.el-tag.el-tag--danger { + background-color: #ffeded; + border-color: #ffdbdc; + color: #ff4d4f } -.el-input.is-disabled .el-input__inner::-moz-placeholder { - color: #babdc2 +.el-tag.el-tag--danger.is-hit { + border-color: #ff4d4f } -.el-input.is-disabled .el-input__inner::-ms-input-placeholder { - color: #babdc2 +.el-tag.el-tag--danger .el-tag__close { + color: #ff4d4f } -.el-input.is-disabled .el-input__inner::placeholder { - color: #babdc2 +.el-tag.el-tag--danger .el-tag__close:hover { + color: #fff; + background-color: #ff4d4f } -.el-input.is-disabled .el-input__icon { - cursor: not-allowed +.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-input.is-exceed .el-input__inner { - border-color: #ff4d4f +.el-tag .el-icon-close::before { + display: block } -.el-input.is-exceed .el-input__suffix .el-input__count { - color: #ff4d4f +.el-tag--dark { + background-color: #006aff; + border-color: #006aff; + color: #fff } -.el-input--suffix .el-input__inner { - padding-right: 30px +.el-tag--dark.is-hit { + border-color: #006aff } -.el-input--prefix .el-input__inner { - padding-left: 30px +.el-tag--dark .el-tag__close { + color: #fff } -.el-input--medium { - font-size: 14px +.el-tag--dark .el-tag__close:hover { + color: #fff; + background-color: #38f } -.el-input--medium .el-input__inner { - height: 36px; - line-height: 36px +.el-tag--dark.el-tag--info { + background-color: #909399; + border-color: #909399; + color: #fff } -.el-input--medium .el-input__icon { - line-height: 36px +.el-tag--dark.el-tag--info.is-hit { + border-color: #909399 } -.el-input--small { - font-size: 13px +.el-tag--dark.el-tag--info .el-tag__close { + color: #fff } -.el-input--small .el-input__inner { - height: 32px; - line-height: 32px +.el-tag--dark.el-tag--info .el-tag__close:hover { + color: #fff; + background-color: #a6a9ad } -.el-input--small .el-input__icon { - line-height: 32px +.el-tag--dark.el-tag--success { + background-color: #0daf49; + border-color: #0daf49; + color: #fff } -.el-input--mini { - font-size: 12px +.el-tag--dark.el-tag--success.is-hit { + border-color: #0daf49 } -.el-input--mini .el-input__inner { - height: 28px; - line-height: 28px +.el-tag--dark.el-tag--success .el-tag__close { + color: #fff } -.el-input--mini .el-input__icon { - line-height: 28px +.el-tag--dark.el-tag--success .el-tag__close:hover { + color: #fff; + background-color: #3dbf6d } -.el-input-group { - line-height: normal; - display: inline-table; - width: 100%; - border-collapse: separate; - border-spacing: 0 +.el-tag--dark.el-tag--warning { + background-color: #f08614; + border-color: #f08614; + color: #fff } -.el-input-group>.el-input__inner { - vertical-align: middle; - display: table-cell +.el-tag--dark.el-tag--warning.is-hit { + border-color: #f08614 } -.el-input-group__append, -.el-input-group__prepend { - background-color: #f5f7fa; - color: #909399; - vertical-align: middle; - display: table-cell; - position: relative; - border: 1px solid #dfe2e6; - border-radius: 4px; - padding: 0 20px; - width: 1px; - white-space: nowrap +.el-tag--dark.el-tag--warning .el-tag__close { + color: #fff } -.el-input-group__append:focus, -.el-input-group__prepend:focus { - outline: 0 -} - -.el-input-group__append .el-button, -.el-input-group__append .el-select, -.el-input-group__prepend .el-button, -.el-input-group__prepend .el-select { - 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-tag--dark.el-tag--warning .el-tag__close:hover { + color: #fff; + background-color: #f39e43 } -.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { - border-color: transparent +.el-tag--dark.el-tag--danger { + background-color: #ff4d4f; + border-color: #ff4d4f; + color: #fff } -.el-input-group--append .el-input__inner { - border-top-right-radius: 0; - border-bottom-right-radius: 0 +.el-tag--dark.el-tag--danger.is-hit { + border-color: #ff4d4f } -.el-input-group--append .el-select .el-input.is-focus .el-input__inner { - border-color: transparent +.el-tag--dark.el-tag--danger .el-tag__close { + color: #fff } -.el-input__inner::-ms-clear { - display: none; - width: 0; - height: 0 +.el-tag--dark.el-tag--danger .el-tag__close:hover { + color: #fff; + background-color: #ff7172 } -.el-tag { - background-color: #e6f0ff; - border-color: #cce1ff; - color: #006aff; - display: inline-block; - height: 32px; - padding: 0 10px; - line-height: 30px; - font-size: 12px; - color: #006aff; - border-width: 1px; - border-style: solid; - border-radius: 4px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - white-space: nowrap +.el-tag--plain { + background-color: #fff; + border-color: #99c3ff; + color: #006aff } -.el-tag.is-hit { +.el-tag--plain.is-hit { border-color: #006aff } -.el-tag .el-tag__close { +.el-tag--plain .el-tag__close { color: #006aff } -.el-tag .el-tag__close:hover { +.el-tag--plain .el-tag__close:hover { color: #fff; background-color: #006aff } -.el-tag.el-tag--info { - background-color: #f4f4f5; - border-color: #e9e9eb; +.el-tag--plain.el-tag--info { + background-color: #fff; + border-color: #d3d4d6; color: #909399 } -.el-tag.el-tag--info.is-hit { +.el-tag--plain.el-tag--info.is-hit { border-color: #909399 } -.el-tag.el-tag--info .el-tag__close { +.el-tag--plain.el-tag--info .el-tag__close { color: #909399 } -.el-tag.el-tag--info .el-tag__close:hover { +.el-tag--plain.el-tag--info .el-tag__close:hover { color: #fff; background-color: #909399 } -.el-tag.el-tag--success { - background-color: #e7f7ed; - border-color: #cfefdb; +.el-tag--plain.el-tag--success { + background-color: #fff; + border-color: #9edfb6; color: #0daf49 } -.el-tag.el-tag--success.is-hit { +.el-tag--plain.el-tag--success.is-hit { border-color: #0daf49 } -.el-tag.el-tag--success .el-tag__close { +.el-tag--plain.el-tag--success .el-tag__close { color: #0daf49 } -.el-tag.el-tag--success .el-tag__close:hover { +.el-tag--plain.el-tag--success .el-tag__close:hover { color: #fff; background-color: #0daf49 } -.el-tag.el-tag--warning { - background-color: #fef3e8; - border-color: #fce7d0; +.el-tag--plain.el-tag--warning { + background-color: #fff; + border-color: #f9cfa1; color: #f08614 } -.el-tag.el-tag--warning.is-hit { +.el-tag--plain.el-tag--warning.is-hit { border-color: #f08614 } -.el-tag.el-tag--warning .el-tag__close { +.el-tag--plain.el-tag--warning .el-tag__close { color: #f08614 } -.el-tag.el-tag--warning .el-tag__close:hover { +.el-tag--plain.el-tag--warning .el-tag__close:hover { color: #fff; background-color: #f08614 } -.el-tag.el-tag--danger { - background-color: #ffeded; - border-color: #ffdbdc; +.el-tag--plain.el-tag--danger { + background-color: #fff; + border-color: #ffb8b9; color: #ff4d4f } -.el-tag.el-tag--danger.is-hit { +.el-tag--plain.el-tag--danger.is-hit { border-color: #ff4d4f } -.el-tag.el-tag--danger .el-tag__close { +.el-tag--plain.el-tag--danger .el-tag__close { color: #ff4d4f } -.el-tag.el-tag--danger .el-tag__close:hover { +.el-tag--plain.el-tag--danger .el-tag__close:hover { color: #fff; background-color: #ff4d4f } -.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--medium { + height: 28px; + line-height: 26px } -.el-tag--dark { - background-color: #006aff; - border-color: #006aff; - color: #fff +.el-tag--medium .el-icon-close { + -webkit-transform: scale(.8); + transform: scale(.8) } -.el-tag--dark.is-hit { - border-color: #006aff +.el-tag--small { + height: 24px; + padding: 0 8px; + line-height: 22px } -.el-tag--dark .el-tag__close { - color: #fff +.el-tag--small .el-icon-close { + -webkit-transform: scale(.8); + transform: scale(.8) } -.el-tag--dark .el-tag__close:hover { - color: #fff; - background-color: #38f +.el-tag--mini { + height: 20px; + padding: 0 5px; + line-height: 19px } -.el-tag--dark.el-tag--info { - background-color: #909399; - border-color: #909399; - color: #fff +.el-tag--mini .el-icon-close { + margin-left: -3px; + -webkit-transform: scale(.7); + transform: scale(.7) } -.el-tag--dark.el-tag--info.is-hit { - border-color: #909399 +.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-tag--dark.el-tag--info .el-tag__close { - color: #fff +.el-select-dropdown__item.is-disabled { + color: #babdc2; + cursor: not-allowed } -.el-tag--dark.el-tag--info .el-tag__close:hover { - color: #fff; - background-color: #a6a9ad +.el-select-dropdown__item.is-disabled:hover { + background-color: #fff } -.el-tag--dark.el-tag--success { - background-color: #0daf49; - border-color: #0daf49; - color: #fff +.el-select-dropdown__item.hover, +.el-select-dropdown__item:hover { + background-color: #f5f7fa } -.el-tag--dark.el-tag--success.is-hit { - border-color: #0daf49 +.el-select-dropdown__item.selected { + color: #006aff; + font-weight: 700 } -.el-tag--dark.el-tag--success .el-tag__close { - color: #fff +.el-select-group { + margin: 0; + padding: 0 } -.el-tag--dark.el-tag--success .el-tag__close:hover { - color: #fff; - background-color: #3dbf6d +.el-select-group__wrap { + position: relative; + list-style: none; + margin: 0; + padding: 0 } -.el-tag--dark.el-tag--warning { - background-color: #f08614; - border-color: #f08614; - color: #fff -} - -.el-tag--dark.el-tag--warning.is-hit { - border-color: #f08614 -} - -.el-tag--dark.el-tag--warning .el-tag__close { - color: #fff -} - -.el-tag--dark.el-tag--warning .el-tag__close:hover { - color: #fff; - background-color: #f39e43 -} - -.el-tag--dark.el-tag--danger { - background-color: #ff4d4f; - border-color: #ff4d4f; - color: #fff -} - -.el-tag--dark.el-tag--danger.is-hit { - border-color: #ff4d4f -} - -.el-tag--dark.el-tag--danger .el-tag__close { - color: #fff -} - -.el-tag--dark.el-tag--danger .el-tag__close:hover { - color: #fff; - background-color: #ff7172 -} - -.el-tag--plain { - background-color: #fff; - border-color: #99c3ff; - color: #006aff -} - -.el-tag--plain.is-hit { - border-color: #006aff -} - -.el-tag--plain .el-tag__close { - color: #006aff -} - -.el-tag--plain .el-tag__close:hover { - color: #fff; - background-color: #006aff -} - -.el-tag--plain.el-tag--info { - background-color: #fff; - 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: #fff; - background-color: #909399 -} - -.el-tag--plain.el-tag--success { - background-color: #fff; - border-color: #9edfb6; - color: #0daf49 -} - -.el-tag--plain.el-tag--success.is-hit { - border-color: #0daf49 -} - -.el-tag--plain.el-tag--success .el-tag__close { - color: #0daf49 -} - -.el-tag--plain.el-tag--success .el-tag__close:hover { - color: #fff; - background-color: #0daf49 -} - -.el-tag--plain.el-tag--warning { - background-color: #fff; - border-color: #f9cfa1; - color: #f08614 -} - -.el-tag--plain.el-tag--warning.is-hit { - border-color: #f08614 -} - -.el-tag--plain.el-tag--warning .el-tag__close { - color: #f08614 -} - -.el-tag--plain.el-tag--warning .el-tag__close:hover { - color: #fff; - background-color: #f08614 -} - -.el-tag--plain.el-tag--danger { - background-color: #fff; - border-color: #ffb8b9; - color: #ff4d4f -} - -.el-tag--plain.el-tag--danger.is-hit { - border-color: #ff4d4f -} - -.el-tag--plain.el-tag--danger .el-tag__close { - color: #ff4d4f -} - -.el-tag--plain.el-tag--danger .el-tag__close:hover { - color: #fff; - background-color: #ff4d4f -} - -.el-tag--medium { - height: 28px; - line-height: 26px -} - -.el-tag--medium .el-icon-close { - -webkit-transform: scale(.8); - transform: scale(.8) -} - -.el-tag--small { - height: 24px; - padding: 0 8px; - line-height: 22px -} - -.el-tag--small .el-icon-close { - -webkit-transform: scale(.8); - transform: scale(.8) -} - -.el-tag--mini { - height: 20px; - padding: 0 5px; - line-height: 19px -} - -.el-tag--mini .el-icon-close { - margin-left: -3px; - -webkit-transform: scale(.7); - transform: scale(.7) -} - -.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: #babdc2; - cursor: not-allowed -} - -.el-select-dropdown__item.is-disabled:hover { - background-color: #fff -} - -.el-select-dropdown__item.hover, -.el-select-dropdown__item:hover { - background-color: #f5f7fa -} - -.el-select-dropdown__item.selected { - color: #006aff; - font-weight: 700 -} - -.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) { + padding-bottom: 24px } .el-select-group__wrap:not(:last-of-type)::after { @@ -3243,3433 +2964,2242 @@ border-color:#006AFF !important; padding: 0 5px } -.el-input__inner { - -webkit-appearance: none; - background-color: #fff; - background-image: none; - border-radius: 4px; - border: 1px solid #dfe2e6; - -webkit-box-sizing: border-box; - box-sizing: border-box; - color: #606266; - display: inline-block; - font-size: inherit; - height: 40px; - line-height: 40px; - outline: 0; - padding: 0 15px; - -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1); - transition: border-color .2s cubic-bezier(.645, .045, .355, 1); - width: 100% -} - -.el-input__inner::-ms-reveal { - display: none +.el-scrollbar { + overflow: hidden; + position: relative } -.el-input__inner::-webkit-input-placeholder { - color: #babdc2 +.el-scrollbar:active>.el-scrollbar__bar, +.el-scrollbar:focus>.el-scrollbar__bar, +.el-scrollbar:hover>.el-scrollbar__bar { + opacity: 1; + -webkit-transition: opacity 340ms ease-out; + transition: opacity 340ms ease-out } -.el-input__inner::-moz-placeholder { - color: #babdc2 +.el-scrollbar__wrap { + overflow: scroll; + height: 100% } -.el-input__inner::-ms-input-placeholder { - color: #babdc2 +.el-scrollbar__wrap--hidden-default { + scrollbar-width: none } -.el-input__inner::placeholder { - color: #babdc2 +.el-scrollbar__wrap--hidden-default::-webkit-scrollbar { + width: 0; + height: 0 } -.el-input__inner:hover { - border-color: #006AFF; +.el-scrollbar__thumb { + position: relative; + display: block; + width: 0; + height: 0; + cursor: pointer; + border-radius: inherit; + background-color: rgba(30, 34, 38, .3); + -webkit-transition: .3s background-color; + transition: .3s background-color } -.el-input__inner:focus { - outline: 0; - border-color: #006aff +.el-scrollbar__thumb:hover { + background-color: rgba(30, 34, 38, .5) } -.el-input__suffix { +.el-scrollbar__bar { position: absolute; - height: 100%; - right: 5px; - top: 0; - text-align: center; - color: #babdc2; - -webkit-transition: all .3s; - transition: all .3s; - pointer-events: none + right: 2px; + bottom: 2px; + z-index: 1; + border-radius: 4px; + opacity: 0; + -webkit-transition: opacity 120ms ease-out; + transition: opacity 120ms ease-out } -.el-input__suffix-inner { - pointer-events: all +.el-scrollbar__bar.is-vertical { + width: 6px; + top: 2px } -.el-input__prefix { - position: absolute; - height: 100%; - left: 5px; - top: 0; - text-align: center; - color: #babdc2; - -webkit-transition: all .3s; - transition: all .3s +.el-scrollbar__bar.is-vertical>div { + width: 100% } -.el-input__icon { - height: 100%; - width: 25px; - text-align: center; - -webkit-transition: all .3s; - transition: all .3s; - line-height: 40px +.el-scrollbar__bar.is-horizontal { + height: 6px; + left: 2px } -.el-input__icon:after { - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle +.el-scrollbar__bar.is-horizontal>div { + height: 100% } -.el-input__validateIcon { - pointer-events: none +.el-popper .popper__arrow, +.el-popper .popper__arrow::after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid } -.el-input.is-active .el-input__inner { - outline: 0; - border-color: #006aff +.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, .03)) } -.el-input.is-disabled .el-input__inner { - background-color: #f5f7fa; - border-color: #e4e7ed; - color: #babdc2; - cursor: not-allowed +.el-popper .popper__arrow::after { + content: " "; + border-width: 6px } -.el-input.is-disabled .el-input__inner::-webkit-input-placeholder { - color: #babdc2 +.el-popper[x-placement^=top] { + margin-bottom: 12px } -.el-input.is-disabled .el-input__inner::-moz-placeholder { - color: #babdc2 +.el-popper[x-placement^=top] .popper__arrow { + bottom: -6px; + left: 50%; + margin-right: 3px; + border-top-color: #ebeef5; + border-bottom-width: 0 } -.el-input.is-disabled .el-input__inner::-ms-input-placeholder { - color: #babdc2 +.el-popper[x-placement^=top] .popper__arrow::after { + bottom: 1px; + margin-left: -6px; + border-top-color: #fff; + border-bottom-width: 0 } -.el-input.is-disabled .el-input__inner::placeholder { - color: #babdc2 +.el-popper[x-placement^=bottom] { + margin-top: 12px } -.el-input.is-disabled .el-input__icon { - cursor: not-allowed +.el-popper[x-placement^=bottom] .popper__arrow { + top: -6px; + left: 50%; + margin-right: 3px; + border-top-width: 0; + border-bottom-color: #ebeef5 } -.el-input.is-exceed .el-input__inner { - border-color: #ff4d4f +.el-popper[x-placement^=bottom] .popper__arrow::after { + top: 1px; + margin-left: -6px; + border-top-width: 0; + border-bottom-color: #fff } -.el-input.is-exceed .el-input__suffix .el-input__count { - color: #ff4d4f +.el-popper[x-placement^=right] { + margin-left: 12px } -.el-input--suffix .el-input__inner { - padding-right: 30px +.el-popper[x-placement^=right] .popper__arrow { + top: 50%; + left: -6px; + margin-bottom: 3px; + border-right-color: #ebeef5; + border-left-width: 0 } -.el-input--prefix .el-input__inner { - padding-left: 30px +.el-popper[x-placement^=right] .popper__arrow::after { + bottom: -6px; + left: 1px; + border-right-color: #fff; + border-left-width: 0 } -.el-input--medium { - font-size: 14px +.el-popper[x-placement^=left] { + margin-right: 12px } -.el-input--medium .el-input__inner { - height: 36px; - line-height: 36px +.el-popper[x-placement^=left] .popper__arrow { + top: 50%; + right: -6px; + margin-bottom: 3px; + border-right-width: 0; + border-left-color: #ebeef5 } -.el-input--medium .el-input__icon { - line-height: 36px +.el-popper[x-placement^=left] .popper__arrow::after { + right: 1px; + bottom: -6px; + margin-left: -6px; + border-right-width: 0; + border-left-color: #fff } -.el-input--small { - font-size: 13px +.el-autocomplete { + position: relative; + display: inline-block } -.el-input--small .el-input__inner { - height: 32px; - line-height: 32px +.el-autocomplete-suggestion { + margin: 5px 0; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); + border-radius: 4px; + border: 1px solid #e4e7ed; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background-color: #fff } -.el-input--small .el-input__icon { - line-height: 32px +.el-autocomplete-suggestion__wrap { + max-height: 280px; + padding: 10px 0; + -webkit-box-sizing: border-box; + box-sizing: border-box } -.el-input--mini { - font-size: 12px +.el-autocomplete-suggestion__list { + margin: 0; + padding: 0 } -.el-input--mini .el-input__inner { - height: 28px; - line-height: 28px +.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-input--mini .el-input__icon { - line-height: 28px +.el-autocomplete-suggestion li:hover { + background-color: #f5f7fa } -.el-input-group { - line-height: normal; - display: inline-table; - width: 100%; - border-collapse: separate; - border-spacing: 0 +.el-autocomplete-suggestion li.highlighted { + background-color: #f5f7fa } -.el-input-group>.el-input__inner { - vertical-align: middle; - display: table-cell +.el-autocomplete-suggestion li.divider { + margin-top: 6px; + border-top: 1px solid #000 } -.el-input-group__append, -.el-input-group__prepend { - background-color: #f5f7fa; - color: #909399; - vertical-align: middle; - display: table-cell; - position: relative; - border: 1px solid #dfe2e6; - border-radius: 4px; - padding: 0 20px; - width: 1px; - white-space: nowrap +.el-autocomplete-suggestion li.divider:last-child { + margin-bottom: -6px } -.el-input-group__append:focus, -.el-input-group__prepend:focus { - outline: 0 +.el-autocomplete-suggestion.is-loading li { + text-align: center; + height: 100px; + line-height: 100px; + font-size: 20px; + color: #999 } -.el-input-group__append .el-button, -.el-input-group__append .el-select, -.el-input-group__prepend .el-button, -.el-input-group__prepend .el-select { +.el-autocomplete-suggestion.is-loading li::after { display: inline-block; - margin: -10px -20px + content: ""; + height: 100%; + vertical-align: middle } -.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-autocomplete-suggestion.is-loading li:hover { + background-color: #fff } -.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-autocomplete-suggestion.is-loading .el-icon-loading { + vertical-align: middle } -.el-input-group__prepend { - border-right: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0 +.el-button { + display: inline-block; + line-height: 1; + white-space: nowrap; + cursor: pointer; + background: #fff; + border: 1px solid #dfe2e6; + border-color: #dfe2e6; + color: #606266; + -webkit-appearance: none; + text-align: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + outline: 0; + margin: 0; + -webkit-transition: .1s; + transition: .1s; + font-weight: 500; + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + padding: 12px 20px; + font-size: 14px; + border-radius: 4px } -.el-input-group__append { - border-left: 0; - border-top-left-radius: 0; - border-bottom-left-radius: 0 +.el-button+.el-button { + margin-left: 10px } -.el-input-group--prepend .el-input__inner { - border-top-left-radius: 0; - border-bottom-left-radius: 0 +.el-button.is-round { + padding: 12px 20px } -.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { - border-color: transparent -} +/* .el-button:focus, +.el-button:hover { + color: #006aff; + border-color: #b3d2ff; + background-color: #e6f0ff +} */ -.el-input-group--append .el-input__inner { - border-top-right-radius: 0; - border-bottom-right-radius: 0 +.el-button:active { + color: #005fe6; + border-color: #005fe6; + outline: 0 } -.el-input-group--append .el-select .el-input.is-focus .el-input__inner { - border-color: transparent +.el-button::-moz-focus-inner { + border: 0 } -.el-input__inner::-ms-clear { - display: none; - width: 0; - height: 0 +.el-button [class*=el-icon-]+span { + margin-left: 5px } -.el-scrollbar { - overflow: hidden; - position: relative +.el-button.is-plain:focus, +.el-button.is-plain:hover { + background: #fff; + border-color: #006aff; + color: #006aff } -.el-scrollbar:active>.el-scrollbar__bar, -.el-scrollbar:focus>.el-scrollbar__bar, -.el-scrollbar:hover>.el-scrollbar__bar { - opacity: 1; - -webkit-transition: opacity 340ms ease-out; - transition: opacity 340ms ease-out +.el-button.is-plain:active { + background: #fff; + border-color: #005fe6; + color: #005fe6; + outline: 0 } -.el-scrollbar__wrap { - overflow: scroll; - height: 100% +.el-button.is-active { + color: #005fe6; + border-color: #005fe6 } -.el-scrollbar__wrap--hidden-default { - scrollbar-width: none +.el-button.is-disabled, +.el-button.is-disabled:focus, +.el-button.is-disabled:hover { + color: #babdc2; + cursor: not-allowed; + background-image: none; + background-color: #fff; + border-color: #ebeef5 } -.el-scrollbar__wrap--hidden-default::-webkit-scrollbar { - width: 0; - height: 0 +.el-button.is-disabled.el-button--text { + background-color: transparent } -.el-scrollbar__thumb { - position: relative; - display: block; - width: 0; - height: 0; - cursor: pointer; - border-radius: inherit; - background-color: rgba(30, 34, 38, .3); - -webkit-transition: .3s background-color; - transition: .3s background-color +.el-button.is-disabled.is-plain, +.el-button.is-disabled.is-plain:focus, +.el-button.is-disabled.is-plain:hover { + background-color: #fff; + border-color: #ebeef5; + color: #babdc2 } -.el-scrollbar__thumb:hover { - background-color: rgba(30, 34, 38, .5) +.el-button.is-loading { + position: relative; + pointer-events: none } -.el-scrollbar__bar { +.el-button.is-loading:before { + pointer-events: none; + content: ''; 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 + left: -1px; + top: -1px; + right: -1px; + bottom: -1px; + border-radius: inherit; + background-color: rgba(255, 255, 255, .35) } -.el-scrollbar__bar.is-vertical>div { - width: 100% +.el-button.is-round { + border-radius: 20px; + padding: 12px 23px } -.el-scrollbar__bar.is-horizontal { - height: 6px; - left: 2px +.el-button.is-circle { + border-radius: 50%; + padding: 12px } -.el-scrollbar__bar.is-horizontal>div { - height: 100% +.el-button--primary { + color: #fff; + background-color: #006aff; + border-color: #006aff } -.el-popper .popper__arrow, -.el-popper .popper__arrow::after { - position: absolute; - display: block; - width: 0; - height: 0; - border-color: transparent; - border-style: solid +.el-button--primary:focus, +.el-button--primary:hover { + background: #38f; + border-color: #38f; + color: #fff } -.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, .03)) +.el-button--primary:active { + background: #005fe6; + border-color: #005fe6; + color: #fff; + outline: 0 } -.el-popper .popper__arrow::after { - content: " "; - border-width: 6px +.el-button--primary.is-active { + background: #005fe6; + border-color: #005fe6; + color: #fff } -.el-popper[x-placement^=top] { - margin-bottom: 12px +.el-button--primary.is-disabled, +.el-button--primary.is-disabled:active, +.el-button--primary.is-disabled:focus, +.el-button--primary.is-disabled:hover { + color: #fff; + background-color: #80b5ff; + border-color: #80b5ff } -.el-popper[x-placement^=top] .popper__arrow { - bottom: -6px; - left: 50%; - margin-right: 3px; - border-top-color: #ebeef5; - border-bottom-width: 0 +.el-button--primary.is-plain { + color: #006aff; + background: #e6f0ff; + border-color: #99c3ff } -.el-popper[x-placement^=top] .popper__arrow::after { - bottom: 1px; - margin-left: -6px; - border-top-color: #fff; - border-bottom-width: 0 +.el-button--primary.is-plain:focus, +.el-button--primary.is-plain:hover { + background: #006aff; + border-color: #006aff; + color: #fff } -.el-popper[x-placement^=bottom] { - margin-top: 12px +.el-button--primary.is-plain:active { + background: #005fe6; + border-color: #005fe6; + color: #fff; + outline: 0 } -.el-popper[x-placement^=bottom] .popper__arrow { - top: -6px; - left: 50%; - margin-right: 3px; - border-top-width: 0; - border-bottom-color: #ebeef5 -} - -.el-popper[x-placement^=bottom] .popper__arrow::after { - top: 1px; - margin-left: -6px; - border-top-width: 0; - border-bottom-color: #fff -} - -.el-popper[x-placement^=right] { - margin-left: 12px -} - -.el-popper[x-placement^=right] .popper__arrow { - top: 50%; - left: -6px; - margin-bottom: 3px; - border-right-color: #ebeef5; - border-left-width: 0 -} - -.el-popper[x-placement^=right] .popper__arrow::after { - bottom: -6px; - left: 1px; - border-right-color: #fff; - border-left-width: 0 -} - -.el-popper[x-placement^=left] { - margin-right: 12px -} - -.el-popper[x-placement^=left] .popper__arrow { - top: 50%; - right: -6px; - margin-bottom: 3px; - border-right-width: 0; - border-left-color: #ebeef5 -} - -.el-popper[x-placement^=left] .popper__arrow::after { - right: 1px; - bottom: -6px; - margin-left: -6px; - border-right-width: 0; - border-left-color: #fff -} - -.el-autocomplete { - position: relative; - display: inline-block -} - -.el-autocomplete-suggestion { - margin: 5px 0; - -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); - border-radius: 4px; - border: 1px solid #e4e7ed; - -webkit-box-sizing: border-box; - box-sizing: border-box; - background-color: #fff -} - -.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 #000 -} - -.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: #fff -} - -.el-autocomplete-suggestion.is-loading .el-icon-loading { - vertical-align: middle -} - -.el-button { - display: inline-block; - line-height: 1; - white-space: nowrap; - cursor: pointer; - background: #fff; - border: 1px solid #dfe2e6; - border-color: #dfe2e6; - color: #606266; - -webkit-appearance: none; - text-align: center; - -webkit-box-sizing: border-box; - box-sizing: border-box; - outline: 0; - margin: 0; - -webkit-transition: .1s; - transition: .1s; - font-weight: 500; - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - padding: 12px 20px; - font-size: 14px; - border-radius: 4px -} - -.el-button+.el-button { - margin-left: 10px -} - -.el-button.is-round { - padding: 12px 20px -} - -/* .el-button:focus, -.el-button:hover { - color: #006aff; - border-color: #b3d2ff; - background-color: #e6f0ff -} */ - -.el-button:active { - color: #005fe6; - border-color: #005fe6; - outline: 0 -} - -.el-button::-moz-focus-inner { - border: 0 -} - -.el-button [class*=el-icon-]+span { - margin-left: 5px -} - -.el-button.is-plain:focus, -.el-button.is-plain:hover { - background: #fff; - border-color: #006aff; - color: #006aff -} - -.el-button.is-plain:active { - background: #fff; - border-color: #005fe6; - color: #005fe6; - outline: 0 -} - -.el-button.is-active { - color: #005fe6; - border-color: #005fe6 -} - -.el-button.is-disabled, -.el-button.is-disabled:focus, -.el-button.is-disabled:hover { - color: #babdc2; - cursor: not-allowed; - background-image: none; - background-color: #fff; - border-color: #ebeef5 -} - -.el-button.is-disabled.el-button--text { - background-color: transparent -} - -.el-button.is-disabled.is-plain, -.el-button.is-disabled.is-plain:focus, -.el-button.is-disabled.is-plain:hover { - background-color: #fff; - border-color: #ebeef5; - color: #babdc2 -} - -.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, .35) -} - -.el-button.is-round { - border-radius: 20px; - padding: 12px 23px -} - -.el-button.is-circle { - border-radius: 50%; - padding: 12px -} - -.el-button--primary { - color: #fff; - background-color: #006aff; - border-color: #006aff -} - -.el-button--primary:focus, -.el-button--primary:hover { - background: #38f; - border-color: #38f; - color: #fff -} - -.el-button--primary:active { - background: #005fe6; - border-color: #005fe6; - color: #fff; - outline: 0 -} - -.el-button--primary.is-active { - background: #005fe6; - border-color: #005fe6; - color: #fff -} - -.el-button--primary.is-disabled, -.el-button--primary.is-disabled:active, -.el-button--primary.is-disabled:focus, -.el-button--primary.is-disabled:hover { - color: #fff; - background-color: #80b5ff; - border-color: #80b5ff -} - -.el-button--primary.is-plain { - color: #006aff; - background: #e6f0ff; - border-color: #99c3ff -} - -.el-button--primary.is-plain:focus, -.el-button--primary.is-plain:hover { - background: #006aff; - border-color: #006aff; - color: #fff -} - -.el-button--primary.is-plain:active { - background: #005fe6; - border-color: #005fe6; - color: #fff; - outline: 0 -} - -.el-button--primary.is-plain.is-disabled, -.el-button--primary.is-plain.is-disabled:active, -.el-button--primary.is-plain.is-disabled:focus, -.el-button--primary.is-plain.is-disabled:hover { - color: #66a6ff; - background-color: #e6f0ff; - border-color: #cce1ff -} - -.el-button--success { - color: #fff; - background-color: #0daf49; - border-color: #0daf49 -} - -.el-button--success:focus, -.el-button--success:hover { - background: #3dbf6d; - border-color: #3dbf6d; - color: #fff -} - -.el-button--success:active { - background: #0c9e42; - border-color: #0c9e42; - color: #fff; - outline: 0 -} - -.el-button--success.is-active { - background: #0c9e42; - border-color: #0c9e42; - color: #fff -} - -.el-button--success.is-disabled, -.el-button--success.is-disabled:active, -.el-button--success.is-disabled:focus, -.el-button--success.is-disabled:hover { - color: #fff; - background-color: #86d7a4; - border-color: #86d7a4 -} - -.el-button--success.is-plain { - color: #0daf49; - background: #e7f7ed; - border-color: #9edfb6 -} - -.el-button--success.is-plain:focus, -.el-button--success.is-plain:hover { - background: #0daf49; - border-color: #0daf49; - color: #fff -} - -.el-button--success.is-plain:active { - background: #0c9e42; - border-color: #0c9e42; - color: #fff; - outline: 0 -} - -.el-button--success.is-plain.is-disabled, -.el-button--success.is-plain.is-disabled:active, -.el-button--success.is-plain.is-disabled:focus, -.el-button--success.is-plain.is-disabled:hover { - color: #6ecf92; - background-color: #e7f7ed; - border-color: #cfefdb -} - -.el-button--warning { - color: #fff; - background-color: #f08614; - border-color: #f08614 -} - -.el-button--warning:focus, -.el-button--warning:hover { - background: #f39e43; - border-color: #f39e43; - color: #fff -} - -.el-button--warning:active { - background: #d87912; - border-color: #d87912; - color: #fff; - outline: 0 -} - -.el-button--warning.is-active { - background: #d87912; - border-color: #d87912; - color: #fff -} - -.el-button--warning.is-disabled, -.el-button--warning.is-disabled:active, -.el-button--warning.is-disabled:focus, -.el-button--warning.is-disabled:hover { - color: #fff; - background-color: #f8c38a; - border-color: #f8c38a -} - -.el-button--warning.is-plain { - color: #f08614; - background: #fef3e8; - border-color: #f9cfa1 -} - -.el-button--warning.is-plain:focus, -.el-button--warning.is-plain:hover { - background: #f08614; - border-color: #f08614; - color: #fff -} - -.el-button--warning.is-plain:active { - background: #d87912; - border-color: #d87912; - color: #fff; - outline: 0 -} - -.el-button--warning.is-plain.is-disabled, -.el-button--warning.is-plain.is-disabled:active, -.el-button--warning.is-plain.is-disabled:focus, -.el-button--warning.is-plain.is-disabled:hover { - color: #f6b672; - background-color: #fef3e8; - border-color: #fce7d0 -} - -.el-button--danger { - color: #fff; - background-color: #ff4d4f; - border-color: #ff4d4f -} - -.el-button--danger:focus, -.el-button--danger:hover { - background: #ff7172; - border-color: #ff7172; - color: #fff -} - -.el-button--danger:active { - background: #e64547; - border-color: #e64547; - color: #fff; - outline: 0 -} - -.el-button--danger.is-active { - background: #e64547; - border-color: #e64547; - color: #fff -} - -.el-button--danger.is-disabled, -.el-button--danger.is-disabled:active, -.el-button--danger.is-disabled:focus, -.el-button--danger.is-disabled:hover { - color: #fff; - background-color: #ffa6a7; - border-color: #ffa6a7 -} - -.el-button--danger.is-plain { - color: #ff4d4f; - background: #ffeded; - border-color: #ffb8b9 -} - -.el-button--danger.is-plain:focus, -.el-button--danger.is-plain:hover { - background: #ff4d4f; - border-color: #ff4d4f; - color: #fff -} - -.el-button--danger.is-plain:active { - background: #e64547; - border-color: #e64547; - color: #fff; - outline: 0 -} - -.el-button--danger.is-plain.is-disabled, -.el-button--danger.is-plain.is-disabled:active, -.el-button--danger.is-plain.is-disabled:focus, -.el-button--danger.is-plain.is-disabled:hover { - color: #ff9495; - background-color: #ffeded; - border-color: #ffdbdc -} - -.el-button--info { - color: #fff; - background-color: #909399; - border-color: #909399 -} - -.el-button--info:focus, -.el-button--info:hover { - background: #a6a9ad; - border-color: #a6a9ad; - color: #fff -} - -.el-button--info:active { - background: #82848a; - border-color: #82848a; - color: #fff; - outline: 0 -} - -.el-button--info.is-active { - background: #82848a; - border-color: #82848a; - color: #fff -} - -.el-button--info.is-disabled, -.el-button--info.is-disabled:active, -.el-button--info.is-disabled:focus, -.el-button--info.is-disabled:hover { - color: #fff; - background-color: #c8c9cc; - border-color: #c8c9cc -} - -.el-button--info.is-plain { - color: #909399; - background: #f4f4f5; - border-color: #d3d4d6 -} - -.el-button--info.is-plain:focus, -.el-button--info.is-plain:hover { - background: #909399; - border-color: #909399; - color: #fff -} - -.el-button--info.is-plain:active { - background: #82848a; - border-color: #82848a; - color: #fff; - outline: 0 -} - -.el-button--info.is-plain.is-disabled, -.el-button--info.is-plain.is-disabled:active, -.el-button--info.is-plain.is-disabled:focus, -.el-button--info.is-plain.is-disabled:hover { - 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: #006aff; - background: 0 0; - padding-left: 0; - padding-right: 0 -} - -.el-button--text:focus, -.el-button--text:hover { - color: #38f; - border-color: transparent; - background-color: transparent -} - -.el-button--text:active { - color: #005fe6; - border-color: transparent; - background-color: transparent -} - -.el-button--text.is-disabled, -.el-button--text.is-disabled:focus, -.el-button--text.is-disabled:hover { - border-color: transparent -} - -.el-button-group { - display: inline-block; - vertical-align: middle -} - -.el-button-group::after, -.el-button-group::before { - 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:not(.is-disabled):active, -.el-button-group>.el-button:not(.is-disabled):focus, -.el-button-group>.el-button:not(.is-disabled):hover { - 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, .5) -} - -.el-button-group .el-button--primary:first-child { - border-right-color: rgba(255, 255, 255, .5) -} - -.el-button-group .el-button--primary:last-child { - border-left-color: rgba(255, 255, 255, .5) -} - -.el-button-group .el-button--primary:not(:first-child):not(:last-child) { - border-left-color: rgba(255, 255, 255, .5); - border-right-color: rgba(255, 255, 255, .5) -} - -.el-button-group .el-button--success:first-child { - border-right-color: rgba(255, 255, 255, .5) -} - -.el-button-group .el-button--success:last-child { - border-left-color: rgba(255, 255, 255, .5) -} - -.el-button-group .el-button--success:not(:first-child):not(:last-child) { - border-left-color: rgba(255, 255, 255, .5); - border-right-color: rgba(255, 255, 255, .5) -} - -.el-button-group .el-button--warning:first-child { - border-right-color: rgba(255, 255, 255, .5) -} - -.el-button-group .el-button--warning:last-child { - border-left-color: rgba(255, 255, 255, .5) -} - -.el-button-group .el-button--warning:not(:first-child):not(:last-child) { - border-left-color: rgba(255, 255, 255, .5); - border-right-color: rgba(255, 255, 255, .5) -} - -.el-button-group .el-button--danger:first-child { - border-right-color: rgba(255, 255, 255, .5) -} - -.el-button-group .el-button--danger:last-child { - border-left-color: rgba(255, 255, 255, .5) -} - -.el-button-group .el-button--danger:not(:first-child):not(:last-child) { - border-left-color: rgba(255, 255, 255, .5); - border-right-color: rgba(255, 255, 255, .5) -} - -.el-button-group .el-button--info:first-child { - border-right-color: rgba(255, 255, 255, .5) -} - -.el-button-group .el-button--info:last-child { - border-left-color: rgba(255, 255, 255, .5) -} - -.el-button-group .el-button--info:not(:first-child):not(:last-child) { - border-left-color: rgba(255, 255, 255, .5); - border-right-color: rgba(255, 255, 255, .5) -} - -.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, .03)) -} - -.el-popper .popper__arrow::after { - content: " "; - border-width: 6px -} - -.el-popper[x-placement^=top] { - margin-bottom: 12px -} - -.el-popper[x-placement^=top] .popper__arrow { - bottom: -6px; - left: 50%; - margin-right: 3px; - border-top-color: #ebeef5; - border-bottom-width: 0 -} - -.el-popper[x-placement^=top] .popper__arrow::after { - bottom: 1px; - margin-left: -6px; - border-top-color: #fff; - border-bottom-width: 0 -} - -.el-popper[x-placement^=bottom] { - margin-top: 12px -} - -.el-popper[x-placement^=bottom] .popper__arrow { - top: -6px; - left: 50%; - margin-right: 3px; - border-top-width: 0; - border-bottom-color: #ebeef5 -} - -.el-popper[x-placement^=bottom] .popper__arrow::after { - top: 1px; - margin-left: -6px; - border-top-width: 0; - border-bottom-color: #fff -} - -.el-popper[x-placement^=right] { - margin-left: 12px -} - -.el-popper[x-placement^=right] .popper__arrow { - top: 50%; - left: -6px; - margin-bottom: 3px; - border-right-color: #ebeef5; - border-left-width: 0 -} - -.el-popper[x-placement^=right] .popper__arrow::after { - bottom: -6px; - left: 1px; - border-right-color: #fff; - border-left-width: 0 -} - -.el-popper[x-placement^=left] { - margin-right: 12px -} - -.el-popper[x-placement^=left] .popper__arrow { - top: 50%; - right: -6px; - margin-bottom: 3px; - border-right-width: 0; - border-left-color: #ebeef5 -} - -.el-popper[x-placement^=left] .popper__arrow::after { - right: 1px; - bottom: -6px; - margin-left: -6px; - border-right-width: 0; - border-left-color: #fff -} - -.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, .5) -} - -.el-dropdown .el-dropdown__caret-button.el-button--default::before { - background: rgba(223, 226, 230, .5) -} - -.el-dropdown .el-dropdown__caret-button:hover:not(.is-disabled)::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 [disabled] { - cursor: not-allowed; - color: #bbb -} - -.el-dropdown-menu { - position: absolute; - top: 0; - left: 0; - z-index: 10; - padding: 10px 0; - margin: 5px 0; - background-color: #fff; - border: 1px solid #ebeef5; - border-radius: 4px; - -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); - box-shadow: 0 2px 12px 0 rgba(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: 0 -} - -.el-dropdown-menu__item:focus, -.el-dropdown-menu__item:not(.is-disabled):hover { - background-color: #e6f0ff; - color: #38f -} - -.el-dropdown-menu__item i { - margin-right: 5px -} - -.el-dropdown-menu__item--divided { - position: relative; - margin-top: 6px; - border-top: 1px solid #ebeef5 -} - -.el-dropdown-menu__item--divided:before { - content: ''; - height: 6px; - display: block; - margin: 0 -20px; - background-color: #fff -} - -.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 -} - -.fade-in-linear-enter-active, -.fade-in-linear-leave-active { - -webkit-transition: opacity .2s linear; - transition: opacity .2s 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 .2s linear; - transition: opacity .2s 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 .3s cubic-bezier(.55, 0, .1, 1); - transition: all .3s cubic-bezier(.55, 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 .3s cubic-bezier(.55, 0, .1, 1); - transition: all .3s cubic-bezier(.55, 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 .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1); - transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1); - transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1); - transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .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 .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1); - transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1); - transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1); - transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .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 .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1); - transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1); - transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1); - transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .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(.45, .45); - transform: scale(.45, .45) -} - -.collapse-transition { - -webkit-transition: .3s height ease-in-out, .3s padding-top ease-in-out, .3s padding-bottom ease-in-out; - transition: .3s height ease-in-out, .3s padding-top ease-in-out, .3s padding-bottom ease-in-out -} - -.horizontal-collapse-transition { - -webkit-transition: .3s width ease-in-out, .3s padding-left ease-in-out, .3s padding-right ease-in-out; - transition: .3s width ease-in-out, .3s padding-left ease-in-out, .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 .3s cubic-bezier(.55, 0, .1, 1); - transition: opacity .3s cubic-bezier(.55, 0, .1, 1) -} - -.el-menu { - border-right: solid 1px #e6e6e6; - list-style: none; - position: relative; - margin: 0; - padding-left: 0; - background-color: #fff -} - -.el-menu::after, -.el-menu::before { - 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: #1e2226 -} - -.el-menu--horizontal>.el-menu-item a, -.el-menu--horizontal>.el-menu-item a:hover { - color: inherit +.el-button--primary.is-plain.is-disabled, +.el-button--primary.is-plain.is-disabled:active, +.el-button--primary.is-plain.is-disabled:focus, +.el-button--primary.is-plain.is-disabled:hover { + color: #66a6ff; + background-color: #e6f0ff; + border-color: #cce1ff } -.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus, -.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover { - background-color: #fff +.el-button--success { + color: #fff; + background-color: #0daf49; + border-color: #0daf49 } -.el-menu--horizontal>.el-submenu { - float: left +.el-button--success:focus, +.el-button--success:hover { + background: #3dbf6d; + border-color: #3dbf6d; + color: #fff } -.el-menu--horizontal>.el-submenu:focus, -.el-menu--horizontal>.el-submenu:hover { +.el-button--success:active { + background: #0c9e42; + border-color: #0c9e42; + color: #fff; outline: 0 } -.el-menu--horizontal>.el-submenu:focus .el-submenu__title, -.el-menu--horizontal>.el-submenu:hover .el-submenu__title { - color: #1e2226 -} - -.el-menu--horizontal>.el-submenu.is-active .el-submenu__title { - border-bottom: 2px solid #006aff; - color: #1e2226 -} - -.el-menu--horizontal>.el-submenu .el-submenu__title { - height: 60px; - line-height: 60px; - border-bottom: 2px solid transparent; - color: #1e2226 -} - -.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: #fff; - float: none; - height: 36px; - line-height: 36px; - padding: 0 10px; - color: #1e2226 -} - -.el-menu--horizontal .el-menu .el-menu-item.is-active, -.el-menu--horizontal .el-menu .el-submenu.is-active>.el-submenu__title { - color: #1e2226 -} - -.el-menu--horizontal .el-menu-item:not(.is-disabled):focus, -.el-menu--horizontal .el-menu-item:not(.is-disabled):hover { - outline: 0; - color: #1e2226 -} - -.el-menu--horizontal>.el-menu-item.is-active { - border-bottom: 2px solid #006aff; - color: #1e2226 -} - -.el-menu--collapse { - width: 64px +.el-button--success.is-active { + background: #0c9e42; + border-color: #0c9e42; + color: #fff } -.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-button--success.is-disabled, +.el-button--success.is-disabled:active, +.el-button--success.is-disabled:focus, +.el-button--success.is-disabled:hover { + color: #fff; + background-color: #86d7a4; + border-color: #86d7a4 } -.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-button--success.is-plain { + color: #0daf49; + background: #e7f7ed; + border-color: #9edfb6 } -.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-button--success.is-plain:focus, +.el-button--success.is-plain:hover { + background: #0daf49; + border-color: #0daf49; + color: #fff } -.el-menu--collapse>.el-menu-item.is-active i { - color: inherit +.el-button--success.is-plain:active { + background: #0c9e42; + border-color: #0c9e42; + color: #fff; + outline: 0 } -.el-menu--collapse .el-menu .el-submenu { - min-width: 200px +.el-button--success.is-plain.is-disabled, +.el-button--success.is-plain.is-disabled:active, +.el-button--success.is-plain.is-disabled:focus, +.el-button--success.is-plain.is-disabled:hover { + color: #6ecf92; + background-color: #e7f7ed; + border-color: #cfefdb } -.el-menu--collapse .el-submenu { - position: relative +.el-button--warning { + color: #fff; + background-color: #f08614; + border-color: #f08614 } -.el-menu--collapse .el-submenu .el-menu { - position: absolute; - margin-left: 5px; - top: 0; - left: 100%; - z-index: 10; - border: 1px solid #e4e7ed; - border-radius: 2px; - -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1) +.el-button--warning:focus, +.el-button--warning:hover { + background: #f39e43; + border-color: #f39e43; + color: #fff } -.el-menu--collapse .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow { - -webkit-transform: none; - transform: none +.el-button--warning:active { + background: #d87912; + border-color: #d87912; + color: #fff; + outline: 0 } -.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, .1); - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1) +.el-button--warning.is-active { + background: #d87912; + border-color: #d87912; + color: #fff } -.el-menu--popup-bottom-start { - margin-top: 5px +.el-button--warning.is-disabled, +.el-button--warning.is-disabled:active, +.el-button--warning.is-disabled:focus, +.el-button--warning.is-disabled:hover { + color: #fff; + background-color: #f8c38a; + border-color: #f8c38a } -.el-menu--popup-right-start { - margin-left: 5px; - margin-right: 5px +.el-button--warning.is-plain { + color: #f08614; + background: #fef3e8; + border-color: #f9cfa1 } -.el-menu-item { - height: 56px; - line-height: 56px; - font-size: 14px; - display: flex; - align-items: center; - color: #1e2226; - padding: 0 20px; - list-style: none; - cursor: pointer; - position: relative; - -webkit-transition: border-color .3s, background-color .3s, color .3s; - transition: border-color .3s, background-color .3s, color .3s; - -webkit-box-sizing: border-box; - box-sizing: border-box; - white-space: nowrap +.el-button--warning.is-plain:focus, +.el-button--warning.is-plain:hover { + background: #f08614; + border-color: #f08614; + color: #fff } -.el-menu-item * { - vertical-align: middle +.el-button--warning.is-plain:active { + background: #d87912; + border-color: #d87912; + color: #fff; + outline: 0 } -.el-menu-item i { - color: #1e2226 +.el-button--warning.is-plain.is-disabled, +.el-button--warning.is-plain.is-disabled:active, +.el-button--warning.is-plain.is-disabled:focus, +.el-button--warning.is-plain.is-disabled:hover { + color: #f6b672; + background-color: #fef3e8; + border-color: #fce7d0 } -.el-menu-item:focus, -.el-menu-item:hover { - outline: 0; - background-color: #e6f0ff +.el-button--danger { + color: #fff; + background-color: #ff4d4f; + border-color: #ff4d4f } -.el-menu-item.is-disabled { - opacity: .25; - cursor: not-allowed; - background: 0 0 !important +.el-button--danger:focus, +.el-button--danger:hover { + background: #ff7172; + border-color: #ff7172; + color: #fff } -.el-menu-item [class^=el-icon-] { - margin-right: 5px; - width: 24px; - text-align: center; - font-size: 18px; - vertical-align: middle +.el-button--danger:active { + background: #e64547; + border-color: #e64547; + color: #fff; + outline: 0 } -.el-menu-item.is-active { - color: #006aff +.el-button--danger.is-active { + background: #e64547; + border-color: #e64547; + color: #fff } -.el-menu-item.is-active i { - color: inherit +.el-button--danger.is-disabled, +.el-button--danger.is-disabled:active, +.el-button--danger.is-disabled:focus, +.el-button--danger.is-disabled:hover { + color: #fff; + background-color: #ffa6a7; + border-color: #ffa6a7 } -.el-submenu { - list-style: none; - margin: 0; - padding-left: 0 +.el-button--danger.is-plain { + color: #ff4d4f; + background: #ffeded; + border-color: #ffb8b9 } -.el-submenu__title { - height: 56px; - line-height: 56px; - font-size: 14px; - color: #1e2226; - padding: 0 20px; - list-style: none; - cursor: pointer; - position: relative; - -webkit-transition: border-color .3s, background-color .3s, color .3s; - transition: border-color .3s, background-color .3s, color .3s; - -webkit-box-sizing: border-box; - box-sizing: border-box; - white-space: nowrap +.el-button--danger.is-plain:focus, +.el-button--danger.is-plain:hover { + background: #ff4d4f; + border-color: #ff4d4f; + color: #fff } -.el-submenu__title * { - vertical-align: middle +.el-button--danger.is-plain:active { + background: #e64547; + border-color: #e64547; + color: #fff; + outline: 0 } -.el-submenu__title i { - color: #1e2226 +.el-button--danger.is-plain.is-disabled, +.el-button--danger.is-plain.is-disabled:active, +.el-button--danger.is-plain.is-disabled:focus, +.el-button--danger.is-plain.is-disabled:hover { + color: #ff9495; + background-color: #ffeded; + border-color: #ffdbdc } -.el-submenu__title:focus, -.el-submenu__title:hover { - outline: 0; - background-color: #e6f0ff +.el-button--info { + color: #fff; + background-color: #909399; + border-color: #909399 } -.el-submenu__title.is-disabled { - opacity: .25; - cursor: not-allowed; - background: 0 0 !important +.el-button--info:focus, +.el-button--info:hover { + background: #a6a9ad; + border-color: #a6a9ad; + color: #fff } -.el-submenu__title:hover { - background-color: #e6f0ff +.el-button--info:active { + background: #82848a; + border-color: #82848a; + color: #fff; + outline: 0 } -.el-submenu .el-menu { - border: none +.el-button--info.is-active { + background: #82848a; + border-color: #82848a; + color: #fff } -.el-submenu .el-menu-item { - height: 50px; - line-height: 50px; - padding: 0 45px; - min-width: 200px +.el-button--info.is-disabled, +.el-button--info.is-disabled:active, +.el-button--info.is-disabled:focus, +.el-button--info.is-disabled:hover { + color: #fff; + background-color: #c8c9cc; + border-color: #c8c9cc } -.el-submenu__icon-arrow { - position: absolute; - top: 50%; - right: 20px; - margin-top: -7px; - -webkit-transition: -webkit-transform .3s; - transition: -webkit-transform .3s; - transition: transform .3s; - transition: transform .3s, -webkit-transform .3s; - font-size: 12px +.el-button--info.is-plain { + color: #909399; + background: #f4f4f5; + border-color: #d3d4d6 } -.el-submenu.is-active .el-submenu__title { - border-bottom-color: #006aff +.el-button--info.is-plain:focus, +.el-button--info.is-plain:hover { + background: #909399; + border-color: #909399; + color: #fff } -.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow { - -webkit-transform: rotateZ(180deg); - transform: rotateZ(180deg) +.el-button--info.is-plain:active { + background: #82848a; + border-color: #82848a; + color: #fff; + outline: 0 } -.el-submenu.is-disabled .el-menu-item, -.el-submenu.is-disabled .el-submenu__title { - opacity: .25; - cursor: not-allowed; - background: 0 0 !important +.el-button--info.is-plain.is-disabled, +.el-button--info.is-plain.is-disabled:active, +.el-button--info.is-plain.is-disabled:focus, +.el-button--info.is-plain.is-disabled:hover { + color: #bcbec2; + background-color: #f4f4f5; + border-color: #e9e9eb } -.el-submenu [class^=el-icon-] { - vertical-align: middle; - margin-right: 5px; - width: 24px; - text-align: center; - font-size: 18px +.el-button--medium { + padding: 10px 20px; + font-size: 14px; + border-radius: 4px } -.el-menu-item-group>ul { - padding: 0 +.el-button--medium.is-round { + padding: 10px 20px } -.el-menu-item-group__title { - padding: 7px 0 7px 20px; - line-height: normal; +.el-button--medium.is-circle { + padding: 10px +} + +.el-button--small { + padding: 9px 15px; font-size: 12px; - color: #1e2226 + border-radius: 3px } -.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow { - -webkit-transition: .2s; - transition: .2s; - opacity: 0 +.el-button--small.is-round { + padding: 9px 15px } -.el-textarea { - position: relative; - display: inline-block; - width: 100%; - vertical-align: bottom; - font-size: 14px +.el-button--small.is-circle { + padding: 9px } -.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: #fff; - background-image: none; - border: 1px solid #dfe2e6; - border-radius: 4px; - -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1); - transition: border-color .2s cubic-bezier(.645, .045, .355, 1) +.el-button--mini { + padding: 7px 15px; + font-size: 12px; + border-radius: 3px } -.el-textarea__inner::-webkit-input-placeholder { - color: #babdc2 +.el-button--mini.is-round { + padding: 7px 15px +} + +.el-button--mini.is-circle { + padding: 7px } -.el-textarea__inner::-moz-placeholder { - color: #babdc2 +.el-button--text { + border-color: transparent; + color: #006aff; + background: 0 0; + padding-left: 0; + padding-right: 0 } -.el-textarea__inner::-ms-input-placeholder { - color: #babdc2 +.el-button--text:focus, +.el-button--text:hover { + color: #38f; + border-color: transparent; + background-color: transparent } -.el-textarea__inner::placeholder { - color: #babdc2 +.el-button--text:active { + color: #005fe6; + border-color: transparent; + background-color: transparent } -.el-textarea__inner:hover { - border-color: #babdc2 +.el-button--text.is-disabled, +.el-button--text.is-disabled:focus, +.el-button--text.is-disabled:hover { + border-color: transparent } -.el-textarea__inner:focus { - outline: 0; - border-color: #006aff +.el-button-group { + display: inline-block; + vertical-align: middle } -.el-textarea .el-input__count { - color: #909399; - background: #fff; - position: absolute; - font-size: 12px; - bottom: 5px; - right: 10px +.el-button-group::after, +.el-button-group::before { + display: table; + content: "" } -.el-textarea.is-disabled .el-textarea__inner { - background-color: #f5f7fa; - border-color: #e4e7ed; - color: #babdc2; - cursor: not-allowed +.el-button-group::after { + clear: both } -.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: #babdc2 +.el-button-group>.el-button { + float: left; + position: relative } -.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { - color: #babdc2 +.el-button-group>.el-button+.el-button { + margin-left: 0 } -.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder { - color: #babdc2 +.el-button-group>.el-button.is-disabled { + z-index: 1 } -.el-textarea.is-disabled .el-textarea__inner::placeholder { - color: #babdc2 +.el-button-group>.el-button:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0 } -.el-textarea.is-exceed .el-textarea__inner { - border-color: #ff4d4f +.el-button-group>.el-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0 } -.el-textarea.is-exceed .el-input__count { - color: #ff4d4f +.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-input { - position: relative; - font-size: 14px; - display: inline-block; - width: 100% +.el-button-group>.el-button:first-child:last-child.is-round { + border-radius: 20px } -.el-input::-webkit-scrollbar { - z-index: 11; - width: 6px +.el-button-group>.el-button:first-child:last-child.is-circle { + border-radius: 50% } -.el-input::-webkit-scrollbar:horizontal { - height: 6px +.el-button-group>.el-button:not(:first-child):not(:last-child) { + border-radius: 0 } -.el-input::-webkit-scrollbar-thumb { - border-radius: 5px; - width: 6px; - background: #b4bccc +.el-button-group>.el-button:not(:last-child) { + margin-right: -1px } -.el-input::-webkit-scrollbar-corner { - background: #fff +.el-button-group>.el-button:not(.is-disabled):active, +.el-button-group>.el-button:not(.is-disabled):focus, +.el-button-group>.el-button:not(.is-disabled):hover { + z-index: 1 } -.el-input::-webkit-scrollbar-track { - background: #fff +.el-button-group>.el-button.is-active { + z-index: 1 } -.el-input::-webkit-scrollbar-track-piece { - background: #fff; - width: 6px +.el-button-group>.el-dropdown>.el-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left-color: rgba(255, 255, 255, .5) } -.el-input .el-input__clear { - color: #babdc2; - font-size: 14px; - cursor: pointer; - -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1); - transition: color .2s cubic-bezier(.645, .045, .355, 1) +.el-button-group .el-button--primary:first-child { + border-right-color: rgba(255, 255, 255, .5) } -.el-input .el-input__clear:hover { - color: #1e2226 +.el-button-group .el-button--primary:last-child { + border-left-color: rgba(255, 255, 255, .5) } -.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-button-group .el-button--primary:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, .5); + border-right-color: rgba(255, 255, 255, .5) } -.el-input .el-input__count .el-input__count-inner { - background: #fff; - line-height: initial; - display: inline-block; - padding: 0 5px +.el-button-group .el-button--success:first-child { + border-right-color: rgba(255, 255, 255, .5) } -.el-input__inner { - -webkit-appearance: none; - background-color: #fff; - background-image: none; - border-radius: 4px; - border: 1px solid #dfe2e6; - -webkit-box-sizing: border-box; - box-sizing: border-box; - color: #606266; - display: inline-block; - font-size: inherit; - height: 40px; - line-height: 40px; - outline: 0; - padding: 0 15px; - -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1); - transition: border-color .2s cubic-bezier(.645, .045, .355, 1); - width: 100% +.el-button-group .el-button--success:last-child { + border-left-color: rgba(255, 255, 255, .5) } -.el-input__inner::-ms-reveal { - display: none +.el-button-group .el-button--success:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, .5); + border-right-color: rgba(255, 255, 255, .5) } -.el-input__inner::-webkit-input-placeholder { - color: #babdc2 +.el-button-group .el-button--warning:first-child { + border-right-color: rgba(255, 255, 255, .5) } -.el-input__inner::-moz-placeholder { - color: #babdc2 +.el-button-group .el-button--warning:last-child { + border-left-color: rgba(255, 255, 255, .5) } -.el-input__inner::-ms-input-placeholder { - color: #babdc2 +.el-button-group .el-button--warning:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, .5); + border-right-color: rgba(255, 255, 255, .5) } -.el-input__inner::placeholder { - color: #babdc2 +.el-button-group .el-button--danger:first-child { + border-right-color: rgba(255, 255, 255, .5) } -.el-input__inner:hover { - border-color: #006AFF +.el-button-group .el-button--danger:last-child { + border-left-color: rgba(255, 255, 255, .5) } -.el-input__inner:focus { - outline: 0; - border-color: #006aff +.el-button-group .el-button--danger:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, .5); + border-right-color: rgba(255, 255, 255, .5) } -.el-input__suffix { - position: absolute; - height: 100%; - right: 5px; - top: 0; - text-align: center; - color: #babdc2; - -webkit-transition: all .3s; - transition: all .3s; - pointer-events: none +.el-button-group .el-button--info:first-child { + border-right-color: rgba(255, 255, 255, .5) } -.el-input__suffix-inner { - pointer-events: all +.el-button-group .el-button--info:last-child { + border-left-color: rgba(255, 255, 255, .5) } -.el-input__prefix { - position: absolute; - height: 100%; - left: 5px; - top: 0; - text-align: center; - color: #babdc2; - -webkit-transition: all .3s; - transition: all .3s +.el-button-group .el-button--info:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, .5); + border-right-color: rgba(255, 255, 255, .5) } -.el-input__icon { - height: 100%; - width: 25px; - text-align: center; - -webkit-transition: all .3s; - transition: all .3s; - line-height: 40px +.el-popper .popper__arrow, +.el-popper .popper__arrow::after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid } -.el-input__icon:after { - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle +.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, .03)) } -.el-input__validateIcon { - pointer-events: none +.el-popper .popper__arrow::after { + content: " "; + border-width: 6px } -.el-input.is-active .el-input__inner { - outline: 0; - border-color: #006aff +.el-popper[x-placement^=top] { + margin-bottom: 12px } -.el-input.is-disabled .el-input__inner { - background-color: #f5f7fa; - border-color: #e4e7ed; - color: #babdc2; - cursor: not-allowed +.el-popper[x-placement^=top] .popper__arrow { + bottom: -6px; + left: 50%; + margin-right: 3px; + border-top-color: #ebeef5; + border-bottom-width: 0 } -.el-input.is-disabled .el-input__inner::-webkit-input-placeholder { - color: #babdc2 +.el-popper[x-placement^=top] .popper__arrow::after { + bottom: 1px; + margin-left: -6px; + border-top-color: #fff; + border-bottom-width: 0 } -.el-input.is-disabled .el-input__inner::-moz-placeholder { - color: #babdc2 +.el-popper[x-placement^=bottom] { + margin-top: 12px } -.el-input.is-disabled .el-input__inner::-ms-input-placeholder { - color: #babdc2 +.el-popper[x-placement^=bottom] .popper__arrow { + top: -6px; + left: 50%; + margin-right: 3px; + border-top-width: 0; + border-bottom-color: #ebeef5 } -.el-input.is-disabled .el-input__inner::placeholder { - color: #babdc2 +.el-popper[x-placement^=bottom] .popper__arrow::after { + top: 1px; + margin-left: -6px; + border-top-width: 0; + border-bottom-color: #fff } -.el-input.is-disabled .el-input__icon { - cursor: not-allowed +.el-popper[x-placement^=right] { + margin-left: 12px } -.el-input.is-exceed .el-input__inner { - border-color: #ff4d4f +.el-popper[x-placement^=right] .popper__arrow { + top: 50%; + left: -6px; + margin-bottom: 3px; + border-right-color: #ebeef5; + border-left-width: 0 } -.el-input.is-exceed .el-input__suffix .el-input__count { - color: #ff4d4f +.el-popper[x-placement^=right] .popper__arrow::after { + bottom: -6px; + left: 1px; + border-right-color: #fff; + border-left-width: 0 } -.el-input--suffix .el-input__inner { - padding-right: 30px +.el-popper[x-placement^=left] { + margin-right: 12px } -.el-input--prefix .el-input__inner { - padding-left: 30px +.el-popper[x-placement^=left] .popper__arrow { + top: 50%; + right: -6px; + margin-bottom: 3px; + border-right-width: 0; + border-left-color: #ebeef5 } -.el-input--medium { +.el-popper[x-placement^=left] .popper__arrow::after { + right: 1px; + bottom: -6px; + margin-left: -6px; + border-right-width: 0; + border-left-color: #fff +} + +.el-dropdown { + display: inline-block; + position: relative; + color: #606266; font-size: 14px } -.el-input--medium .el-input__inner { - height: 36px; - line-height: 36px +.el-dropdown .el-button-group { + display: block } -.el-input--medium .el-input__icon { - line-height: 36px +.el-dropdown .el-button-group .el-button { + float: none } -.el-input--small { - font-size: 13px +.el-dropdown .el-dropdown__caret-button { + padding-left: 5px; + padding-right: 5px; + position: relative; + border-left: none } -.el-input--small .el-input__inner { - height: 32px; - line-height: 32px +.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, .5) } -.el-input--small .el-input__icon { - line-height: 32px +.el-dropdown .el-dropdown__caret-button.el-button--default::before { + background: rgba(223, 226, 230, .5) } -.el-input--mini { - font-size: 12px +.el-dropdown .el-dropdown__caret-button:hover:not(.is-disabled)::before { + top: 0; + bottom: 0 } -.el-input--mini .el-input__inner { - height: 28px; - line-height: 28px +.el-dropdown .el-dropdown__caret-button .el-dropdown__icon { + padding-left: 0 } -.el-input--mini .el-input__icon { - line-height: 28px +.el-dropdown__icon { + font-size: 12px; + margin: 0 3px } -.el-input-group { - line-height: normal; - display: inline-table; - width: 100%; - border-collapse: separate; - border-spacing: 0 +.el-dropdown .el-dropdown-selfdefine:focus:active, +.el-dropdown .el-dropdown-selfdefine:focus:not(.focusing) { + outline-width: 0 } -.el-input-group>.el-input__inner { - vertical-align: middle; - display: table-cell +.el-dropdown [disabled] { + cursor: not-allowed; + color: #bbb } -.el-input-group__append, -.el-input-group__prepend { - background-color: #f5f7fa; - color: #909399; - vertical-align: middle; - display: table-cell; - position: relative; - border: 1px solid #dfe2e6; +.el-dropdown-menu { + position: absolute; + top: 0; + left: 0; + z-index: 10; + padding: 10px 0; + margin: 5px 0; + background-color: #fff; + border: 1px solid #ebeef5; border-radius: 4px; - padding: 0 20px; - width: 1px; - white-space: nowrap + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1) } -.el-input-group__append:focus, -.el-input-group__prepend:focus { +.el-dropdown-menu__item { + list-style: none; + line-height: 36px; + padding: 0 20px; + margin: 0; + font-size: 14px; + color: #606266; + cursor: pointer; outline: 0 } -.el-input-group__append .el-button, -.el-input-group__append .el-select, -.el-input-group__prepend .el-button, -.el-input-group__prepend .el-select { - display: inline-block; - margin: -10px -20px +.el-dropdown-menu__item:focus, +.el-dropdown-menu__item:not(.is-disabled):hover { + background-color: #e6f0ff; + color: #38f } -.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-dropdown-menu__item i { + margin-right: 5px } -.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-dropdown-menu__item--divided { + position: relative; + margin-top: 6px; + border-top: 1px solid #ebeef5 } -.el-input-group__prepend { - border-right: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0 +.el-dropdown-menu__item--divided:before { + content: ''; + height: 6px; + display: block; + margin: 0 -20px; + background-color: #fff } -.el-input-group__append { - border-left: 0; - border-top-left-radius: 0; - border-bottom-left-radius: 0 +.el-dropdown-menu__item.is-disabled { + cursor: default; + color: #bbb; + pointer-events: none } -.el-input-group--prepend .el-input__inner { - border-top-left-radius: 0; - border-bottom-left-radius: 0 +.el-dropdown-menu--medium { + padding: 6px 0 } -.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { - border-color: transparent +.el-dropdown-menu--medium .el-dropdown-menu__item { + line-height: 30px; + padding: 0 17px; + font-size: 14px } -.el-input-group--append .el-input__inner { - border-top-right-radius: 0; - border-bottom-right-radius: 0 +.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided { + margin-top: 6px } -.el-input-group--append .el-select .el-input.is-focus .el-input__inner { - border-color: transparent +.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before { + height: 6px; + margin: 0 -17px } -.el-input__inner::-ms-clear { - display: none; - width: 0; - height: 0 +.el-dropdown-menu--small { + padding: 6px 0 } -.el-textarea { - position: relative; - display: inline-block; - width: 100%; - vertical-align: bottom; - font-size: 14px +.el-dropdown-menu--small .el-dropdown-menu__item { + line-height: 27px; + padding: 0 15px; + font-size: 13px } -.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: #fff; - background-image: none; - border: 1px solid #dfe2e6; - border-radius: 4px; - -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1); - transition: border-color .2s cubic-bezier(.645, .045, .355, 1) +.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided { + margin-top: 4px } -.el-textarea__inner::-webkit-input-placeholder { - color: #babdc2 +.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before { + height: 4px; + margin: 0 -15px } -.el-textarea__inner::-moz-placeholder { - color: #babdc2 +.el-dropdown-menu--mini { + padding: 3px 0 } -.el-textarea__inner::-ms-input-placeholder { - color: #babdc2 +.el-dropdown-menu--mini .el-dropdown-menu__item { + line-height: 24px; + padding: 0 10px; + font-size: 12px } -.el-textarea__inner::placeholder { - color: #babdc2 +.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided { + margin-top: 3px } -.el-textarea__inner:hover { - border-color: #babdc2 +.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before { + height: 3px; + margin: 0 -10px } -.el-textarea__inner:focus { - outline: 0; - border-color: #006aff +.fade-in-linear-enter-active, +.fade-in-linear-leave-active { + -webkit-transition: opacity .2s linear; + transition: opacity .2s linear } -.el-textarea .el-input__count { - color: #909399; - background: #fff; - position: absolute; - font-size: 12px; - bottom: 5px; - right: 10px +.fade-in-linear-enter, +.fade-in-linear-leave, +.fade-in-linear-leave-active { + opacity: 0 } -.el-textarea.is-disabled .el-textarea__inner { - background-color: #f5f7fa; - border-color: #e4e7ed; - color: #babdc2; - cursor: not-allowed +.el-fade-in-linear-enter-active, +.el-fade-in-linear-leave-active { + -webkit-transition: opacity .2s linear; + transition: opacity .2s linear } -.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: #babdc2 +.el-fade-in-linear-enter, +.el-fade-in-linear-leave, +.el-fade-in-linear-leave-active { + opacity: 0 } -.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { - color: #babdc2 +.el-fade-in-enter-active, +.el-fade-in-leave-active { + -webkit-transition: all .3s cubic-bezier(.55, 0, .1, 1); + transition: all .3s cubic-bezier(.55, 0, .1, 1) } -.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder { - color: #babdc2 +.el-fade-in-enter, +.el-fade-in-leave-active { + opacity: 0 } -.el-textarea.is-disabled .el-textarea__inner::placeholder { - color: #babdc2 +.el-zoom-in-center-enter-active, +.el-zoom-in-center-leave-active { + -webkit-transition: all .3s cubic-bezier(.55, 0, .1, 1); + transition: all .3s cubic-bezier(.55, 0, .1, 1) } -.el-textarea.is-exceed .el-textarea__inner { - border-color: #ff4d4f +.el-zoom-in-center-enter, +.el-zoom-in-center-leave-active { + opacity: 0; + -webkit-transform: scaleX(0); + transform: scaleX(0) } -.el-textarea.is-exceed .el-input__count { - color: #ff4d4f +.el-zoom-in-top-enter-active, +.el-zoom-in-top-leave-active { + opacity: 1; + -webkit-transform: scaleY(1); + transform: scaleY(1); + -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1); + transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1); + transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1); + transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1); + -webkit-transform-origin: center top; + transform-origin: center top } -.el-input { - position: relative; - font-size: 14px; - display: inline-block; - width: 100% +.el-zoom-in-top-enter, +.el-zoom-in-top-leave-active { + opacity: 0; + -webkit-transform: scaleY(0); + transform: scaleY(0) } -.el-input::-webkit-scrollbar { - z-index: 11; - width: 6px +.el-zoom-in-bottom-enter-active, +.el-zoom-in-bottom-leave-active { + opacity: 1; + -webkit-transform: scaleY(1); + transform: scaleY(1); + -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1); + transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1); + transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1); + transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1); + -webkit-transform-origin: center bottom; + transform-origin: center bottom } -.el-input::-webkit-scrollbar:horizontal { - height: 6px +.el-zoom-in-bottom-enter, +.el-zoom-in-bottom-leave-active { + opacity: 0; + -webkit-transform: scaleY(0); + transform: scaleY(0) } -.el-input::-webkit-scrollbar-thumb { - border-radius: 5px; - width: 6px; - background: #b4bccc +.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 .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1); + transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1); + transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1); + transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1); + -webkit-transform-origin: top left; + transform-origin: top left } -.el-input::-webkit-scrollbar-corner { - background: #fff +.el-zoom-in-left-enter, +.el-zoom-in-left-leave-active { + opacity: 0; + -webkit-transform: scale(.45, .45); + transform: scale(.45, .45) } -.el-input::-webkit-scrollbar-track { - background: #fff +.collapse-transition { + -webkit-transition: .3s height ease-in-out, .3s padding-top ease-in-out, .3s padding-bottom ease-in-out; + transition: .3s height ease-in-out, .3s padding-top ease-in-out, .3s padding-bottom ease-in-out } -.el-input::-webkit-scrollbar-track-piece { - background: #fff; - width: 6px +.horizontal-collapse-transition { + -webkit-transition: .3s width ease-in-out, .3s padding-left ease-in-out, .3s padding-right ease-in-out; + transition: .3s width ease-in-out, .3s padding-left ease-in-out, .3s padding-right ease-in-out } -.el-input .el-input__clear { - color: #babdc2; - font-size: 14px; - cursor: pointer; - -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1); - transition: color .2s cubic-bezier(.645, .045, .355, 1) +.el-list-enter-active, +.el-list-leave-active { + -webkit-transition: all 1s; + transition: all 1s } -.el-input .el-input__clear:hover { - color: #1e2226 +.el-list-enter, +.el-list-leave-active { + opacity: 0; + -webkit-transform: translateY(-30px); + transform: translateY(-30px) } -.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-opacity-transition { + -webkit-transition: opacity .3s cubic-bezier(.55, 0, .1, 1); + transition: opacity .3s cubic-bezier(.55, 0, .1, 1) } -.el-input .el-input__count .el-input__count-inner { - background: #fff; - line-height: initial; - display: inline-block; - padding: 0 5px +.el-menu { + border-right: solid 1px #e6e6e6; + list-style: none; + position: relative; + margin: 0; + padding-left: 0; + background-color: #fff } -.el-input__inner { - -webkit-appearance: none; - background-color: #fff; - background-image: none; - border-radius: 4px; - border: 1px solid #dfe2e6; - -webkit-box-sizing: border-box; - box-sizing: border-box; - color: #606266; - display: inline-block; - font-size: inherit; - height: 40px; - line-height: 40px; - outline: 0; - padding: 0 15px; - -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1); - transition: border-color .2s cubic-bezier(.645, .045, .355, 1); - width: 100% +.el-menu::after, +.el-menu::before { + display: table; + content: "" } -.el-input__inner::-ms-reveal { - display: none +.el-menu::after { + clear: both } -.el-input__inner::-webkit-input-placeholder { - color: #babdc2 +.el-menu.el-menu--horizontal { + border-bottom: solid 1px #e6e6e6 } -.el-input__inner::-moz-placeholder { - color: #babdc2 +.el-menu--horizontal { + border-right: none } -.el-input__inner::-ms-input-placeholder { - color: #babdc2 +.el-menu--horizontal>.el-menu-item { + float: left; + height: 60px; + line-height: 60px; + margin: 0; + border-bottom: 2px solid transparent; + color: #1e2226 } -.el-input__inner::placeholder { - color: #babdc2 +.el-menu--horizontal>.el-menu-item a, +.el-menu--horizontal>.el-menu-item a:hover { + color: inherit } -.el-input__inner:hover { - border-color: #006AFF; +.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus, +.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover { + background-color: #fff } -.el-input__inner:focus { - outline: 0; - border-color: #006aff +.el-menu--horizontal>.el-submenu { + float: left } -.el-input__suffix { - position: absolute; - height: 100%; - right: 5px; - top: 0; - text-align: center; - color: #babdc2; - -webkit-transition: all .3s; - transition: all .3s; - pointer-events: none +.el-menu--horizontal>.el-submenu:focus, +.el-menu--horizontal>.el-submenu:hover { + outline: 0 } -.el-input__suffix-inner { - pointer-events: all +.el-menu--horizontal>.el-submenu:focus .el-submenu__title, +.el-menu--horizontal>.el-submenu:hover .el-submenu__title { + color: #1e2226 } -.el-input__prefix { - position: absolute; - height: 100%; - left: 5px; - top: 0; - text-align: center; - color: #babdc2; - -webkit-transition: all .3s; - transition: all .3s +.el-menu--horizontal>.el-submenu.is-active .el-submenu__title { + border-bottom: 2px solid #006aff; + color: #1e2226 } -.el-input__icon { - height: 100%; - width: 25px; - text-align: center; - -webkit-transition: all .3s; - transition: all .3s; - line-height: 40px +.el-menu--horizontal>.el-submenu .el-submenu__title { + height: 60px; + line-height: 60px; + border-bottom: 2px solid transparent; + color: #1e2226 } -.el-input__icon:after { - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle +.el-menu--horizontal>.el-submenu .el-submenu__title:hover { + background-color: #fff } -.el-input__validateIcon { - pointer-events: none +.el-menu--horizontal>.el-submenu .el-submenu__icon-arrow { + position: static; + vertical-align: middle; + margin-left: 8px; + margin-top: -3px } -.el-input.is-active .el-input__inner { +.el-menu--horizontal .el-menu .el-menu-item, +.el-menu--horizontal .el-menu .el-submenu__title { + background-color: #fff; + float: none; + height: 36px; + line-height: 36px; + padding: 0 10px; + color: #1e2226 +} + +.el-menu--horizontal .el-menu .el-menu-item.is-active, +.el-menu--horizontal .el-menu .el-submenu.is-active>.el-submenu__title { + color: #1e2226 +} + +.el-menu--horizontal .el-menu-item:not(.is-disabled):focus, +.el-menu--horizontal .el-menu-item:not(.is-disabled):hover { outline: 0; - border-color: #006aff + color: #1e2226 } -.el-input.is-disabled .el-input__inner { - background-color: #f5f7fa; - border-color: #e4e7ed; - color: #babdc2; - cursor: not-allowed +.el-menu--horizontal>.el-menu-item.is-active { + border-bottom: 2px solid #006aff; + color: #1e2226 } -.el-input.is-disabled .el-input__inner::-webkit-input-placeholder { - color: #babdc2 +.el-menu--collapse { + width: 64px } -.el-input.is-disabled .el-input__inner::-moz-placeholder { - color: #babdc2 +.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-input.is-disabled .el-input__inner::-ms-input-placeholder { - color: #babdc2 +.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-input.is-disabled .el-input__inner::placeholder { - color: #babdc2 +.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-input.is-disabled .el-input__icon { - cursor: not-allowed +.el-menu--collapse>.el-menu-item.is-active i { + color: inherit } -.el-input.is-exceed .el-input__inner { - border-color: #ff4d4f +.el-menu--collapse .el-menu .el-submenu { + min-width: 200px } -.el-input.is-exceed .el-input__suffix .el-input__count { - color: #ff4d4f +.el-menu--collapse .el-submenu { + position: relative } -.el-input--suffix .el-input__inner { - padding-right: 30px +.el-menu--collapse .el-submenu .el-menu { + position: absolute; + margin-left: 5px; + top: 0; + left: 100%; + z-index: 10; + border: 1px solid #e4e7ed; + border-radius: 2px; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1) } -.el-input--prefix .el-input__inner { - padding-left: 30px +.el-menu--collapse .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow { + -webkit-transform: none; + transform: none } -.el-input--medium { - font-size: 14px +.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, .1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1) } -.el-input--medium .el-input__inner { - height: 36px; - line-height: 36px +.el-menu--popup-bottom-start { + margin-top: 5px } -.el-input--medium .el-input__icon { - line-height: 36px +.el-menu--popup-right-start { + margin-left: 5px; + margin-right: 5px } -.el-input--small { - font-size: 13px +.el-menu-item { + height: 56px; + line-height: 56px; + font-size: 14px; + display: flex; + align-items: center; + color: #1e2226; + padding: 0 20px; + list-style: none; + cursor: pointer; + position: relative; + -webkit-transition: border-color .3s, background-color .3s, color .3s; + transition: border-color .3s, background-color .3s, color .3s; + -webkit-box-sizing: border-box; + box-sizing: border-box; + white-space: nowrap } -.el-input--small .el-input__inner { - height: 32px; - line-height: 32px +.el-menu-item * { + vertical-align: middle } -.el-input--small .el-input__icon { - line-height: 32px +.el-menu-item i { + color: #1e2226 } -.el-input--mini { - font-size: 12px +.el-menu-item:focus, +.el-menu-item:hover { + outline: 0; + background-color: #e6f0ff } -.el-input--mini .el-input__inner { - height: 28px; - line-height: 28px +.el-menu-item.is-disabled { + opacity: .25; + cursor: not-allowed; + background: 0 0 !important } -.el-input--mini .el-input__icon { - line-height: 28px +.el-menu-item [class^=el-icon-] { + margin-right: 5px; + width: 24px; + text-align: center; + font-size: 18px; + vertical-align: middle } -.el-input-group { - line-height: normal; - display: inline-table; - width: 100%; - border-collapse: separate; - border-spacing: 0 +.el-menu-item.is-active { + color: #006aff +} + +.el-menu-item.is-active i { + color: inherit } -.el-input-group>.el-input__inner { - vertical-align: middle; - display: table-cell +.el-submenu { + list-style: none; + margin: 0; + padding-left: 0 } -.el-input-group__append, -.el-input-group__prepend { - background-color: #f5f7fa; - color: #909399; - vertical-align: middle; - display: table-cell; - position: relative; - border: 1px solid #dfe2e6; - border-radius: 4px; +.el-submenu__title { + height: 56px; + line-height: 56px; + font-size: 14px; + color: #1e2226; padding: 0 20px; - width: 1px; + list-style: none; + cursor: pointer; + position: relative; + -webkit-transition: border-color .3s, background-color .3s, color .3s; + transition: border-color .3s, background-color .3s, color .3s; + -webkit-box-sizing: border-box; + box-sizing: border-box; white-space: nowrap } -.el-input-group__append:focus, -.el-input-group__prepend:focus { - outline: 0 +.el-submenu__title * { + vertical-align: middle } -.el-input-group__append .el-button, -.el-input-group__append .el-select, -.el-input-group__prepend .el-button, -.el-input-group__prepend .el-select { - display: inline-block; - margin: -10px -20px +.el-submenu__title i { + color: #1e2226 } -.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-submenu__title:focus, +.el-submenu__title:hover { + outline: 0; + background-color: #e6f0ff } -.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-submenu__title.is-disabled { + opacity: .25; + cursor: not-allowed; + background: 0 0 !important } -.el-input-group__prepend { - border-right: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0 +.el-submenu__title:hover { + background-color: #e6f0ff } -.el-input-group__append { - border-left: 0; - border-top-left-radius: 0; - border-bottom-left-radius: 0 +.el-submenu .el-menu { + border: none } -.el-input-group--prepend .el-input__inner { - border-top-left-radius: 0; - border-bottom-left-radius: 0 +.el-submenu .el-menu-item { + height: 50px; + line-height: 50px; + padding: 0 45px; + min-width: 200px } -.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { - border-color: transparent +.el-submenu__icon-arrow { + position: absolute; + top: 50%; + right: 20px; + margin-top: -7px; + -webkit-transition: -webkit-transform .3s; + transition: -webkit-transform .3s; + transition: transform .3s; + transition: transform .3s, -webkit-transform .3s; + font-size: 12px } -.el-input-group--append .el-input__inner { - border-top-right-radius: 0; - border-bottom-right-radius: 0 +.el-submenu.is-active .el-submenu__title { + border-bottom-color: #006aff } -.el-input-group--append .el-select .el-input.is-focus .el-input__inner { - border-color: transparent +.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow { + -webkit-transform: rotateZ(180deg); + transform: rotateZ(180deg) } -.el-input__inner::-ms-clear { - display: none; - width: 0; - height: 0 +.el-submenu.is-disabled .el-menu-item, +.el-submenu.is-disabled .el-submenu__title { + opacity: .25; + cursor: not-allowed; + background: 0 0 !important } -.el-input-number { - position: relative; - display: inline-block; - width: 180px; - line-height: 38px +.el-submenu [class^=el-icon-] { + vertical-align: middle; + margin-right: 5px; + width: 24px; + text-align: center; + font-size: 18px } -.el-input-number .el-input { - display: block +.el-menu-item-group>ul { + padding: 0 } -.el-input-number .el-input__inner { - -webkit-appearance: none; - padding-left: 50px; - padding-right: 50px; - text-align: center +.el-menu-item-group__title { + padding: 7px 0 7px 20px; + line-height: normal; + font-size: 12px; + color: #1e2226 } -.el-input-number__decrease, -.el-input-number__increase { - position: absolute; - z-index: 1; - top: 1px; - width: 40px; - height: auto; - text-align: center; - background: #f5f7fa; - color: #606266; - cursor: pointer; - font-size: 13px +.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow { + -webkit-transition: .2s; + transition: .2s; + opacity: 0 } -.el-input-number__decrease:hover, -.el-input-number__increase:hover { - color: #006aff +.el-textarea { + position: relative; + display: inline-block; + width: 100%; + vertical-align: bottom; + font-size: 14px } -.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled), -.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled) { - border-color: #006aff +.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: #fff; + background-image: none; + border: 1px solid #dfe2e6; + border-radius: 4px; + -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1); + transition: border-color .2s cubic-bezier(.645, .045, .355, 1) } -.el-input-number__decrease.is-disabled, -.el-input-number__increase.is-disabled { - color: #babdc2; - cursor: not-allowed +.el-textarea__inner::-webkit-input-placeholder { + color: #babdc2 } -.el-input-number__increase { - right: 1px; - border-radius: 0 4px 4px 0; - border-left: 1px solid #dfe2e6 +.el-textarea__inner::-moz-placeholder { + color: #babdc2 } -.el-input-number__decrease { - left: 1px; - border-radius: 4px 0 0 4px; - border-right: 1px solid #dfe2e6 +.el-textarea__inner::-ms-input-placeholder { + color: #babdc2 } -.el-input-number.is-disabled .el-input-number__decrease, -.el-input-number.is-disabled .el-input-number__increase { - border-color: #e4e7ed; - color: #e4e7ed +.el-textarea__inner::placeholder { + color: #babdc2 } -.el-input-number.is-disabled .el-input-number__decrease:hover, -.el-input-number.is-disabled .el-input-number__increase:hover { - color: #e4e7ed; - cursor: not-allowed +.el-textarea__inner:hover { + border-color: #babdc2 } -.el-input-number--medium { - width: 200px; - line-height: 34px +.el-textarea__inner:focus { + outline: 0; + border-color: #006aff } -.el-input-number--medium .el-input-number__decrease, -.el-input-number--medium .el-input-number__increase { - width: 36px; - font-size: 14px +.el-textarea .el-input__count { + color: #909399; + background: #fff; + position: absolute; + font-size: 12px; + bottom: 5px; + right: 10px } -.el-input-number--medium .el-input__inner { - padding-left: 43px; - padding-right: 43px +.el-textarea.is-disabled .el-textarea__inner { + background-color: #f5f7fa; + border-color: #e4e7ed; + color: #babdc2; + cursor: not-allowed } -.el-input-number--small { - width: 130px; - line-height: 30px +.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { + color: #babdc2 } -.el-input-number--small .el-input-number__decrease, -.el-input-number--small .el-input-number__increase { - width: 32px; - font-size: 13px +.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { + color: #babdc2 +} + +.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder { + color: #babdc2 } -.el-input-number--small .el-input-number__decrease [class*=el-icon], -.el-input-number--small .el-input-number__increase [class*=el-icon] { - -webkit-transform: scale(.9); - transform: scale(.9) +.el-textarea.is-disabled .el-textarea__inner::placeholder { + color: #babdc2 } -.el-input-number--small .el-input__inner { - padding-left: 39px; - padding-right: 39px +.el-textarea.is-exceed .el-textarea__inner { + border-color: #ff4d4f } -.el-input-number--mini { - width: 130px; - line-height: 26px +.el-textarea.is-exceed .el-input__count { + color: #ff4d4f } -.el-input-number--mini .el-input-number__decrease, -.el-input-number--mini .el-input-number__increase { - width: 28px; - font-size: 12px +.el-input { + position: relative; + font-size: 14px; + display: inline-block; + width: 100% } -.el-input-number--mini .el-input-number__decrease [class*=el-icon], -.el-input-number--mini .el-input-number__increase [class*=el-icon] { - -webkit-transform: scale(.8); - transform: scale(.8) +.el-input::-webkit-scrollbar { + z-index: 11; + width: 6px } -.el-input-number--mini .el-input__inner { - padding-left: 35px; - padding-right: 35px +.el-input::-webkit-scrollbar:horizontal { + height: 6px } -.el-input-number.is-without-controls .el-input__inner { - padding-left: 15px; - padding-right: 15px +.el-input::-webkit-scrollbar-thumb { + border-radius: 5px; + width: 6px; + background: #b4bccc } -.el-input-number.is-controls-right .el-input__inner { - padding-left: 15px; - padding-right: 50px +.el-input::-webkit-scrollbar-corner { + background: #fff } -.el-input-number.is-controls-right .el-input-number__decrease, -.el-input-number.is-controls-right .el-input-number__increase { - height: auto; - line-height: 19px +.el-input::-webkit-scrollbar-track { + background: #fff } -.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon], -.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon] { - -webkit-transform: scale(.8); - transform: scale(.8) +.el-input::-webkit-scrollbar-track-piece { + background: #fff; + width: 6px } -.el-input-number.is-controls-right .el-input-number__increase { - border-radius: 0 4px 0 0; - border-bottom: 1px solid #dfe2e6 +.el-input .el-input__clear { + color: #babdc2; + font-size: 14px; + cursor: pointer; + -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1); + transition: color .2s cubic-bezier(.645, .045, .355, 1) } -.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 #dfe2e6; - border-radius: 0 0 4px 0 +.el-input .el-input__clear:hover { + color: #1e2226 } -.el-input-number.is-controls-right[class*=medium] [class*=decrease], -.el-input-number.is-controls-right[class*=medium] [class*=increase] { - line-height: 17px +.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-number.is-controls-right[class*=small] [class*=decrease], -.el-input-number.is-controls-right[class*=small] [class*=increase] { - line-height: 15px +.el-input .el-input__count .el-input__count-inner { + background: #fff; + line-height: initial; + display: inline-block; + padding: 0 5px } -.el-input-number.is-controls-right[class*=mini] [class*=decrease], -.el-input-number.is-controls-right[class*=mini] [class*=increase] { - line-height: 13px -} -.el-radio { - color: #606266; - font-weight: 500; - line-height: 1; +.el-textarea { position: relative; - cursor: pointer; display: inline-block; - white-space: nowrap; - outline: 0; - font-size: 14px; - margin-right: 30px; - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none + width: 100%; + vertical-align: bottom; + font-size: 14px } -.el-radio.is-bordered { - padding: 12px 20px 0 10px; - border-radius: 4px; - border: 1px solid #dfe2e6; +.el-textarea__inner { + display: block; + resize: vertical; + padding: 5px 15px; + line-height: 1.5; -webkit-box-sizing: border-box; box-sizing: border-box; - height: 40px + width: 100%; + font-size: inherit; + color: #606266; + background-color: #fff; + background-image: none; + border: 1px solid #dfe2e6; + border-radius: 4px; + -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1); + transition: border-color .2s cubic-bezier(.645, .045, .355, 1) } -.el-radio.is-bordered.is-checked { - border-color: #006aff +.el-textarea__inner::-webkit-input-placeholder { + color: #babdc2 } -.el-radio.is-bordered.is-disabled { - cursor: not-allowed; - border-color: #ebeef5 +.el-textarea__inner::-moz-placeholder { + color: #babdc2 } -.el-radio.is-bordered+.el-radio.is-bordered { - margin-left: 10px +.el-textarea__inner::-ms-input-placeholder { + color: #babdc2 } -.el-radio--medium.is-bordered { - padding: 10px 20px 0 10px; - border-radius: 4px; - height: 36px +.el-textarea__inner::placeholder { + color: #babdc2 } -.el-radio--medium.is-bordered .el-radio__label { - font-size: 14px +.el-textarea__inner:hover { + border-color: #babdc2 } -.el-radio--medium.is-bordered .el-radio__inner { - height: 14px; - width: 14px +.el-textarea__inner:focus { + outline: 0; + border-color: #006aff } -.el-radio--small.is-bordered { - padding: 8px 15px 0 10px; - border-radius: 3px; - height: 32px +.el-textarea .el-input__count { + color: #909399; + background: #fff; + position: absolute; + font-size: 12px; + bottom: 5px; + right: 10px } -.el-radio--small.is-bordered .el-radio__label { - font-size: 12px +.el-textarea.is-disabled .el-textarea__inner { + background-color: #f5f7fa; + border-color: #e4e7ed; + color: #babdc2; + cursor: not-allowed } -.el-radio--small.is-bordered .el-radio__inner { - height: 12px; - width: 12px +.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { + color: #babdc2 } -.el-radio--mini.is-bordered { - padding: 6px 15px 0 10px; - border-radius: 3px; - height: 28px +.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { + color: #babdc2 } -.el-radio--mini.is-bordered .el-radio__label { - font-size: 12px +.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder { + color: #babdc2 } -.el-radio--mini.is-bordered .el-radio__inner { - height: 12px; - width: 12px +.el-textarea.is-disabled .el-textarea__inner::placeholder { + color: #babdc2 } -.el-radio:last-child { - margin-right: 0 +.el-textarea.is-exceed .el-textarea__inner { + border-color: #ff4d4f } -.el-radio__input { - white-space: nowrap; - cursor: pointer; - outline: 0; - display: inline-block; - line-height: 1; +.el-textarea.is-exceed .el-input__count { + color: #ff4d4f +} + +.el-input { position: relative; - vertical-align: middle + font-size: 14px; + display: inline-block; + width: 100% } -.el-radio__input.is-disabled .el-radio__inner { - background-color: #f5f7fa; - border-color: #e4e7ed; - cursor: not-allowed +.el-input::-webkit-scrollbar { + z-index: 11; + width: 6px } -.el-radio__input.is-disabled .el-radio__inner::after { - cursor: not-allowed; - background-color: #f5f7fa +.el-input::-webkit-scrollbar:horizontal { + height: 6px } -.el-radio__input.is-disabled .el-radio__inner+.el-radio__label { - cursor: not-allowed +.el-input::-webkit-scrollbar-thumb { + border-radius: 5px; + width: 6px; + background: #b4bccc } -.el-radio__input.is-disabled.is-checked .el-radio__inner { - background-color: #f5f7fa; - border-color: #e4e7ed +.el-input::-webkit-scrollbar-corner { + background: #fff } -.el-radio__input.is-disabled.is-checked .el-radio__inner::after { - background-color: #babdc2 +.el-input::-webkit-scrollbar-track { + background: #fff +} + +.el-input::-webkit-scrollbar-track-piece { + background: #fff; + width: 6px } -.el-radio__input.is-disabled+span.el-radio__label { +.el-input .el-input__clear { color: #babdc2; - cursor: not-allowed + font-size: 14px; + cursor: pointer; + -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1); + transition: color .2s cubic-bezier(.645, .045, .355, 1) } -.el-radio__input.is-checked .el-radio__inner { - border-color: #006aff; - background: #006aff +.el-input .el-input__clear:hover { + color: #1e2226 } -.el-radio__input.is-checked .el-radio__inner::after { - -webkit-transform: translate(-50%, -50%) scale(1); - transform: translate(-50%, -50%) scale(1) +.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-radio__input.is-checked+.el-radio__label { - color: #006aff +.el-input .el-input__count .el-input__count-inner { + background: #fff; + line-height: initial; + display: inline-block; + padding: 0 5px } -.el-radio__input.is-focus .el-radio__inner { - border-color: #006aff + +.el-input-number .el-input__inner { + -webkit-appearance: none; + padding-left: 50px; + padding-right: 50px; + text-align: center } -.el-radio__inner { - border: 1px solid #dfe2e6; - border-radius: 100%; - width: 14px; - height: 14px; - background-color: #fff; - position: relative; +.el-input-number__decrease, +.el-input-number__increase { + position: absolute; + z-index: 1; + top: 1px; + width: 40px; + height: auto; + text-align: center; + background: #f5f7fa; + color: #606266; cursor: pointer; - display: inline-block; - -webkit-box-sizing: border-box; - box-sizing: border-box + font-size: 13px } -.el-radio__inner:hover { - border-color: #006aff +.el-input-number__decrease:hover, +.el-input-number__increase:hover { + color: #006aff } -.el-radio__inner::after { - width: 4px; - height: 4px; - border-radius: 100%; - background-color: #fff; - content: ""; - position: absolute; - left: 50%; - top: 50%; - -webkit-transform: translate(-50%, -50%) scale(0); - transform: translate(-50%, -50%) scale(0); - -webkit-transition: -webkit-transform .15s ease-in; - transition: -webkit-transform .15s ease-in; - transition: transform .15s ease-in; - transition: transform .15s ease-in, -webkit-transform .15s ease-in +.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled), +.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled) { + border-color: #006aff } -.el-radio__original { - opacity: 0; - outline: 0; - position: absolute; - z-index: -1; - top: 0; - left: 0; - right: 0; - bottom: 0; - margin: 0 +.el-input-number__decrease.is-disabled, +.el-input-number__increase.is-disabled { + color: #babdc2; + cursor: not-allowed } -.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner { - -webkit-box-shadow: 0 0 2px 2px #006aff; - box-shadow: 0 0 2px 2px #006aff +.el-input-number__increase { + right: 1px; + border-radius: 0 4px 4px 0; + border-left: 1px solid #dfe2e6 } -.el-radio__label { - font-size: 14px; - padding-left: 10px +.el-input-number__decrease { + left: 1px; + border-radius: 4px 0 0 4px; + border-right: 1px solid #dfe2e6 } -.el-radio-group { - display: inline-block; - line-height: 1; - vertical-align: middle; - font-size: 0 +.el-input-number.is-disabled .el-input-number__decrease, +.el-input-number.is-disabled .el-input-number__increase { + border-color: #e4e7ed; + color: #e4e7ed } -.el-radio-button { - position: relative; - display: inline-block; - outline: 0 +.el-input-number.is-disabled .el-input-number__decrease:hover, +.el-input-number.is-disabled .el-input-number__increase:hover { + color: #e4e7ed; + cursor: not-allowed } -.el-radio-button__inner { - display: inline-block; - line-height: 1; - white-space: nowrap; - vertical-align: middle; - background: #fff; - border: 1px solid #dfe2e6; - font-weight: 500; - border-left: 0; - color: #606266; - -webkit-appearance: none; - text-align: center; - -webkit-box-sizing: border-box; - box-sizing: border-box; - outline: 0; - margin: 0; - position: relative; - cursor: pointer; - -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1); - transition: all .3s cubic-bezier(.645, .045, .355, 1); - padding: 12px 20px; - font-size: 14px; - border-radius: 0 +.el-input-number--medium { + width: 200px; + line-height: 34px } -.el-radio-button__inner.is-round { - padding: 12px 20px +.el-input-number--medium .el-input-number__decrease, +.el-input-number--medium .el-input-number__increase { + width: 36px; + font-size: 14px } -.el-radio-button__inner:hover { - color: #006aff +.el-input-number--medium .el-input__inner { + padding-left: 43px; + padding-right: 43px } -.el-radio-button__inner [class*=el-icon-] { - line-height: .9 +.el-input-number--small { + width: 130px; + line-height: 30px } -.el-radio-button__inner [class*=el-icon-]+span { - margin-left: 5px +.el-input-number--small .el-input-number__decrease, +.el-input-number--small .el-input-number__increase { + width: 32px; + font-size: 13px } -.el-radio-button:first-child .el-radio-button__inner { - border-left: 1px solid #dfe2e6; - border-radius: 4px 0 0 4px; - -webkit-box-shadow: none !important; - box-shadow: none !important +.el-input-number--small .el-input-number__decrease [class*=el-icon], +.el-input-number--small .el-input-number__increase [class*=el-icon] { + -webkit-transform: scale(.9); + transform: scale(.9) } -.el-radio-button__orig-radio { - opacity: 0; - outline: 0; - position: absolute; - z-index: -1 +.el-input-number--small .el-input__inner { + padding-left: 39px; + padding-right: 39px } -.el-radio-button__orig-radio:checked+.el-radio-button__inner { - color: #fff; - background-color: #006aff; - border-color: #006aff; - -webkit-box-shadow: -1px 0 0 0 #006aff; - box-shadow: -1px 0 0 0 #006aff +.el-input-number--mini { + width: 130px; + line-height: 26px } -.el-radio-button__orig-radio:disabled+.el-radio-button__inner { - color: #babdc2; - cursor: not-allowed; - background-image: none; - background-color: #fff; - border-color: #ebeef5; - -webkit-box-shadow: none; - box-shadow: none +.el-input-number--mini .el-input-number__decrease, +.el-input-number--mini .el-input-number__increase { + width: 28px; + font-size: 12px } -.el-radio-button__orig-radio:disabled:checked+.el-radio-button__inner { - background-color: #f2f6fc +.el-input-number--mini .el-input-number__decrease [class*=el-icon], +.el-input-number--mini .el-input-number__increase [class*=el-icon] { + -webkit-transform: scale(.8); + transform: scale(.8) } -.el-radio-button:last-child .el-radio-button__inner { - border-radius: 0 4px 4px 0 +.el-input-number--mini .el-input__inner { + padding-left: 35px; + padding-right: 35px } -.el-radio-button:first-child:last-child .el-radio-button__inner { - border-radius: 4px +.el-input-number.is-without-controls .el-input__inner { + padding-left: 15px; + padding-right: 15px } -.el-radio-button--medium .el-radio-button__inner { - padding: 10px 20px; - font-size: 14px; - border-radius: 0 +.el-input-number.is-controls-right .el-input__inner { + padding-left: 15px; + padding-right: 50px } -.el-radio-button--medium .el-radio-button__inner.is-round { - padding: 10px 20px +.el-input-number.is-controls-right .el-input-number__decrease, +.el-input-number.is-controls-right .el-input-number__increase { + height: auto; + line-height: 19px } -.el-radio-button--small .el-radio-button__inner { - padding: 9px 15px; - font-size: 12px; - border-radius: 0 +.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon], +.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon] { + -webkit-transform: scale(.8); + transform: scale(.8) } -.el-radio-button--small .el-radio-button__inner.is-round { - padding: 9px 15px +.el-input-number.is-controls-right .el-input-number__increase { + border-radius: 0 4px 0 0; + border-bottom: 1px solid #dfe2e6 } -.el-radio-button--mini .el-radio-button__inner { - padding: 7px 15px; - font-size: 12px; - border-radius: 0 +.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 #dfe2e6; + border-radius: 0 0 4px 0 } -.el-radio-button--mini .el-radio-button__inner.is-round { - padding: 7px 15px +.el-input-number.is-controls-right[class*=medium] [class*=decrease], +.el-input-number.is-controls-right[class*=medium] [class*=increase] { + line-height: 17px } -.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) { - -webkit-box-shadow: 0 0 2px 2px #006aff; - box-shadow: 0 0 2px 2px #006aff +.el-input-number.is-controls-right[class*=small] [class*=decrease], +.el-input-number.is-controls-right[class*=small] [class*=increase] { + line-height: 15px } -.el-checkbox { +.el-input-number.is-controls-right[class*=mini] [class*=decrease], +.el-input-number.is-controls-right[class*=mini] [class*=increase] { + line-height: 13px +} + +.el-radio { color: #606266; font-weight: 500; - font-size: 14px; + line-height: 1; position: relative; cursor: pointer; display: inline-block; white-space: nowrap; - -webkit-user-select: none; + outline: 0; + font-size: 14px; + margin-right: 30px; -moz-user-select: none; - -ms-user-select: none; - user-select: none; - margin-right: 30px + -webkit-user-select: none; + -ms-user-select: none } -.el-checkbox.is-bordered { - padding: 9px 20px 9px 10px; +.el-radio.is-bordered { + padding: 12px 20px 0 10px; border-radius: 4px; border: 1px solid #dfe2e6; -webkit-box-sizing: border-box; box-sizing: border-box; - line-height: normal; height: 40px } -.el-checkbox.is-bordered.is-checked { +.el-radio.is-bordered.is-checked { border-color: #006aff } -.el-checkbox.is-bordered.is-disabled { - border-color: #ebeef5; - cursor: not-allowed +.el-radio.is-bordered.is-disabled { + cursor: not-allowed; + border-color: #ebeef5 } -.el-checkbox.is-bordered+.el-checkbox.is-bordered { +.el-radio.is-bordered+.el-radio.is-bordered { margin-left: 10px } -.el-checkbox.is-bordered.el-checkbox--medium { - padding: 7px 20px 7px 10px; +.el-radio--medium.is-bordered { + padding: 10px 20px 0 10px; border-radius: 4px; height: 36px } -.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label { - line-height: 17px; +.el-radio--medium.is-bordered .el-radio__label { font-size: 14px } -.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner { +.el-radio--medium.is-bordered .el-radio__inner { height: 14px; width: 14px } -.el-checkbox.is-bordered.el-checkbox--small { - padding: 5px 15px 5px 10px; +.el-radio--small.is-bordered { + padding: 8px 15px 0 10px; border-radius: 3px; height: 32px } -.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label { - line-height: 15px; +.el-radio--small.is-bordered .el-radio__label { font-size: 12px } -.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner { +.el-radio--small.is-bordered .el-radio__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; +.el-radio--mini.is-bordered { + padding: 6px 15px 0 10px; border-radius: 3px; height: 28px } -.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label { - line-height: 12px; +.el-radio--mini.is-bordered .el-radio__label { font-size: 12px } -.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner { +.el-radio--mini.is-bordered .el-radio__inner { height: 12px; width: 12px } -.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after { - height: 6px; - width: 2px +.el-radio:last-child { + margin-right: 0 } -.el-checkbox__input { +.el-radio__input { white-space: nowrap; cursor: pointer; outline: 0; @@ -6679,161 +5209,130 @@ border-color:#006AFF !important; vertical-align: middle } -.el-checkbox__input.is-disabled .el-checkbox__inner { - background-color: #edf2fc; - border-color: #dfe2e6; +.el-radio__input.is-disabled .el-radio__inner { + background-color: #f5f7fa; + border-color: #e4e7ed; cursor: not-allowed } -.el-checkbox__input.is-disabled .el-checkbox__inner::after { +.el-radio__input.is-disabled .el-radio__inner::after { cursor: not-allowed; - border-color: #babdc2 + background-color: #f5f7fa } -.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label { +.el-radio__input.is-disabled .el-radio__inner+.el-radio__label { cursor: not-allowed } -.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner { - background-color: #f2f6fc; - border-color: #dfe2e6 -} - -.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after { - border-color: #babdc2 -} - -.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner { - background-color: #f2f6fc; - border-color: #dfe2e6 +.el-radio__input.is-disabled.is-checked .el-radio__inner { + background-color: #f5f7fa; + border-color: #e4e7ed } -.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before { - background-color: #babdc2; - border-color: #babdc2 +.el-radio__input.is-disabled.is-checked .el-radio__inner::after { + background-color: #babdc2 } -.el-checkbox__input.is-disabled+span.el-checkbox__label { +.el-radio__input.is-disabled+span.el-radio__label { color: #babdc2; cursor: not-allowed } -.el-checkbox__input.is-checked .el-checkbox__inner { - background-color: #006aff; - border-color: #006aff +.el-radio__input.is-checked .el-radio__inner { + border-color: #006aff; + background: #006aff } -.el-checkbox__input.is-checked .el-checkbox__inner::after { - -webkit-transform: rotate(45deg) scaleY(1); - transform: rotate(45deg) scaleY(1) +.el-radio__input.is-checked .el-radio__inner::after { + -webkit-transform: translate(-50%, -50%) scale(1); + transform: translate(-50%, -50%) scale(1) } -.el-checkbox__input.is-checked+.el-checkbox__label { +.el-radio__input.is-checked+.el-radio__label { color: #006aff } -.el-checkbox__input.is-focus .el-checkbox__inner { - border-color: #dfe2e6 -} - -.el-checkbox__input.is-indeterminate .el-checkbox__inner { - background-color: #006aff; +.el-radio__input.is-focus .el-radio__inner { border-color: #006aff } -.el-checkbox__input.is-indeterminate .el-checkbox__inner::before { - content: ''; - position: absolute; - display: block; - background-color: #fff; - height: 2px; - -webkit-transform: scale(.5); - transform: scale(.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; +.el-radio__inner { border: 1px solid #dfe2e6; - border-radius: 2px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + border-radius: 100%; width: 14px; height: 14px; background-color: #fff; - z-index: 1; - -webkit-transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46); - transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46) + position: relative; + cursor: pointer; + display: inline-block; + -webkit-box-sizing: border-box; + box-sizing: border-box } -.el-checkbox__inner:hover { +.el-radio__inner:hover { border-color: #006aff } -.el-checkbox__inner::after { - -webkit-box-sizing: content-box; - box-sizing: content-box; +.el-radio__inner::after { + width: 4px; + height: 4px; + border-radius: 100%; + background-color: #fff; content: ""; - border: 1px solid #fff; - border-left: 0; - border-top: 0; - height: 7px; - left: 4px; position: absolute; - top: 1px; - -webkit-transform: rotate(45deg) scaleY(0); - transform: rotate(45deg) scaleY(0); - width: 3px; - -webkit-transition: -webkit-transform .15s ease-in .05s; - transition: -webkit-transform .15s ease-in .05s; - transition: transform .15s ease-in .05s; - transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s; - -webkit-transform-origin: center; - transform-origin: center + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%) scale(0); + transform: translate(-50%, -50%) scale(0); + -webkit-transition: -webkit-transform .15s ease-in; + transition: -webkit-transform .15s ease-in; + transition: transform .15s ease-in; + transition: transform .15s ease-in, -webkit-transform .15s ease-in } -.el-checkbox__original { +.el-radio__original { opacity: 0; outline: 0; position: absolute; - margin: 0; - width: 0; - height: 0; - z-index: -1 + z-index: -1; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin: 0 } -.el-checkbox__label { - display: inline-block; - padding-left: 10px; - line-height: 19px; - font-size: 14px +.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner { + -webkit-box-shadow: 0 0 2px 2px #006aff; + box-shadow: 0 0 2px 2px #006aff } -.el-checkbox:last-of-type { - margin-right: 0 +.el-radio__label { + font-size: 14px; + padding-left: 10px } -.el-checkbox-button { +.el-radio-group { + display: inline-block; + line-height: 1; + vertical-align: middle; + font-size: 0 +} + +.el-radio-button { position: relative; - display: inline-block + display: inline-block; + outline: 0 } -.el-checkbox-button__inner { +.el-radio-button__inner { display: inline-block; line-height: 1; - font-weight: 500; white-space: nowrap; vertical-align: middle; - cursor: pointer; background: #fff; border: 1px solid #dfe2e6; + font-weight: 500; border-left: 0; color: #606266; -webkit-appearance: none; @@ -6843,53 +5342,53 @@ border-color:#006AFF !important; outline: 0; margin: 0; position: relative; + cursor: pointer; -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1); transition: all .3s cubic-bezier(.645, .045, .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 { +.el-radio-button__inner.is-round { padding: 12px 20px } -.el-checkbox-button__inner:hover { +.el-radio-button__inner:hover { color: #006aff } -.el-checkbox-button__inner [class*=el-icon-] { +.el-radio-button__inner [class*=el-icon-] { line-height: .9 } -.el-checkbox-button__inner [class*=el-icon-]+span { +.el-radio-button__inner [class*=el-icon-]+span { margin-left: 5px } -.el-checkbox-button__original { +.el-radio-button:first-child .el-radio-button__inner { + border-left: 1px solid #dfe2e6; + border-radius: 4px 0 0 4px; + -webkit-box-shadow: none !important; + box-shadow: none !important +} + +.el-radio-button__orig-radio { opacity: 0; outline: 0; position: absolute; - margin: 0; z-index: -1 } -.el-checkbox-button.is-checked .el-checkbox-button__inner { +.el-radio-button__orig-radio:checked+.el-radio-button__inner { color: #fff; background-color: #006aff; border-color: #006aff; - -webkit-box-shadow: -1px 0 0 0 #66a6ff; - box-shadow: -1px 0 0 0 #66a6ff -} - -.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { - border-left-color: #006aff + -webkit-box-shadow: -1px 0 0 0 #006aff; + box-shadow: -1px 0 0 0 #006aff } -.el-checkbox-button.is-disabled .el-checkbox-button__inner { +.el-radio-button__orig-radio:disabled+.el-radio-button__inner { color: #babdc2; cursor: not-allowed; background-image: none; @@ -6899,770 +5398,864 @@ border-color:#006AFF !important; box-shadow: none } -.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner { - border-left-color: #ebeef5 -} - -.el-checkbox-button:first-child .el-checkbox-button__inner { - border-left: 1px solid #dfe2e6; - border-radius: 4px 0 0 4px; - -webkit-box-shadow: none !important; - box-shadow: none !important +.el-radio-button__orig-radio:disabled:checked+.el-radio-button__inner { + background-color: #f2f6fc } -.el-checkbox-button.is-focus .el-checkbox-button__inner { - border-color: #006aff +.el-radio-button:last-child .el-radio-button__inner { + border-radius: 0 4px 4px 0 } -.el-checkbox-button:last-child .el-checkbox-button__inner { - border-radius: 0 4px 4px 0 +.el-radio-button:first-child:last-child .el-radio-button__inner { + border-radius: 4px } -.el-checkbox-button--medium .el-checkbox-button__inner { +.el-radio-button--medium .el-radio-button__inner { padding: 10px 20px; font-size: 14px; border-radius: 0 } -.el-checkbox-button--medium .el-checkbox-button__inner.is-round { +.el-radio-button--medium .el-radio-button__inner.is-round { padding: 10px 20px } -.el-checkbox-button--small .el-checkbox-button__inner { +.el-radio-button--small .el-radio-button__inner { padding: 9px 15px; font-size: 12px; border-radius: 0 } -.el-checkbox-button--small .el-checkbox-button__inner.is-round { +.el-radio-button--small .el-radio-button__inner.is-round { padding: 9px 15px } -.el-checkbox-button--mini .el-checkbox-button__inner { +.el-radio-button--mini .el-radio-button__inner { padding: 7px 15px; font-size: 12px; border-radius: 0 } -.el-checkbox-button--mini .el-checkbox-button__inner.is-round { +.el-radio-button--mini .el-radio-button__inner.is-round { padding: 7px 15px } -.el-checkbox-group { - font-size: 0 +.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) { + -webkit-box-shadow: 0 0 2px 2px #006aff; + box-shadow: 0 0 2px 2px #006aff } -.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; +.el-checkbox { + color: #606266; + font-weight: 500; font-size: 14px; - line-height: 20px; - height: 20px; - vertical-align: middle + 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-switch.is-disabled .el-switch__core, -.el-switch.is-disabled .el-switch__label { +.el-checkbox.is-bordered { + padding: 9px 20px 9px 10px; + border-radius: 4px; + border: 1px solid #dfe2e6; + -webkit-box-sizing: border-box; + box-sizing: border-box; + line-height: normal; + height: 40px +} + +.el-checkbox.is-bordered.is-checked { + border-color: #006aff +} + +.el-checkbox.is-bordered.is-disabled { + border-color: #ebeef5; cursor: not-allowed } -.el-switch__label { - -webkit-transition: .2s; - transition: .2s; - height: 20px; - display: inline-block; - font-size: 14px; - font-weight: 500; - cursor: pointer; - vertical-align: middle; - color: #1e2226 +.el-checkbox.is-bordered+.el-checkbox.is-bordered { + margin-left: 10px } -.el-switch__label.is-active { - color: #006aff +.el-checkbox.is-bordered.el-checkbox--medium { + padding: 7px 20px 7px 10px; + border-radius: 4px; + height: 36px } -.el-switch__label--left { - margin-right: 10px +.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label { + line-height: 17px; + font-size: 14px } -.el-switch__label--right { - margin-left: 10px +.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner { + height: 14px; + width: 14px } -.el-switch__label * { - line-height: 1; - font-size: 14px; - display: inline-block +.el-checkbox.is-bordered.el-checkbox--small { + padding: 5px 15px 5px 10px; + border-radius: 3px; + height: 32px } -.el-switch__input { - position: absolute; - width: 0; - height: 0; - opacity: 0; - margin: 0 +.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label { + line-height: 15px; + font-size: 12px } -.el-switch__core { - margin: 0; +.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: 0; display: inline-block; + line-height: 1; position: relative; - width: 40px; - height: 20px; - border: 1px solid #dfe2e6; - outline: 0; - border-radius: 10px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - background: #dfe2e6; - cursor: pointer; - -webkit-transition: border-color .3s, background-color .3s; - transition: border-color .3s, background-color .3s; vertical-align: middle } -.el-switch__core:after { - content: ""; - position: absolute; - top: 1px; - left: 1px; - border-radius: 100%; - -webkit-transition: all .3s; - transition: all .3s; - width: 16px; - height: 16px; - background-color: #fff +.el-checkbox__input.is-disabled .el-checkbox__inner { + background-color: #edf2fc; + border-color: #dfe2e6; + cursor: not-allowed } -.el-switch.is-checked .el-switch__core { - border-color: #006aff; - background-color: #006aff +.el-checkbox__input.is-disabled .el-checkbox__inner::after { + cursor: not-allowed; + border-color: #babdc2 } -.el-switch.is-checked .el-switch__core::after { - left: 100%; - margin-left: -17px +.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label { + cursor: not-allowed } -.el-switch.is-disabled { - opacity: .6 +.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner { + background-color: #f2f6fc; + border-color: #dfe2e6 } -.el-switch--wide .el-switch__label.el-switch__label--left span { - left: 10px +.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after { + border-color: #babdc2 } -.el-switch--wide .el-switch__label.el-switch__label--right span { - right: 10px +.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner { + background-color: #f2f6fc; + border-color: #dfe2e6 } - -.el-switch .label-fade-enter, -.el-switch .label-fade-leave-active { - opacity: 0 + +.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before { + background-color: #babdc2; + border-color: #babdc2 } -.el-popper .popper__arrow, -.el-popper .popper__arrow::after { - position: absolute; - display: block; - width: 0; - height: 0; - border-color: transparent; - border-style: solid +.el-checkbox__input.is-disabled+span.el-checkbox__label { + color: #babdc2; + cursor: not-allowed } -.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, .03)) +.el-checkbox__input.is-checked .el-checkbox__inner { + background-color: #006aff; + border-color: #006aff } -.el-popper .popper__arrow::after { - content: " "; - border-width: 6px +.el-checkbox__input.is-checked .el-checkbox__inner::after { + -webkit-transform: rotate(45deg) scaleY(1); + transform: rotate(45deg) scaleY(1) } -.el-popper[x-placement^=top] { - margin-bottom: 12px +.el-checkbox__input.is-checked+.el-checkbox__label { + color: #006aff } -.el-popper[x-placement^=top] .popper__arrow { - bottom: -6px; - left: 50%; - margin-right: 3px; - border-top-color: #ebeef5; - border-bottom-width: 0 +.el-checkbox__input.is-focus .el-checkbox__inner { + border-color: #dfe2e6 } -.el-popper[x-placement^=top] .popper__arrow::after { - bottom: 1px; - margin-left: -6px; - border-top-color: #fff; - border-bottom-width: 0 +.el-checkbox__input.is-indeterminate .el-checkbox__inner { + background-color: #006aff; + border-color: #006aff } -.el-popper[x-placement^=bottom] { - margin-top: 12px +.el-checkbox__input.is-indeterminate .el-checkbox__inner::before { + content: ''; + position: absolute; + display: block; + background-color: #fff; + height: 2px; + -webkit-transform: scale(.5); + transform: scale(.5); + left: 0; + right: 0; + top: 5px } -.el-popper[x-placement^=bottom] .popper__arrow { - top: -6px; - left: 50%; - margin-right: 3px; - border-top-width: 0; - border-bottom-color: #ebeef5 +.el-checkbox__input.is-indeterminate .el-checkbox__inner::after { + display: none } -.el-popper[x-placement^=bottom] .popper__arrow::after { - top: 1px; - margin-left: -6px; - border-top-width: 0; - border-bottom-color: #fff +.el-checkbox__inner { + display: inline-block; + position: relative; + border: 1px solid #dfe2e6; + border-radius: 2px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 14px; + height: 14px; + background-color: #fff; + z-index: 1; + -webkit-transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46); + transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46) } -.el-popper[x-placement^=right] { - margin-left: 12px +.el-checkbox__inner:hover { + border-color: #006aff } -.el-popper[x-placement^=right] .popper__arrow { - top: 50%; - left: -6px; - margin-bottom: 3px; - border-right-color: #ebeef5; - border-left-width: 0 +.el-checkbox__inner::after { + -webkit-box-sizing: content-box; + box-sizing: content-box; + content: ""; + border: 1px solid #fff; + border-left: 0; + border-top: 0; + height: 7px; + left: 4px; + position: absolute; + top: 1px; + -webkit-transform: rotate(45deg) scaleY(0); + transform: rotate(45deg) scaleY(0); + width: 3px; + -webkit-transition: -webkit-transform .15s ease-in .05s; + transition: -webkit-transform .15s ease-in .05s; + transition: transform .15s ease-in .05s; + transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s; + -webkit-transform-origin: center; + transform-origin: center } -.el-popper[x-placement^=right] .popper__arrow::after { - bottom: -6px; - left: 1px; - border-right-color: #fff; - border-left-width: 0 +.el-checkbox__original { + opacity: 0; + outline: 0; + position: absolute; + margin: 0; + width: 0; + height: 0; + z-index: -1 } -.el-popper[x-placement^=left] { - margin-right: 12px +.el-checkbox__label { + display: inline-block; + padding-left: 10px; + line-height: 19px; + font-size: 14px } -.el-popper[x-placement^=left] .popper__arrow { - top: 50%; - right: -6px; - margin-bottom: 3px; - border-right-width: 0; - border-left-color: #ebeef5 +.el-checkbox:last-of-type { + margin-right: 0 } -.el-popper[x-placement^=left] .popper__arrow::after { - right: 1px; - bottom: -6px; - margin-left: -6px; - border-right-width: 0; - border-left-color: #fff +.el-checkbox-button { + position: relative; + display: inline-block } -.el-select-dropdown { - position: absolute; - z-index: 1001; - border: solid 1px #e4e7ed; - border-radius: 4px; - background-color: #fff; - -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); +.el-checkbox-button__inner { + display: inline-block; + line-height: 1; + font-weight: 500; + white-space: nowrap; + vertical-align: middle; + cursor: pointer; + background: #fff; + border: 1px solid #dfe2e6; + border-left: 0; + color: #606266; + -webkit-appearance: none; + text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; - margin: 5px 0 -} - -.el-select-dropdown.is-multiple .el-select-dropdown__item { - padding-right: 40px + outline: 0; + margin: 0; + position: relative; + -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1); + transition: all .3s cubic-bezier(.645, .045, .355, 1); + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + padding: 12px 20px; + font-size: 14px; + border-radius: 0 } -.el-select-dropdown.is-multiple .el-select-dropdown__item.selected { - color: #006aff; - background-color: #fff +.el-checkbox-button__inner.is-round { + padding: 12px 20px } -.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover { - background-color: #f5f7fa +.el-checkbox-button__inner:hover { + color: #006aff } -.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after { - position: absolute; - right: 20px; - font-family: element-icons; - content: "\e6da"; - font-size: 12px; - font-weight: 700; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale +.el-checkbox-button__inner [class*=el-icon-] { + line-height: .9 } -.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list { - padding: 0 +.el-checkbox-button__inner [class*=el-icon-]+span { + margin-left: 5px } -.el-select-dropdown__empty { - padding: 10px 0; +.el-checkbox-button__original { + opacity: 0; + outline: 0; + position: absolute; margin: 0; - text-align: center; - color: #999; - font-size: 14px + z-index: -1 } -.el-select-dropdown__wrap { - max-height: 274px +.el-checkbox-button.is-checked .el-checkbox-button__inner { + color: #fff; + background-color: #006aff; + border-color: #006aff; + -webkit-box-shadow: -1px 0 0 0 #66a6ff; + box-shadow: -1px 0 0 0 #66a6ff } -.el-select-dropdown__list { - list-style: none; - padding: 6px 0; - margin: 0; - -webkit-box-sizing: border-box; - box-sizing: border-box +.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { + border-left-color: #006aff } -.el-textarea { - position: relative; - display: inline-block; - width: 100%; - vertical-align: bottom; - font-size: 14px +.el-checkbox-button.is-disabled .el-checkbox-button__inner { + color: #babdc2; + cursor: not-allowed; + background-image: none; + background-color: #fff; + border-color: #ebeef5; + -webkit-box-shadow: none; + box-shadow: none +} + +.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner { + border-left-color: #ebeef5 } -.el-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: #fff; - background-image: none; - border: 1px solid #dfe2e6; - border-radius: 4px; - -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1); - transition: border-color .2s cubic-bezier(.645, .045, .355, 1) +.el-checkbox-button:first-child .el-checkbox-button__inner { + border-left: 1px solid #dfe2e6; + border-radius: 4px 0 0 4px; + -webkit-box-shadow: none !important; + box-shadow: none !important } -.el-textarea__inner::-webkit-input-placeholder { - color: #babdc2 +.el-checkbox-button.is-focus .el-checkbox-button__inner { + border-color: #006aff } -.el-textarea__inner::-moz-placeholder { - color: #babdc2 +.el-checkbox-button:last-child .el-checkbox-button__inner { + border-radius: 0 4px 4px 0 } -.el-textarea__inner::-ms-input-placeholder { - color: #babdc2 +.el-checkbox-button--medium .el-checkbox-button__inner { + padding: 10px 20px; + font-size: 14px; + border-radius: 0 } -.el-textarea__inner::placeholder { - color: #babdc2 +.el-checkbox-button--medium .el-checkbox-button__inner.is-round { + padding: 10px 20px } -.el-textarea__inner:hover { - border-color: #babdc2 +.el-checkbox-button--small .el-checkbox-button__inner { + padding: 9px 15px; + font-size: 12px; + border-radius: 0 } -.el-textarea__inner:focus { - outline: 0; - border-color: #006aff +.el-checkbox-button--small .el-checkbox-button__inner.is-round { + padding: 9px 15px } -.el-textarea .el-input__count { - color: #909399; - background: #fff; - position: absolute; +.el-checkbox-button--mini .el-checkbox-button__inner { + padding: 7px 15px; font-size: 12px; - bottom: 5px; - right: 10px + border-radius: 0 } -.el-textarea.is-disabled .el-textarea__inner { - background-color: #f5f7fa; - border-color: #e4e7ed; - color: #babdc2; - cursor: not-allowed +.el-checkbox-button--mini .el-checkbox-button__inner.is-round { + padding: 7px 15px } -.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: #babdc2 +.el-checkbox-group { + font-size: 0 } -.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { - color: #babdc2 +.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-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder { - color: #babdc2 +.el-switch.is-disabled .el-switch__core, +.el-switch.is-disabled .el-switch__label { + cursor: not-allowed } -.el-textarea.is-disabled .el-textarea__inner::placeholder { - color: #babdc2 +.el-switch__label { + -webkit-transition: .2s; + transition: .2s; + height: 20px; + display: inline-block; + font-size: 14px; + font-weight: 500; + cursor: pointer; + vertical-align: middle; + color: #1e2226 } -.el-textarea.is-exceed .el-textarea__inner { - border-color: #ff4d4f +.el-switch__label.is-active { + color: #006aff } -.el-textarea.is-exceed .el-input__count { - color: #ff4d4f +.el-switch__label--left { + margin-right: 10px } -.el-input { - position: relative; +.el-switch__label--right { + margin-left: 10px +} + +.el-switch__label * { + line-height: 1; font-size: 14px; - display: inline-block; - width: 100% + display: inline-block } -.el-input::-webkit-scrollbar { - z-index: 11; - width: 6px +.el-switch__input { + position: absolute; + width: 0; + height: 0; + opacity: 0; + margin: 0 } -.el-input::-webkit-scrollbar:horizontal { - height: 6px +.el-switch__core { + margin: 0; + display: inline-block; + position: relative; + width: 40px; + height: 20px; + border: 1px solid #dfe2e6; + outline: 0; + border-radius: 10px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background: #dfe2e6; + cursor: pointer; + -webkit-transition: border-color .3s, background-color .3s; + transition: border-color .3s, background-color .3s; + vertical-align: middle } -.el-input::-webkit-scrollbar-thumb { - border-radius: 5px; - width: 6px; - background: #b4bccc +.el-switch__core:after { + content: ""; + position: absolute; + top: 1px; + left: 1px; + border-radius: 100%; + -webkit-transition: all .3s; + transition: all .3s; + width: 16px; + height: 16px; + background-color: #fff } -.el-input::-webkit-scrollbar-corner { - background: #fff +.el-switch.is-checked .el-switch__core { + border-color: #006aff; + background-color: #006aff } -.el-input::-webkit-scrollbar-track { - background: #fff +.el-switch.is-checked .el-switch__core::after { + left: 100%; + margin-left: -17px } -.el-input::-webkit-scrollbar-track-piece { - background: #fff; - width: 6px +.el-switch.is-disabled { + opacity: .6 } -.el-input .el-input__clear { - color: #babdc2; - font-size: 14px; - cursor: pointer; - -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1); - transition: color .2s cubic-bezier(.645, .045, .355, 1) +.el-switch--wide .el-switch__label.el-switch__label--left span { + left: 10px } -.el-input .el-input__clear:hover { - color: #1e2226 +.el-switch--wide .el-switch__label.el-switch__label--right span { + right: 10px } -.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-switch .label-fade-enter, +.el-switch .label-fade-leave-active { + opacity: 0 } -.el-input .el-input__count .el-input__count-inner { - background: #fff; - line-height: initial; - display: inline-block; - padding: 0 5px +.el-popper .popper__arrow, +.el-popper .popper__arrow::after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid } -.el-input__inner { - -webkit-appearance: none; - background-color: #fff; - background-image: none; - border-radius: 4px; - border: 1px solid #dfe2e6; - -webkit-box-sizing: border-box; - box-sizing: border-box; - color: #606266; - display: inline-block; - font-size: inherit; - height: 40px; - line-height: 40px; - outline: 0; - padding: 0 15px; - -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1); - transition: border-color .2s cubic-bezier(.645, .045, .355, 1); - width: 100% +.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, .03)) } -.el-input__inner::-ms-reveal { - display: none +.el-popper .popper__arrow::after { + content: " "; + border-width: 6px } -.el-input__inner::-webkit-input-placeholder { - color: #babdc2 +.el-popper[x-placement^=top] { + margin-bottom: 12px } -.el-input__inner::-moz-placeholder { - color: #babdc2 +.el-popper[x-placement^=top] .popper__arrow { + bottom: -6px; + left: 50%; + margin-right: 3px; + border-top-color: #ebeef5; + border-bottom-width: 0 } -.el-input__inner::-ms-input-placeholder { - color: #babdc2 +.el-popper[x-placement^=top] .popper__arrow::after { + bottom: 1px; + margin-left: -6px; + border-top-color: #fff; + border-bottom-width: 0 } -.el-input__inner::placeholder { - color: #babdc2 +.el-popper[x-placement^=bottom] { + margin-top: 12px } -.el-input__inner:hover { - border-color: #006AFF; +.el-popper[x-placement^=bottom] .popper__arrow { + top: -6px; + left: 50%; + margin-right: 3px; + border-top-width: 0; + border-bottom-color: #ebeef5 } -.el-input__inner:focus { - outline: 0; - border-color: #006aff +.el-popper[x-placement^=bottom] .popper__arrow::after { + top: 1px; + margin-left: -6px; + border-top-width: 0; + border-bottom-color: #fff } -.el-input__suffix { - position: absolute; - height: 100%; - right: 5px; - top: 0; - text-align: center; - color: #babdc2; - -webkit-transition: all .3s; - transition: all .3s; - pointer-events: none +.el-popper[x-placement^=right] { + margin-left: 12px } -.el-input__suffix-inner { - pointer-events: all +.el-popper[x-placement^=right] .popper__arrow { + top: 50%; + left: -6px; + margin-bottom: 3px; + border-right-color: #ebeef5; + border-left-width: 0 } -.el-input__prefix { - position: absolute; - height: 100%; - left: 5px; - top: 0; - text-align: center; - color: #babdc2; - -webkit-transition: all .3s; - transition: all .3s +.el-popper[x-placement^=right] .popper__arrow::after { + bottom: -6px; + left: 1px; + border-right-color: #fff; + border-left-width: 0 } -.el-input__icon { - height: 100%; - width: 25px; - text-align: center; - -webkit-transition: all .3s; - transition: all .3s; - line-height: 40px +.el-popper[x-placement^=left] { + margin-right: 12px } -.el-input__icon:after { - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle +.el-popper[x-placement^=left] .popper__arrow { + top: 50%; + right: -6px; + margin-bottom: 3px; + border-right-width: 0; + border-left-color: #ebeef5 } -.el-input__validateIcon { - pointer-events: none +.el-popper[x-placement^=left] .popper__arrow::after { + right: 1px; + bottom: -6px; + margin-left: -6px; + border-right-width: 0; + border-left-color: #fff } -.el-input.is-active .el-input__inner { - outline: 0; - border-color: #006aff +.el-select-dropdown { + position: absolute; + z-index: 1001; + border: solid 1px #e4e7ed; + border-radius: 4px; + background-color: #fff; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 5px 0 } -.el-input.is-disabled .el-input__inner { - background-color: #f5f7fa; - border-color: #e4e7ed; - color: #babdc2; - cursor: not-allowed +.el-select-dropdown.is-multiple .el-select-dropdown__item { + padding-right: 40px } -.el-input.is-disabled .el-input__inner::-webkit-input-placeholder { - color: #babdc2 +.el-select-dropdown.is-multiple .el-select-dropdown__item.selected { + color: #006aff; + background-color: #fff } -.el-input.is-disabled .el-input__inner::-moz-placeholder { - color: #babdc2 +.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover { + background-color: #f5f7fa } -.el-input.is-disabled .el-input__inner::-ms-input-placeholder { - color: #babdc2 +.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after { + position: absolute; + right: 20px; + font-family: element-icons; + content: "\e6da"; + font-size: 12px; + font-weight: 700; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale } -.el-input.is-disabled .el-input__inner::placeholder { - color: #babdc2 +.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list { + padding: 0 } -.el-input.is-disabled .el-input__icon { - cursor: not-allowed +.el-select-dropdown__empty { + padding: 10px 0; + margin: 0; + text-align: center; + color: #999; + font-size: 14px } -.el-input.is-exceed .el-input__inner { - border-color: #ff4d4f +.el-select-dropdown__wrap { + max-height: 274px } -.el-input.is-exceed .el-input__suffix .el-input__count { - color: #ff4d4f +.el-select-dropdown__list { + list-style: none; + padding: 6px 0; + margin: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box } -.el-input--suffix .el-input__inner { - padding-right: 30px +.el-textarea { + position: relative; + display: inline-block; + width: 100%; + vertical-align: bottom; + font-size: 14px } -.el-input--prefix .el-input__inner { - padding-left: 30px +.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: #fff; + background-image: none; + border: 1px solid #dfe2e6; + border-radius: 4px; + -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1); + transition: border-color .2s cubic-bezier(.645, .045, .355, 1) } -.el-input--medium { - font-size: 14px +.el-textarea__inner::-webkit-input-placeholder { + color: #babdc2 } -.el-input--medium .el-input__inner { - height: 36px; - line-height: 36px +.el-textarea__inner::-moz-placeholder { + color: #babdc2 } -.el-input--medium .el-input__icon { - line-height: 36px +.el-textarea__inner::-ms-input-placeholder { + color: #babdc2 } -.el-input--small { - font-size: 13px +.el-textarea__inner::placeholder { + color: #babdc2 } -.el-input--small .el-input__inner { - height: 32px; - line-height: 32px +.el-textarea__inner:hover { + border-color: #babdc2 } -.el-input--small .el-input__icon { - line-height: 32px +.el-textarea__inner:focus { + outline: 0; + border-color: #006aff } -.el-input--mini { - font-size: 12px +.el-textarea .el-input__count { + color: #909399; + background: #fff; + position: absolute; + font-size: 12px; + bottom: 5px; + right: 10px } -.el-input--mini .el-input__inner { - height: 28px; - line-height: 28px +.el-textarea.is-disabled .el-textarea__inner { + background-color: #f5f7fa; + border-color: #e4e7ed; + color: #babdc2; + cursor: not-allowed } -.el-input--mini .el-input__icon { - line-height: 28px +.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { + color: #babdc2 } -.el-input-group { - line-height: normal; - display: inline-table; - width: 100%; - border-collapse: separate; - border-spacing: 0 +.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { + color: #babdc2 } -.el-input-group>.el-input__inner { - vertical-align: middle; - display: table-cell +.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder { + color: #babdc2 } - -.el-input-group__append, -.el-input-group__prepend { - background-color: #f5f7fa; - color: #909399; - vertical-align: middle; - display: table-cell; - position: relative; - border: 1px solid #dfe2e6; - border-radius: 4px; - padding: 0 20px; - width: 1px; - white-space: nowrap + +.el-textarea.is-disabled .el-textarea__inner::placeholder { + color: #babdc2 } -.el-input-group__append:focus, -.el-input-group__prepend:focus { - outline: 0 +.el-textarea.is-exceed .el-textarea__inner { + border-color: #ff4d4f } -.el-input-group__append .el-button, -.el-input-group__append .el-select, -.el-input-group__prepend .el-button, -.el-input-group__prepend .el-select { +.el-textarea.is-exceed .el-input__count { + color: #ff4d4f +} + +.el-input { + position: relative; + font-size: 14px; display: inline-block; - margin: -10px -20px + width: 100% } -.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::-webkit-scrollbar { + z-index: 11; + width: 6px } -.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::-webkit-scrollbar:horizontal { + height: 6px } -.el-input-group__prepend { - border-right: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0 +.el-input::-webkit-scrollbar-thumb { + border-radius: 5px; + width: 6px; + background: #b4bccc } -.el-input-group__append { - border-left: 0; - border-top-left-radius: 0; - border-bottom-left-radius: 0 +.el-input::-webkit-scrollbar-corner { + background: #fff } -.el-input-group--prepend .el-input__inner { - border-top-left-radius: 0; - border-bottom-left-radius: 0 +.el-input::-webkit-scrollbar-track { + background: #fff } -.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { - border-color: transparent +.el-input::-webkit-scrollbar-track-piece { + background: #fff; + width: 6px } -.el-input-group--append .el-input__inner { - border-top-right-radius: 0; - border-bottom-right-radius: 0 +.el-input .el-input__clear { + color: #babdc2; + font-size: 14px; + cursor: pointer; + -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1); + transition: color .2s cubic-bezier(.645, .045, .355, 1) } -.el-input-group--append .el-select .el-input.is-focus .el-input__inner { - border-color: transparent +.el-input .el-input__clear:hover { + color: #1e2226 } -.el-input__inner::-ms-clear { - display: none; - width: 0; - height: 0 +.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: #fff; + line-height: initial; + display: inline-block; + padding: 0 5px } + .el-tag { background-color: #e6f0ff; border-color: #cce1ff; @@ -11693,487 +10286,208 @@ border-color:#006AFF !important; .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: 0; - font-size: 12px; - color: #1e2226 -} - -.el-time-panel__btn.confirm { - font-weight: 800; - color: #006aff -} - -.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: #fff; - background-image: none; - border: 1px solid #dfe2e6; - border-radius: 4px; - -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1); - transition: border-color .2s cubic-bezier(.645, .045, .355, 1) -} - -.el-textarea__inner::-webkit-input-placeholder { - color: #babdc2 -} - -.el-textarea__inner::-moz-placeholder { - color: #babdc2 -} - -.el-textarea__inner::-ms-input-placeholder { - color: #babdc2 -} - -.el-textarea__inner::placeholder { - color: #babdc2 -} - -.el-textarea__inner:hover { - border-color: #babdc2 -} - -.el-textarea__inner:focus { - outline: 0; - border-color: #006aff -} - -.el-textarea .el-input__count { - color: #909399; - background: #fff; - position: absolute; - font-size: 12px; - bottom: 5px; - right: 10px -} - -.el-textarea.is-disabled .el-textarea__inner { - background-color: #f5f7fa; - border-color: #e4e7ed; - color: #babdc2; - cursor: not-allowed -} - -.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: #babdc2 -} - -.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { - color: #babdc2 -} - -.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder { - color: #babdc2 -} - -.el-textarea.is-disabled .el-textarea__inner::placeholder { - color: #babdc2 -} - -.el-textarea.is-exceed .el-textarea__inner { - border-color: #ff4d4f -} - -.el-textarea.is-exceed .el-input__count { - color: #ff4d4f -} - -.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 + margin-right: 12% } -.el-input::-webkit-scrollbar-corner { - background: #fff +.el-time-panel__content::before { + padding-left: 50%; + margin-right: 12%; + margin-left: 12% } -.el-input::-webkit-scrollbar-track { - background: #fff +.el-time-panel__content.has-seconds::after { + left: calc(100% / 3 * 2) } -.el-input::-webkit-scrollbar-track-piece { - background: #fff; - width: 6px +.el-time-panel__content.has-seconds::before { + padding-left: calc(100% / 3) } -.el-input .el-input__clear { - color: #babdc2; - font-size: 14px; - cursor: pointer; - -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1); - transition: color .2s cubic-bezier(.645, .045, .355, 1) +.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-input .el-input__clear:hover { +.el-time-panel__btn { + border: none; + line-height: 28px; + padding: 0 5px; + margin: 0 5px; + cursor: pointer; + background-color: transparent; + outline: 0; + font-size: 12px; color: #1e2226 } -.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-time-panel__btn.confirm { + font-weight: 800; + color: #006aff } -.el-input .el-input__count .el-input__count-inner { - background: #fff; - line-height: initial; +.el-textarea { + position: relative; display: inline-block; - padding: 0 5px + width: 100%; + vertical-align: bottom; + font-size: 14px } -.el-input__inner { - -webkit-appearance: none; - background-color: #fff; - background-image: none; - border-radius: 4px; - border: 1px solid #dfe2e6; +.el-textarea__inner { + display: block; + resize: vertical; + padding: 5px 15px; + line-height: 1.5; -webkit-box-sizing: border-box; box-sizing: border-box; - color: #606266; - display: inline-block; + width: 100%; font-size: inherit; - height: 40px; - line-height: 40px; - outline: 0; - padding: 0 15px; + color: #606266; + background-color: #fff; + background-image: none; + border: 1px solid #dfe2e6; + border-radius: 4px; -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1); - transition: border-color .2s cubic-bezier(.645, .045, .355, 1); - width: 100% -} - -.el-input__inner::-ms-reveal { - display: none + transition: border-color .2s cubic-bezier(.645, .045, .355, 1) } -.el-input__inner::-webkit-input-placeholder { +.el-textarea__inner::-webkit-input-placeholder { color: #babdc2 } -.el-input__inner::-moz-placeholder { +.el-textarea__inner::-moz-placeholder { color: #babdc2 } -.el-input__inner::-ms-input-placeholder { +.el-textarea__inner::-ms-input-placeholder { color: #babdc2 } -.el-input__inner::placeholder { +.el-textarea__inner::placeholder { color: #babdc2 } -.el-input__inner:hover { +.el-textarea__inner:hover { border-color: #babdc2 } -.el-input__inner:focus { +.el-textarea__inner:focus { outline: 0; border-color: #006aff } -.el-input__suffix { - position: absolute; - height: 100%; - right: 5px; - top: 0; - text-align: center; - color: #babdc2; - -webkit-transition: all .3s; - transition: all .3s; - pointer-events: none -} - -.el-input__suffix-inner { - pointer-events: all -} - -.el-input__prefix { +.el-textarea .el-input__count { + color: #909399; + background: #fff; position: absolute; - height: 100%; - left: 5px; - top: 0; - text-align: center; - color: #babdc2; - -webkit-transition: all .3s; - transition: all .3s -} - -.el-input__icon { - height: 100%; - width: 25px; - text-align: center; - -webkit-transition: all .3s; - transition: all .3s; - line-height: 40px -} - -.el-input__icon:after { - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle -} - -.el-input__validateIcon { - pointer-events: none -} - -.el-input.is-active .el-input__inner { - outline: 0; - border-color: #006aff + font-size: 12px; + bottom: 5px; + right: 10px } -.el-input.is-disabled .el-input__inner { +.el-textarea.is-disabled .el-textarea__inner { background-color: #f5f7fa; border-color: #e4e7ed; color: #babdc2; cursor: not-allowed } -.el-input.is-disabled .el-input__inner::-webkit-input-placeholder { +.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { color: #babdc2 } -.el-input.is-disabled .el-input__inner::-moz-placeholder { +.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { color: #babdc2 } -.el-input.is-disabled .el-input__inner::-ms-input-placeholder { +.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder { color: #babdc2 } -.el-input.is-disabled .el-input__inner::placeholder { +.el-textarea.is-disabled .el-textarea__inner::placeholder { color: #babdc2 } -.el-input.is-disabled .el-input__icon { - cursor: not-allowed -} - -.el-input.is-exceed .el-input__inner { - border-color: #ff4d4f -} - -.el-input.is-exceed .el-input__suffix .el-input__count { - color: #ff4d4f -} - -.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 #dfe2e6; - border-radius: 4px; - padding: 0 20px; - width: 1px; - white-space: nowrap -} - -.el-input-group__append:focus, -.el-input-group__prepend:focus { - outline: 0 +.el-textarea.is-exceed .el-textarea__inner { + border-color: #ff4d4f } -.el-input-group__append .el-button, -.el-input-group__append .el-select, -.el-input-group__prepend .el-button, -.el-input-group__prepend .el-select { +.el-textarea.is-exceed .el-input__count { + color: #ff4d4f +} + +.el-input { + position: relative; + font-size: 14px; display: inline-block; - margin: -10px -20px + width: 100% } -.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::-webkit-scrollbar { + z-index: 11; + width: 6px } -.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::-webkit-scrollbar:horizontal { + height: 6px } -.el-input-group__prepend { - border-right: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0 +.el-input::-webkit-scrollbar-thumb { + border-radius: 5px; + width: 6px; + background: #b4bccc } -.el-input-group__append { - border-left: 0; - border-top-left-radius: 0; - border-bottom-left-radius: 0 +.el-input::-webkit-scrollbar-corner { + background: #fff } -.el-input-group--prepend .el-input__inner { - border-top-left-radius: 0; - border-bottom-left-radius: 0 +.el-input::-webkit-scrollbar-track { + background: #fff } -.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { - border-color: transparent +.el-input::-webkit-scrollbar-track-piece { + background: #fff; + width: 6px } -.el-input-group--append .el-input__inner { - border-top-right-radius: 0; - border-bottom-right-radius: 0 +.el-input .el-input__clear { + color: #babdc2; + font-size: 14px; + cursor: pointer; + -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1); + transition: color .2s cubic-bezier(.645, .045, .355, 1) } -.el-input-group--append .el-select .el-input.is-focus .el-input__inner { - border-color: transparent +.el-input .el-input__clear:hover { + color: #1e2226 } -.el-input__inner::-ms-clear { - display: none; - width: 0; - height: 0 +.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: #fff; + line-height: initial; + display: inline-block; + padding: 0 5px } + .el-scrollbar { overflow: hidden; position: relative @@ -13818,420 +12132,140 @@ border-color:#006AFF !important; background-color: #fff; background-image: none; border: 1px solid #dfe2e6; - border-radius: 4px; - -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1); - transition: border-color .2s cubic-bezier(.645, .045, .355, 1) -} - -.el-textarea__inner::-webkit-input-placeholder { - color: #babdc2 -} - -.el-textarea__inner::-moz-placeholder { - color: #babdc2 -} - -.el-textarea__inner::-ms-input-placeholder { - color: #babdc2 -} - -.el-textarea__inner::placeholder { - color: #babdc2 -} - -.el-textarea__inner:hover { - border-color: #babdc2 -} - -.el-textarea__inner:focus { - outline: 0; - border-color: #006aff -} - -.el-textarea .el-input__count { - color: #909399; - background: #fff; - position: absolute; - font-size: 12px; - bottom: 5px; - right: 10px -} - -.el-textarea.is-disabled .el-textarea__inner { - background-color: #f5f7fa; - border-color: #e4e7ed; - color: #babdc2; - cursor: not-allowed -} - -.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: #babdc2 -} - -.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { - color: #babdc2 -} - -.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder { - color: #babdc2 -} - -.el-textarea.is-disabled .el-textarea__inner::placeholder { - color: #babdc2 -} - -.el-textarea.is-exceed .el-textarea__inner { - border-color: #ff4d4f -} - -.el-textarea.is-exceed .el-input__count { - color: #ff4d4f -} - -.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: #babdc2; - font-size: 14px; - cursor: pointer; - -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1); - transition: color .2s cubic-bezier(.645, .045, .355, 1) -} - -.el-input .el-input__clear:hover { - color: #1e2226 -} - -.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: #fff; - line-height: initial; - display: inline-block; - padding: 0 5px -} - -.el-input__inner { - -webkit-appearance: none; - background-color: #fff; - background-image: none; - border-radius: 4px; - border: 1px solid #dfe2e6; - -webkit-box-sizing: border-box; - box-sizing: border-box; - color: #606266; - display: inline-block; - font-size: inherit; - height: 40px; - line-height: 40px; - outline: 0; - padding: 0 15px; - -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1); - transition: border-color .2s cubic-bezier(.645, .045, .355, 1); - width: 100% -} - -.el-input__inner::-ms-reveal { - display: none + border-radius: 4px; + -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1); + transition: border-color .2s cubic-bezier(.645, .045, .355, 1) } -.el-input__inner::-webkit-input-placeholder { +.el-textarea__inner::-webkit-input-placeholder { color: #babdc2 } -.el-input__inner::-moz-placeholder { +.el-textarea__inner::-moz-placeholder { color: #babdc2 } -.el-input__inner::-ms-input-placeholder { +.el-textarea__inner::-ms-input-placeholder { color: #babdc2 } -.el-input__inner::placeholder { +.el-textarea__inner::placeholder { color: #babdc2 } -.el-input__inner:hover { +.el-textarea__inner:hover { border-color: #babdc2 } -.el-input__inner:focus { +.el-textarea__inner:focus { outline: 0; border-color: #006aff } -.el-input__suffix { - position: absolute; - height: 100%; - right: 5px; - top: 0; - text-align: center; - color: #babdc2; - -webkit-transition: all .3s; - transition: all .3s; - pointer-events: none -} - -.el-input__suffix-inner { - pointer-events: all -} - -.el-input__prefix { +.el-textarea .el-input__count { + color: #909399; + background: #fff; position: absolute; - height: 100%; - left: 5px; - top: 0; - text-align: center; - color: #babdc2; - -webkit-transition: all .3s; - transition: all .3s -} - -.el-input__icon { - height: 100%; - width: 25px; - text-align: center; - -webkit-transition: all .3s; - transition: all .3s; - line-height: 40px -} - -.el-input__icon:after { - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle -} - -.el-input__validateIcon { - pointer-events: none -} - -.el-input.is-active .el-input__inner { - outline: 0; - border-color: #006aff + font-size: 12px; + bottom: 5px; + right: 10px } -.el-input.is-disabled .el-input__inner { +.el-textarea.is-disabled .el-textarea__inner { background-color: #f5f7fa; border-color: #e4e7ed; color: #babdc2; cursor: not-allowed } -.el-input.is-disabled .el-input__inner::-webkit-input-placeholder { +.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { color: #babdc2 } -.el-input.is-disabled .el-input__inner::-moz-placeholder { +.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { color: #babdc2 } -.el-input.is-disabled .el-input__inner::-ms-input-placeholder { +.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder { color: #babdc2 } -.el-input.is-disabled .el-input__inner::placeholder { +.el-textarea.is-disabled .el-textarea__inner::placeholder { color: #babdc2 } -.el-input.is-disabled .el-input__icon { - cursor: not-allowed -} - -.el-input.is-exceed .el-input__inner { +.el-textarea.is-exceed .el-textarea__inner { border-color: #ff4d4f } -.el-input.is-exceed .el-input__suffix .el-input__count { +.el-textarea.is-exceed .el-input__count { color: #ff4d4f } -.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 { + position: relative; + font-size: 14px; + display: inline-block; + width: 100% } -.el-input--small { - font-size: 13px +.el-input::-webkit-scrollbar { + z-index: 11; + width: 6px } -.el-input--small .el-input__inner { - height: 32px; - line-height: 32px +.el-input::-webkit-scrollbar:horizontal { + height: 6px } -.el-input--small .el-input__icon { - line-height: 32px +.el-input::-webkit-scrollbar-thumb { + border-radius: 5px; + width: 6px; + background: #b4bccc } -.el-input--mini { - font-size: 12px +.el-input::-webkit-scrollbar-corner { + background: #fff } -.el-input--mini .el-input__inner { - height: 28px; - line-height: 28px +.el-input::-webkit-scrollbar-track { + background: #fff } -.el-input--mini .el-input__icon { - line-height: 28px +.el-input::-webkit-scrollbar-track-piece { + background: #fff; + width: 6px } -.el-input-group { - line-height: normal; - display: inline-table; - width: 100%; - border-collapse: separate; - border-spacing: 0 +.el-input .el-input__clear { + color: #babdc2; + font-size: 14px; + cursor: pointer; + -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1); + transition: color .2s cubic-bezier(.645, .045, .355, 1) } -.el-input-group>.el-input__inner { - vertical-align: middle; - display: table-cell +.el-input .el-input__clear:hover { + color: #1e2226 } -.el-input-group__append, -.el-input-group__prepend { - background-color: #f5f7fa; +.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; - vertical-align: middle; - display: table-cell; - position: relative; - border: 1px solid #dfe2e6; - border-radius: 4px; - padding: 0 20px; - width: 1px; - white-space: nowrap -} - -.el-input-group__append:focus, -.el-input-group__prepend:focus { - outline: 0 + font-size: 12px } -.el-input-group__append .el-button, -.el-input-group__append .el-select, -.el-input-group__prepend .el-button, -.el-input-group__prepend .el-select { +.el-input .el-input__count .el-input__count-inner { + background: #fff; + line-height: initial; 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 -} - -.el-input__inner::-ms-clear { - display: none; - width: 0; - height: 0 + padding: 0 5px } .el-scrollbar { @@ -15521,7 +13555,7 @@ border-color:#006AFF !important; } .el-form-item { - margin-bottom: 22px + /* margin-bottom: 22px */ } .el-form-item::after, @@ -15596,7 +13630,7 @@ border-color:#006AFF !important; vertical-align: middle; float: left; font-size: 14px; - color: #606266; + color: #1e2226; line-height: 18px; white-space: nowrap; padding: 0 12px 0 0; @@ -15605,9 +13639,7 @@ border-color:#006AFF !important; } .column .el-form-item__label{ margin-bottom: 12px; - } - .el-form-item__content { line-height: 40px; position: relative; @@ -26253,7 +24285,7 @@ border-color:#006AFF !important; border: 1px solid #dfe2e6; -webkit-box-sizing: border-box; box-sizing: border-box; - color: #606266; + color: #1e2226; display: inline-block; font-size: inherit; height: 40px; diff --git a/src/views/agent/siteList.vue b/src/views/agent/siteList.vue index a3a5bcd..3a2e0be 100644 --- a/src/views/agent/siteList.vue +++ b/src/views/agent/siteList.vue @@ -140,7 +140,7 @@ export default { // 服务列表url serviceListUrl: '/ui', // 站点设置url - siteSettingUrl: '/ui', + siteSettingUrl: '/siteSetting/siteBaseSetting', // 新增站点url addNewSiteUrl: '/ui', popoverFlag:false, @@ -250,7 +250,7 @@ export default { }).then(response => { if (response.status) { // 保存成功弹层提示 - this.$message.success(response.info); + this.$Message.success(response.info); // 更新分组名称 this.siteGroups.forEach((item) => { @@ -263,7 +263,7 @@ export default { this.$set(this.siteList, row) this.currentIcon = require('@/assets/site/drop_icon.svg'); } else { - this.$message.error(response.info); + this.$Message.error(response.info); } }).catch(error => { console.error(error, 'error') @@ -312,13 +312,13 @@ export default { }).then(response => { this.$nextTick(() => { if (response.status) { - this.$message.success(response.info); + this.$Message.success(response.info); // 更新分组 this.getSiteGroups() // 清空分组名称 this.groupname = '' } else { - this.$message.error(response.info); + this.$Message.error(response.info); } }) }).catch(error => {