iov-design 2.15.41 → 2.15.42
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/dialog.js +21 -9
- package/lib/index.js +1 -1
- package/lib/iov-design.common.js +98 -66
- package/lib/message-box.js +76 -56
- package/lib/theme-chalk/cascader-panel.css +1 -1
- package/lib/theme-chalk/cascader.css +1 -1
- package/lib/theme-chalk/dialog.css +1 -1
- package/lib/theme-chalk/drawer.css +1 -1
- package/lib/theme-chalk/index.css +1 -1
- package/lib/theme-chalk/message-box.css +1 -1
- package/lib/theme-chalk/radio.css +1 -1
- package/package.json +1 -1
- package/packages/dialog/src/component.vue +10 -6
- package/packages/message-box/src/main.js +2 -1
- package/packages/message-box/src/main.vue +16 -11
- package/packages/theme-chalk/lib/cascader-panel.css +1 -1
- package/packages/theme-chalk/lib/cascader.css +1 -1
- package/packages/theme-chalk/lib/dialog.css +1 -1
- package/packages/theme-chalk/lib/drawer.css +1 -1
- package/packages/theme-chalk/lib/index.css +1 -1
- package/packages/theme-chalk/lib/message-box.css +1 -1
- package/packages/theme-chalk/lib/radio.css +1 -1
- package/packages/theme-chalk/src/common/var.scss +1 -32
- package/packages/theme-chalk/src/dialog.scss +30 -23
- package/packages/theme-chalk/src/drawer.scss +2 -2
- package/packages/theme-chalk/src/message-box.scss +50 -72
- package/packages/theme-chalk/src/radio.scss +1 -1
- package/src/index.js +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.el-message-box,.el-popup-parent--hidden{overflow:hidden}.el-button.is-loading:before,.el-input__icon:after{content:''}.el-button-group>.el-button.is-active,.el-button-group>.el-button.is-disabled,.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}.v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@-webkit-keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-in{0%{opacity:0}}@-webkit-keyframes v-modal-out{100%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}.el-button{display:inline-block;white-space:nowrap;cursor:pointer;background:#F6F7F8;border:1px solid #DCDFE6;color:#212026;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:all ease .3s;transition:all ease .3s;font-weight:500;font-family:inherit;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:0 14px;height:36px;line-height:36px;font-size:14px;border-radius:4px}.el-button+.el-button{margin-left:10px}.el-button:hover{color:#6179FF;border-color:#6179FF;background-color:#F0F4FD}.el-button:active{color:#2735D2;border-color:#2735D2;background-color:#F0F4FD;outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=iov-icon-]+span{margin-left:4px}.el-button.is-plain{background-color:#F6F7F8}.el-button.is-plain:hover{background-color:#F0F4FD}.el-button.is-dashed{background-color:#F6F7F8;border-style:dashed}.el-button.is-dashed:hover{background-color:#F0F4FD}.el-button.is-ghost{background:0 0}.el-button.is-block{display:block;width:100%}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:#C6C7CA;cursor:not-allowed;background-image:none;background-color:#FFF;border-color:#EDEFF3}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain .el-button.is-disabled.is-plain:hover,.el-button.is-disabled.is-plain:focus{background-color:#FFF;border-color:#EDEFF3;color:#C6C7CA}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;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:0 14px}.el-button.is-circle{border-radius:50%;width:36px;padding:0}.el-button.is-icon-only{padding:0;width:36px;font-size:18px}.el-button--default.is-icon-only{border:0}.el-button--primary{background-color:#3F57FF;border-color:#3F57FF;color:#FFF}.el-button--primary:hover{background:#6179FF;border-color:#6179FF;color:#FFF}.el-button--primary.is-active,.el-button--primary:active{background:#2735D2;border-color:#2735D2;color:#FFF;outline:0}.el-button--primary.is-disabled,.el-button--primary.is-disabled:active,.el-button--primary.is-disabled:focus,.el-button--primary.is-disabled:hover{background-color:#C0CDFF;border-color:#C0CDFF;color:#FFF}.el-button--primary.is-plain{background:#F0F4FD;border-color:#C0CDFF;color:#3F57FF}.el-button--primary.is-plain:hover{background:#F0F4FD;border-color:#6179FF;color:#6179FF}.el-button--primary.is-plain.is-active,.el-button--primary.is-plain:active{background:#F0F4FD;border-color:#2735D2;color:#2735D2;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{background-color:#F0F4FD;border-color:#E6ECFE;color:#C0CDFF}.el-button--primary.is-dashed{background:#F0F4FD;border-color:#3F57FF;color:#3F57FF}.el-button--primary.is-dashed:hover{background:#F0F4FD;border-color:#6179FF;color:#6179FF}.el-button--primary.is-dashed.is-active,.el-button--primary.is-dashed:active{background:#F0F4FD;border-color:#2735D2;color:#2735D2;outline:0}.el-button--primary.is-dashed.is-disabled,.el-button--primary.is-dashed.is-disabled:active,.el-button--primary.is-dashed.is-disabled:focus,.el-button--primary.is-dashed.is-disabled:hover{background-color:#FFF;border-color:#C0CDFF;color:#C0CDFF}.el-button--primary.is-ghost{background:0 0;border-color:#3F57FF;color:#3F57FF}.el-button--primary.is-ghost:hover{background:0 0;border-color:#6179FF;color:#6179FF}.el-button--primary.is-ghost.is-active,.el-button--primary.is-ghost:active{background:0 0;border-color:#2735D2;color:#2735D2;outline:0}.el-button--primary.is-ghost.is-disabled,.el-button--primary.is-ghost.is-disabled:active,.el-button--primary.is-ghost.is-disabled:focus,.el-button--primary.is-ghost.is-disabled:hover{background:0 0;border-color:#C0CDFF;color:#C0CDFF}.el-button--success{background-color:#23B25D;border-color:#23B25D;color:#FFF}.el-button--success:hover{background:#42C170;border-color:#42C170;color:#FFF}.el-button--success.is-active,.el-button--success:active{background:#17994F;border-color:#17994F;color:#FFF;outline:0}.el-button--success.is-disabled,.el-button--success.is-disabled:active,.el-button--success.is-disabled:focus,.el-button--success.is-disabled:hover{background-color:#8CE0A5;border-color:#8CE0A5;color:#FFF}.el-button--success.is-plain{background:#EFF9F3;border-color:#8CE0A5;color:#23B25D}.el-button--success.is-plain:hover{background:#EFF9F3;border-color:#42C170;color:#42C170}.el-button--success.is-plain.is-active,.el-button--success.is-plain:active{background:#EFF9F3;border-color:#17994F;color:#17994F;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{background-color:#EFF9F3;border-color:#B8F0C7;color:#8CE0A5}.el-button--success.is-dashed{background:#EFF9F3;border-color:#23B25D;color:#23B25D}.el-button--success.is-dashed:hover{background:#EFF9F3;border-color:#42C170;color:#42C170}.el-button--success.is-dashed.is-active,.el-button--success.is-dashed:active{background:#EFF9F3;border-color:#17994F;color:#17994F;outline:0}.el-button--success.is-dashed.is-disabled,.el-button--success.is-dashed.is-disabled:active,.el-button--success.is-dashed.is-disabled:focus,.el-button--success.is-dashed.is-disabled:hover{background-color:#FFF;border-color:#8CE0A5;color:#8CE0A5}.el-button--success.is-ghost{background:0 0;border-color:#23B25D;color:#23B25D}.el-button--success.is-ghost:hover{background:0 0;border-color:#42C170;color:#42C170}.el-button--success.is-ghost.is-active,.el-button--success.is-ghost:active{background:0 0;border-color:#17994F;color:#17994F;outline:0}.el-button--success.is-ghost.is-disabled,.el-button--success.is-ghost.is-disabled:active,.el-button--success.is-ghost.is-disabled:focus,.el-button--success.is-ghost.is-disabled:hover{background:0 0;border-color:#8CE0A5;color:#8CE0A5}.el-button--warning{background-color:#FF7D00;border-color:#FF7D00;color:#FFF}.el-button--warning:hover{background:#FF9A2E;border-color:#FF9A2E;color:#FFF}.el-button--warning.is-active,.el-button--warning:active{background:#D25F00;border-color:#D25F00;color:#FFF;outline:0}.el-button--warning.is-disabled,.el-button--warning.is-disabled:active,.el-button--warning.is-disabled:focus,.el-button--warning.is-disabled:hover{background-color:#FFCF8B;border-color:#FFCF8B;color:#FFF}.el-button--warning.is-plain{background:#FFF7E8;border-color:#FFCF8B;color:#FF7D00}.el-button--warning.is-plain:hover{background:#FFF7E8;border-color:#FF9A2E;color:#FF9A2E}.el-button--warning.is-plain.is-active,.el-button--warning.is-plain:active{background:#FFF7E8;border-color:#D25F00;color:#D25F00;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{background-color:#FFF7E8;border-color:#FFE4BA;color:#FFCF8B}.el-button--warning.is-dashed{background:#FFF7E8;border-color:#FF7D00;color:#FF7D00}.el-button--warning.is-dashed:hover{background:#FFF7E8;border-color:#FF9A2E;color:#FF9A2E}.el-button--warning.is-dashed.is-active,.el-button--warning.is-dashed:active{background:#FFF7E8;border-color:#D25F00;color:#D25F00;outline:0}.el-button--warning.is-dashed.is-disabled,.el-button--warning.is-dashed.is-disabled:active,.el-button--warning.is-dashed.is-disabled:focus,.el-button--warning.is-dashed.is-disabled:hover{background-color:#FFF;border-color:#FFCF8B;color:#FFCF8B}.el-button--warning.is-ghost{background:0 0;border-color:#FF7D00;color:#FF7D00}.el-button--warning.is-ghost:hover{background:0 0;border-color:#FF9A2E;color:#FF9A2E}.el-button--warning.is-ghost.is-active,.el-button--warning.is-ghost:active{background:0 0;border-color:#D25F00;color:#D25F00;outline:0}.el-button--warning.is-ghost.is-disabled,.el-button--warning.is-ghost.is-disabled:active,.el-button--warning.is-ghost.is-disabled:focus,.el-button--warning.is-ghost.is-disabled:hover{background:0 0;border-color:#FFCF8B;color:#FFCF8B}.el-button--danger{background-color:#F53F3F;border-color:#F53F3F;color:#FFF}.el-button--danger:hover{background:#F76560;border-color:#F76560;color:#FFF}.el-button--danger.is-active,.el-button--danger:active{background:#CB272D;border-color:#CB272D;color:#FFF;outline:0}.el-button--danger.is-disabled,.el-button--danger.is-disabled:active,.el-button--danger.is-disabled:focus,.el-button--danger.is-disabled:hover{background-color:#FBACA3;border-color:#FBACA3;color:#FFF}.el-button--danger.is-plain{background:#FFF1F1;border-color:#FBACA3;color:#F53F3F}.el-button--danger.is-plain:hover{background:#FFF1F1;border-color:#F76560;color:#F76560}.el-button--danger.is-plain.is-active,.el-button--danger.is-plain:active{background:#FFF1F1;border-color:#CB272D;color:#CB272D;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{background-color:#FFF1F1;border-color:#FDCDC5;color:#FBACA3}.el-button--danger.is-dashed{background:#FFF1F1;border-color:#F53F3F;color:#F53F3F}.el-button--danger.is-dashed:hover{background:#FFF1F1;border-color:#F76560;color:#F76560}.el-button--danger.is-dashed.is-active,.el-button--danger.is-dashed:active{background:#FFF1F1;border-color:#CB272D;color:#CB272D;outline:0}.el-button--danger.is-dashed.is-disabled,.el-button--danger.is-dashed.is-disabled:active,.el-button--danger.is-dashed.is-disabled:focus,.el-button--danger.is-dashed.is-disabled:hover{background-color:#FFF;border-color:#FBACA3;color:#FBACA3}.el-button--danger.is-ghost{background:0 0;border-color:#F53F3F;color:#F53F3F}.el-button--danger.is-ghost:hover{background:0 0;border-color:#F76560;color:#F76560}.el-button--danger.is-ghost.is-active,.el-button--danger.is-ghost:active{background:0 0;border-color:#CB272D;color:#CB272D;outline:0}.el-button--danger.is-ghost.is-disabled,.el-button--danger.is-ghost.is-disabled:active,.el-button--danger.is-ghost.is-disabled:focus,.el-button--danger.is-ghost.is-disabled:hover{background:0 0;border-color:#FBACA3;color:#FBACA3}.el-button--info{background-color:#0D1722;border-color:#0D1722;color:#FFF}.el-button--info:hover{background:#494B53;border-color:#494B53;color:#FFF}.el-button--info.is-active,.el-button--info:active{background:#0D1722;border-color:#0D1722;color:#FFF;outline:0}.el-button--info.is-disabled,.el-button--info.is-disabled:active,.el-button--info.is-disabled:focus,.el-button--info.is-disabled:hover{background-color:#ABAFB5;border-color:#ABAFB5;color:#FFF}.el-button--info.is-plain{background:#F6F7F8;border-color:#E5E6EB;color:#494B53}.el-button--info.is-plain:hover{background:#F6F7F8;border-color:#777D87;color:#777D87}.el-button--info.is-plain.is-active,.el-button--info.is-plain:active{background:#F6F7F8;border-color:#212026;color:#212026;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{background-color:#F6F7F8;border-color:#F2F3F5;color:#E5E6EB}.el-button--info.is-dashed{background:#F6F7F8;border-color:#494B53;color:#494B53}.el-button--info.is-dashed:hover{background:#F6F7F8;border-color:#777D87;color:#777D87}.el-button--info.is-dashed.is-active,.el-button--info.is-dashed:active{background:#F6F7F8;border-color:#212026;color:#212026;outline:0}.el-button--info.is-dashed.is-disabled,.el-button--info.is-dashed.is-disabled:active,.el-button--info.is-dashed.is-disabled:focus,.el-button--info.is-dashed.is-disabled:hover{background-color:#FFF;border-color:#E5E6EB;color:#E5E6EB}.el-button--info.is-ghost{background:0 0;border-color:#494B53;color:#494B53}.el-button--info.is-ghost:hover{background:0 0;border-color:#777D87;color:#777D87}.el-button--info.is-ghost.is-active,.el-button--info.is-ghost:active{background:0 0;border-color:#212026;color:#212026;outline:0}.el-button--info.is-ghost.is-disabled,.el-button--info.is-ghost.is-disabled:active,.el-button--info.is-ghost.is-disabled:focus,.el-button--info.is-ghost.is-disabled:hover{background:0 0;border-color:#E5E6EB;color:#E5E6EB}.el-button--medium{padding:0 14px;height:32px;line-height:32px;font-size:13px;border-radius:4px}.el-button--medium.is-round{padding:0 14px}.el-button--medium.is-circle{width:32px}.el-button--medium.el-button--text{padding:0 8px;height:30px;line-height:30px}.el-button--medium.is-icon-only{font-size:16px;width:32px}.el-button--small{padding:0 14px;height:30px;line-height:30px;font-size:13px;border-radius:4px}.el-button--small.is-round{padding:0 14px}.el-button--small.is-circle{width:30px}.el-button--small.el-button--text{padding:0 4px;height:26px;line-height:26px}.el-button--small.is-icon-only{font-size:16px;width:30px}.el-button--mini{padding:0 8px;height:26px;line-height:26px;font-size:12px;border-radius:4px}.el-button--mini.is-round{padding:0 8px}.el-button--mini.is-circle{width:26px}.el-button--mini.el-button--text{padding:0 4px;height:22px;line-height:22px}.el-button--mini.is-icon-only{font-size:16px;width:26px}.el-button--text{border-color:transparent;color:#3F57FF;background:0 0}.el-button--text:hover{color:#3F57FF;border-color:#F0F4FD;background-color:#F0F4FD}.el-button--text:active{color:#3F57FF;border-color:#E6ECFE;background-color:#E6ECFE}.el-button--text.is-disabled,.el-button--text.is-disabled:focus,.el-button--text.is-disabled:hover{color:#C0CDFF;border-color:transparent}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group::after,.el-button-group::before{display:table;content:""}.el-input,.el-textarea,.el-textarea__inner{display:block;width:100%}.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: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-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-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-textarea{position:relative;vertical-align:bottom;font-size:14px}.el-textarea__inner{resize:vertical;padding:5px 12px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:inherit;color:#212026;background-color:#FFF;background-image:none;border:1px solid #DCDFE6;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:#C6C7CA}.el-textarea__inner::-moz-placeholder{color:#C6C7CA}.el-textarea__inner:-ms-input-placeholder{color:#C6C7CA}.el-textarea__inner::-ms-input-placeholder{color:#C6C7CA}.el-textarea__inner::placeholder{color:#C6C7CA}.el-textarea__inner:hover{border-color:#6179FF}.el-textarea__inner:focus{outline:0;border-color:#3F57FF;-webkit-box-shadow:0 0 0 2px rgba(47,72,255,.1);box-shadow:0 0 0 2px rgba(47,72,255,.1)}.el-textarea .el-input__count{color:#C6C7CA;background:#FFF;position:absolute;font-size:12px;bottom:5px;right:10px}.el-textarea.is-disabled .el-textarea__inner{background-color:#F6F7F8;border-color:#DCDFE6;color:#A2A3AA;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#C6C7CA}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:#C6C7CA}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#C6C7CA}.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder{color:#C6C7CA}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#C6C7CA}.el-textarea.is-exceed .el-textarea__inner{border-color:#F53F3F}.el-textarea.is-exceed .el-input__count{color:#F53F3F}.el-input{position:relative;font-size:14px}.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{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-input .el-input__clear:before{margin-right:-12px;color:#777D87;font-size:10px;position:relative;line-height:1}.el-input .el-input__clear:after{border-radius:100%;width:14px;height:14px;background:#E5E6EB}.el-input .el-input__clear:hover:before{color:#FFF}.el-input .el-input__clear:hover:after{background:#777D87}.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:#0D1722;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-group--prefix,.el-input-group--suffix,.el-input__inner{background-image:none;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-input__inner{-webkit-appearance:none;background-color:#FFF;border-radius:4px;border:1px solid #DCDFE6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#212026;display:block;font-size:inherit;height:36px;line-height:36px;outline:0;padding:0 12px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__inner::-ms-reveal{display:none}.el-input__inner::-webkit-input-placeholder{color:#C6C7CA}.el-input__inner::-moz-placeholder{color:#C6C7CA}.el-input__inner:-ms-input-placeholder{color:#C6C7CA}.el-input__inner::-ms-input-placeholder{color:#C6C7CA}.el-input__inner::placeholder{color:#C6C7CA}.el-input__prefix,.el-input__suffix{padding-left:8px;position:absolute;top:1px;bottom:1px;color:#777D87;z-index:2;text-align:center}.el-input__inner:hover{border-color:#6179FF}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#3F57FF;outline:0}.el-input__inner:focus{-webkit-box-shadow:0 0 0 2px rgba(47,72,255,.1);box-shadow:0 0 0 2px rgba(47,72,255,.1)}.el-input__prefix .el-input__icon,.el-input__suffix .el-input__icon{line-height:34px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-input__suffix{right:1px;border-radius:0 4px 4px 0;background:#FFF;pointer-events:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}.el-input__prefix,.el-input__suffix-inner{display:-webkit-box;display:-ms-flexbox;-webkit-box-align:center}.el-input__suffix-inner{pointer-events:all;display:flex;-ms-flex-align:center;align-items:center}.el-input__prefix{left:1px;border-radius:4px;display:flex;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}.el-input__icon{padding-right:8px;height:100%;width:auto;font-size:14px;text-align:center;line-height:36px;cursor:pointer}.el-input--medium,.el-input--small{font-size:13px}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#F6F7F8;border-color:#DCDFE6;color:#6B707A;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#C6C7CA}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:#C6C7CA}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#C6C7CA}.el-input.is-disabled .el-input__inner::-ms-input-placeholder{color:#C6C7CA}.el-input.is-disabled .el-input__inner::placeholder{color:#C6C7CA}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input.is-disabled .el-input-group__prefix-label,.el-input.is-disabled .el-input-group__suffix-label,.el-input.is-disabled .el-input__prefix,.el-input.is-disabled .el-input__suffix{background-color:#F6F7F8}.el-input.is-exceed .el-input__inner{border-color:#F53F3F}.el-input.is-exceed .el-input__suffix .el-input__count{color:#F53F3F}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium .el-input__inner{height:32px}.el-input--medium .el-input__icon{line-height:32px}.el-input--medium .el-input-group__append,.el-input--medium .el-input-group__prepend{height:32px;line-height:32px}.el-input--medium .el-input-group__prefix-label,.el-input--medium .el-input-group__suffix-label{height:30px;line-height:30px}.el-input--medium .el-input-group--prefix,.el-input--medium .el-input-group--suffix{height:32px}.el-input--medium .el-input-group--prefix .el-input__inner,.el-input--medium .el-input-group--suffix .el-input__inner{height:30px;line-height:30px}.el-input--medium .el-input-group--prefix .el-input__icon,.el-input--medium .el-input-group--suffix .el-input__icon{line-height:30px}.el-input--small .el-input__inner{height:30px}.el-input--small .el-input__icon{line-height:30px}.el-input--small .el-input-group__append,.el-input--small .el-input-group__prepend{height:30px;line-height:30px}.el-input--small .el-input-group__prefix-label,.el-input--small .el-input-group__suffix-label{height:28px;line-height:28px}.el-input--small .el-input-group--prefix,.el-input--small .el-input-group--suffix{height:30px}.el-input--small .el-input-group--prefix .el-input__inner,.el-input--small .el-input-group--suffix .el-input__inner{height:28px;line-height:28px}.el-input--small .el-input-group--prefix .el-input__icon,.el-input--small .el-input-group--suffix .el-input__icon{line-height:28px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:26px}.el-input--mini .el-input__icon{line-height:26px}.el-input--mini .el-input-group__append,.el-input--mini .el-input-group__prepend{height:26px;line-height:26px}.el-input--mini .el-input-group__prefix-label,.el-input--mini .el-input-group__suffix-label{height:24px;line-height:24px}.el-input--mini .el-input-group--prefix,.el-input--mini .el-input-group--suffix{height:26px}.el-input--mini .el-input-group--prefix .el-input__inner,.el-input--mini .el-input-group--suffix .el-input__inner{height:24px;line-height:24px}.el-input--mini .el-input-group--prefix .el-input__icon,.el-input--mini .el-input-group--suffix .el-input__icon{line-height:24px}.el-input-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.el-input-group>.el-input__inner{display:block}.el-input-group>.el-input-group__inner{z-index:1}.el-input-group .el-input-group__inner{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-input-group--append .el-input-group__inner,.el-input-group--append .el-input__inner{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group--prepend .el-input-group__inner,.el-input-group--prepend .el-input__inner{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--prefix,.el-input-group--suffix{color:#212026;background-color:#FFF;border:1px solid #DCDFE6;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);z-index:1}.el-input-group--prefix:hover,.el-input-group--suffix:hover{border-color:#6179FF}.el-input-group--prefix:hover.is-disabled,.el-input-group--suffix:hover.is-disabled{border-color:#DCDFE6}.el-input-group--prefix:focus,.el-input-group--suffix:focus{outline:0}.el-input-group--prefix.is-focus,.el-input-group--suffix.is-focus{outline:0;border-color:#3F57FF;-webkit-box-shadow:0 0 0 2px rgba(47,72,255,.1);box-shadow:0 0 0 2px rgba(47,72,255,.1);z-index:2}.el-input-group--prefix.is-disabled,.el-input-group--suffix.is-disabled{background-color:#F6F7F8}.el-input-group--prefix .el-input__inner,.el-input-group--prefix:focus,.el-input-group--suffix .el-input__inner,.el-input-group--suffix:focus{margin:0 auto;border:0;-webkit-box-shadow:none;box-shadow:none;padding-right:8px;height:34px}.el-input-group--prefix .el-input-group__prepend,.el-input-group--suffix .el-input-group__prepend{border:0;border-right:1px solid #DCDFE6!important}.el-input-group--prefix .el-input-group__append,.el-input-group--suffix .el-input-group__append{border:0;border-left:1px solid #DCDFE6!important}.el-input-group__prefix-label,.el-input-group__suffix-label{color:#65677A;position:relative;padding:0 0 0 12px;white-space:nowrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:4px;height:34px;line-height:34px;-webkit-box-sizing:border-box;box-sizing:border-box}.el-input-group__prefix-label:focus,.el-input-group__suffix-label:focus{outline:0}.el-input-group__prefix-label .el-select .el-input__inner,.el-input-group__suffix-label .el-select .el-input__inner{color:#65677A}.el-input-group__prefix-label .el-select .el-input.is-focus .el-input__inner,.el-input-group__suffix-label .el-select .el-input.is-focus .el-input__inner{border:0;-webkit-box-shadow:none;box-shadow:none}.el-input-group__prefix-label .el-select{margin-left:-12px}.el-input-group__suffix-label{padding:0 12px 0 0;display:inline}.el-input-group__suffix-label .el-select{margin-right:-12px}.el-input-group__append,.el-input-group__prepend{background-color:#F5F7FA;color:#0D1722;position:relative;border:1px solid #D2D5DF;border-radius:4px;padding:0 12px;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0;border-color:#3F57FF;-webkit-box-shadow:0 0 0 2px rgba(47,72,255,.1);box-shadow:0 0 0 2px rgba(47,72,255,.1)}.el-input-group__append.is-button,.el-input-group__append.is-select,.el-input-group__prepend.is-button,.el-input-group__prepend.is-select{border:0;padding:0}.el-input-group__append.is-button .el-input__suffix,.el-input-group__append.is-select .el-input__suffix,.el-input-group__prepend.is-button .el-input__suffix,.el-input-group__prepend.is-select .el-input__suffix{background:0 0}.el-input-group__append.is-button .el-input.is-focus,.el-input-group__append.is-button .el-input:hover,.el-input-group__append.is-button .el-input__inner:focus,.el-input-group__append.is-select .el-input.is-focus,.el-input-group__append.is-select .el-input:hover,.el-input-group__append.is-select .el-input__inner:focus,.el-input-group__prepend.is-button .el-input.is-focus,.el-input-group__prepend.is-button .el-input:hover,.el-input-group__prepend.is-button .el-input__inner:focus,.el-input-group__prepend.is-select .el-input.is-focus,.el-input-group__prepend.is-select .el-input:hover,.el-input-group__prepend.is-select .el-input__inner:focus{z-index:2}.el-input-group__append .is-focus .el-input__inner,.el-input-group__prepend .is-focus .el-input__inner{background:#fff;z-index:2}.el-input-group__append .el-input__inner,.el-input-group__prepend .el-input__inner{padding:0 12px;background:#F6F7F8}.el-input-group__prepend{margin-right:-1px;border-top-right-radius:0;border-bottom-right-radius:0;height:36px;line-height:36px}.el-input-group__prepend .el-button,.el-input-group__prepend .el-input__inner{position:relative;border-radius:4px 0 0 4px}.el-input-group__append{margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0;height:36px;line-height:36px}.el-input-group__append .el-button,.el-input-group__append .el-input__inner{position:relative;border-radius:0 4px 4px 0}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-message-box{display:inline-block;width:480px;padding-bottom:10px;vertical-align:middle;background-color:#FFF;border-radius:4px;border:1px solid #EBEEF5;font-size:18px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);text-align:left;-webkit-backface-visibility:hidden;backface-visibility:hidden}.el-message-box__wrapper{position:fixed;top:0;bottom:0;left:0;right:0;text-align:center}.el-message-box__wrapper::after{content:"";display:inline-block;height:100%;width:0;vertical-align:middle}.el-message-box__header{position:relative;padding:15px 15px 10px}.el-message-box__title{padding-left:0;margin-bottom:0;font-size:18px;line-height:1;color:#303133}.el-message-box__headerbtn{position:absolute;top:15px;right:15px;padding:0;border:none;outline:0;background:0 0;font-size:16px;cursor:pointer}.el-message-box__headerbtn .el-message-box__close{color:#0D1722}.el-message-box__headerbtn:focus .el-message-box__close,.el-message-box__headerbtn:hover .el-message-box__close{color:#2F48FF}.el-message-box__content{padding:10px 15px;color:#212026;font-size:14px}.el-message-box__container{position:relative}.el-message-box__input{padding-top:15px}.el-message-box__input input.invalid,.el-message-box__input input.invalid:focus{border-color:#F53F3F}.el-message-box__status{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:24px!important}.el-message-box__status::before{padding-left:1px}.el-message-box__status+.el-message-box__message{padding-left:36px;padding-right:12px}.el-message-box__status.el-icon-success{color:#23B25D}.el-message-box__status.el-icon-info{color:#0D1722}.el-message-box__status.el-icon-warning{color:#FF7D00}.el-message-box__status.el-icon-error{color:#F53F3F}.el-message-box__message{margin:0}.el-message-box__message p{margin:0;line-height:24px}.el-message-box__errormsg{color:#F53F3F;font-size:12px;min-height:18px;margin-top:2px}.el-message-box__btns{padding:5px 15px 0;text-align:right}.el-message-box__btns button:nth-child(2){margin-left:10px}.el-message-box__btns-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.el-message-box--center{padding-bottom:30px}.el-message-box--center .el-message-box__header{padding-top:30px}.el-message-box--center .el-message-box__title{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-message-box--center .el-message-box__status{position:relative;top:auto;padding-right:5px;text-align:center;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.el-message-box--center .el-message-box__message{margin-left:0}.el-message-box--center .el-message-box__btns,.el-message-box--center .el-message-box__content{text-align:center}.el-message-box--center .el-message-box__content{padding-left:27px;padding-right:27px}.msgbox-fade-enter-active{-webkit-animation:msgbox-fade-in .3s;animation:msgbox-fade-in .3s}.msgbox-fade-leave-active{-webkit-animation:msgbox-fade-out .3s;animation:msgbox-fade-out .3s}@-webkit-keyframes msgbox-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes msgbox-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes msgbox-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes msgbox-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}
|
|
1
|
+
.el-message-box,.el-popup-parent--hidden{overflow:hidden}.el-button.is-loading:before,.el-input__icon:after{content:''}.el-button-group>.el-button.is-active,.el-button-group>.el-button.is-disabled,.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}.v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@-webkit-keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-in{0%{opacity:0}}@-webkit-keyframes v-modal-out{100%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}.el-button{display:inline-block;white-space:nowrap;cursor:pointer;background:#F6F7F8;border:1px solid #DCDFE6;color:#212026;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:all ease .3s;transition:all ease .3s;font-weight:500;font-family:inherit;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:0 14px;height:36px;line-height:36px;font-size:14px;border-radius:4px}.el-button+.el-button{margin-left:10px}.el-button:hover{color:#6179FF;border-color:#6179FF;background-color:#F0F4FD}.el-button:active{color:#2735D2;border-color:#2735D2;background-color:#F0F4FD;outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=iov-icon-]+span{margin-left:4px}.el-button.is-plain{background-color:#F6F7F8}.el-button.is-plain:hover{background-color:#F0F4FD}.el-button.is-dashed{background-color:#F6F7F8;border-style:dashed}.el-button.is-dashed:hover{background-color:#F0F4FD}.el-button.is-ghost{background:0 0}.el-button.is-block{display:block;width:100%}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:#C6C7CA;cursor:not-allowed;background-image:none;background-color:#FFF;border-color:#EDEFF3}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain .el-button.is-disabled.is-plain:hover,.el-button.is-disabled.is-plain:focus{background-color:#FFF;border-color:#EDEFF3;color:#C6C7CA}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;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:0 14px}.el-button.is-circle{border-radius:50%;width:36px;padding:0}.el-button.is-icon-only{padding:0;width:36px;font-size:18px}.el-button--default.is-icon-only{border:0}.el-button--primary{background-color:#3F57FF;border-color:#3F57FF;color:#FFF}.el-button--primary:hover{background:#6179FF;border-color:#6179FF;color:#FFF}.el-button--primary.is-active,.el-button--primary:active{background:#2735D2;border-color:#2735D2;color:#FFF;outline:0}.el-button--primary.is-disabled,.el-button--primary.is-disabled:active,.el-button--primary.is-disabled:focus,.el-button--primary.is-disabled:hover{background-color:#C0CDFF;border-color:#C0CDFF;color:#FFF}.el-button--primary.is-plain{background:#F0F4FD;border-color:#C0CDFF;color:#3F57FF}.el-button--primary.is-plain:hover{background:#F0F4FD;border-color:#6179FF;color:#6179FF}.el-button--primary.is-plain.is-active,.el-button--primary.is-plain:active{background:#F0F4FD;border-color:#2735D2;color:#2735D2;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{background-color:#F0F4FD;border-color:#E6ECFE;color:#C0CDFF}.el-button--primary.is-dashed{background:#F0F4FD;border-color:#3F57FF;color:#3F57FF}.el-button--primary.is-dashed:hover{background:#F0F4FD;border-color:#6179FF;color:#6179FF}.el-button--primary.is-dashed.is-active,.el-button--primary.is-dashed:active{background:#F0F4FD;border-color:#2735D2;color:#2735D2;outline:0}.el-button--primary.is-dashed.is-disabled,.el-button--primary.is-dashed.is-disabled:active,.el-button--primary.is-dashed.is-disabled:focus,.el-button--primary.is-dashed.is-disabled:hover{background-color:#FFF;border-color:#C0CDFF;color:#C0CDFF}.el-button--primary.is-ghost{background:0 0;border-color:#3F57FF;color:#3F57FF}.el-button--primary.is-ghost:hover{background:0 0;border-color:#6179FF;color:#6179FF}.el-button--primary.is-ghost.is-active,.el-button--primary.is-ghost:active{background:0 0;border-color:#2735D2;color:#2735D2;outline:0}.el-button--primary.is-ghost.is-disabled,.el-button--primary.is-ghost.is-disabled:active,.el-button--primary.is-ghost.is-disabled:focus,.el-button--primary.is-ghost.is-disabled:hover{background:0 0;border-color:#C0CDFF;color:#C0CDFF}.el-button--success{background-color:#23B25D;border-color:#23B25D;color:#FFF}.el-button--success:hover{background:#42C170;border-color:#42C170;color:#FFF}.el-button--success.is-active,.el-button--success:active{background:#17994F;border-color:#17994F;color:#FFF;outline:0}.el-button--success.is-disabled,.el-button--success.is-disabled:active,.el-button--success.is-disabled:focus,.el-button--success.is-disabled:hover{background-color:#8CE0A5;border-color:#8CE0A5;color:#FFF}.el-button--success.is-plain{background:#EFF9F3;border-color:#8CE0A5;color:#23B25D}.el-button--success.is-plain:hover{background:#EFF9F3;border-color:#42C170;color:#42C170}.el-button--success.is-plain.is-active,.el-button--success.is-plain:active{background:#EFF9F3;border-color:#17994F;color:#17994F;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{background-color:#EFF9F3;border-color:#B8F0C7;color:#8CE0A5}.el-button--success.is-dashed{background:#EFF9F3;border-color:#23B25D;color:#23B25D}.el-button--success.is-dashed:hover{background:#EFF9F3;border-color:#42C170;color:#42C170}.el-button--success.is-dashed.is-active,.el-button--success.is-dashed:active{background:#EFF9F3;border-color:#17994F;color:#17994F;outline:0}.el-button--success.is-dashed.is-disabled,.el-button--success.is-dashed.is-disabled:active,.el-button--success.is-dashed.is-disabled:focus,.el-button--success.is-dashed.is-disabled:hover{background-color:#FFF;border-color:#8CE0A5;color:#8CE0A5}.el-button--success.is-ghost{background:0 0;border-color:#23B25D;color:#23B25D}.el-button--success.is-ghost:hover{background:0 0;border-color:#42C170;color:#42C170}.el-button--success.is-ghost.is-active,.el-button--success.is-ghost:active{background:0 0;border-color:#17994F;color:#17994F;outline:0}.el-button--success.is-ghost.is-disabled,.el-button--success.is-ghost.is-disabled:active,.el-button--success.is-ghost.is-disabled:focus,.el-button--success.is-ghost.is-disabled:hover{background:0 0;border-color:#8CE0A5;color:#8CE0A5}.el-button--warning{background-color:#FF7D00;border-color:#FF7D00;color:#FFF}.el-button--warning:hover{background:#FF9A2E;border-color:#FF9A2E;color:#FFF}.el-button--warning.is-active,.el-button--warning:active{background:#D25F00;border-color:#D25F00;color:#FFF;outline:0}.el-button--warning.is-disabled,.el-button--warning.is-disabled:active,.el-button--warning.is-disabled:focus,.el-button--warning.is-disabled:hover{background-color:#FFCF8B;border-color:#FFCF8B;color:#FFF}.el-button--warning.is-plain{background:#FFF7E8;border-color:#FFCF8B;color:#FF7D00}.el-button--warning.is-plain:hover{background:#FFF7E8;border-color:#FF9A2E;color:#FF9A2E}.el-button--warning.is-plain.is-active,.el-button--warning.is-plain:active{background:#FFF7E8;border-color:#D25F00;color:#D25F00;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{background-color:#FFF7E8;border-color:#FFE4BA;color:#FFCF8B}.el-button--warning.is-dashed{background:#FFF7E8;border-color:#FF7D00;color:#FF7D00}.el-button--warning.is-dashed:hover{background:#FFF7E8;border-color:#FF9A2E;color:#FF9A2E}.el-button--warning.is-dashed.is-active,.el-button--warning.is-dashed:active{background:#FFF7E8;border-color:#D25F00;color:#D25F00;outline:0}.el-button--warning.is-dashed.is-disabled,.el-button--warning.is-dashed.is-disabled:active,.el-button--warning.is-dashed.is-disabled:focus,.el-button--warning.is-dashed.is-disabled:hover{background-color:#FFF;border-color:#FFCF8B;color:#FFCF8B}.el-button--warning.is-ghost{background:0 0;border-color:#FF7D00;color:#FF7D00}.el-button--warning.is-ghost:hover{background:0 0;border-color:#FF9A2E;color:#FF9A2E}.el-button--warning.is-ghost.is-active,.el-button--warning.is-ghost:active{background:0 0;border-color:#D25F00;color:#D25F00;outline:0}.el-button--warning.is-ghost.is-disabled,.el-button--warning.is-ghost.is-disabled:active,.el-button--warning.is-ghost.is-disabled:focus,.el-button--warning.is-ghost.is-disabled:hover{background:0 0;border-color:#FFCF8B;color:#FFCF8B}.el-button--danger{background-color:#F53F3F;border-color:#F53F3F;color:#FFF}.el-button--danger:hover{background:#F76560;border-color:#F76560;color:#FFF}.el-button--danger.is-active,.el-button--danger:active{background:#CB272D;border-color:#CB272D;color:#FFF;outline:0}.el-button--danger.is-disabled,.el-button--danger.is-disabled:active,.el-button--danger.is-disabled:focus,.el-button--danger.is-disabled:hover{background-color:#FBACA3;border-color:#FBACA3;color:#FFF}.el-button--danger.is-plain{background:#FFF1F1;border-color:#FBACA3;color:#F53F3F}.el-button--danger.is-plain:hover{background:#FFF1F1;border-color:#F76560;color:#F76560}.el-button--danger.is-plain.is-active,.el-button--danger.is-plain:active{background:#FFF1F1;border-color:#CB272D;color:#CB272D;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{background-color:#FFF1F1;border-color:#FDCDC5;color:#FBACA3}.el-button--danger.is-dashed{background:#FFF1F1;border-color:#F53F3F;color:#F53F3F}.el-button--danger.is-dashed:hover{background:#FFF1F1;border-color:#F76560;color:#F76560}.el-button--danger.is-dashed.is-active,.el-button--danger.is-dashed:active{background:#FFF1F1;border-color:#CB272D;color:#CB272D;outline:0}.el-button--danger.is-dashed.is-disabled,.el-button--danger.is-dashed.is-disabled:active,.el-button--danger.is-dashed.is-disabled:focus,.el-button--danger.is-dashed.is-disabled:hover{background-color:#FFF;border-color:#FBACA3;color:#FBACA3}.el-button--danger.is-ghost{background:0 0;border-color:#F53F3F;color:#F53F3F}.el-button--danger.is-ghost:hover{background:0 0;border-color:#F76560;color:#F76560}.el-button--danger.is-ghost.is-active,.el-button--danger.is-ghost:active{background:0 0;border-color:#CB272D;color:#CB272D;outline:0}.el-button--danger.is-ghost.is-disabled,.el-button--danger.is-ghost.is-disabled:active,.el-button--danger.is-ghost.is-disabled:focus,.el-button--danger.is-ghost.is-disabled:hover{background:0 0;border-color:#FBACA3;color:#FBACA3}.el-button--info{background-color:#0D1722;border-color:#0D1722;color:#FFF}.el-button--info:hover{background:#494B53;border-color:#494B53;color:#FFF}.el-button--info.is-active,.el-button--info:active{background:#0D1722;border-color:#0D1722;color:#FFF;outline:0}.el-button--info.is-disabled,.el-button--info.is-disabled:active,.el-button--info.is-disabled:focus,.el-button--info.is-disabled:hover{background-color:#ABAFB5;border-color:#ABAFB5;color:#FFF}.el-button--info.is-plain{background:#F6F7F8;border-color:#E5E6EB;color:#494B53}.el-button--info.is-plain:hover{background:#F6F7F8;border-color:#777D87;color:#777D87}.el-button--info.is-plain.is-active,.el-button--info.is-plain:active{background:#F6F7F8;border-color:#212026;color:#212026;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{background-color:#F6F7F8;border-color:#F2F3F5;color:#E5E6EB}.el-button--info.is-dashed{background:#F6F7F8;border-color:#494B53;color:#494B53}.el-button--info.is-dashed:hover{background:#F6F7F8;border-color:#777D87;color:#777D87}.el-button--info.is-dashed.is-active,.el-button--info.is-dashed:active{background:#F6F7F8;border-color:#212026;color:#212026;outline:0}.el-button--info.is-dashed.is-disabled,.el-button--info.is-dashed.is-disabled:active,.el-button--info.is-dashed.is-disabled:focus,.el-button--info.is-dashed.is-disabled:hover{background-color:#FFF;border-color:#E5E6EB;color:#E5E6EB}.el-button--info.is-ghost{background:0 0;border-color:#494B53;color:#494B53}.el-button--info.is-ghost:hover{background:0 0;border-color:#777D87;color:#777D87}.el-button--info.is-ghost.is-active,.el-button--info.is-ghost:active{background:0 0;border-color:#212026;color:#212026;outline:0}.el-button--info.is-ghost.is-disabled,.el-button--info.is-ghost.is-disabled:active,.el-button--info.is-ghost.is-disabled:focus,.el-button--info.is-ghost.is-disabled:hover{background:0 0;border-color:#E5E6EB;color:#E5E6EB}.el-button--medium{padding:0 14px;height:32px;line-height:32px;font-size:13px;border-radius:4px}.el-button--medium.is-round{padding:0 14px}.el-button--medium.is-circle{width:32px}.el-button--medium.el-button--text{padding:0 8px;height:30px;line-height:30px}.el-button--medium.is-icon-only{font-size:16px;width:32px}.el-button--small{padding:0 14px;height:30px;line-height:30px;font-size:13px;border-radius:4px}.el-button--small.is-round{padding:0 14px}.el-button--small.is-circle{width:30px}.el-button--small.el-button--text{padding:0 4px;height:26px;line-height:26px}.el-button--small.is-icon-only{font-size:16px;width:30px}.el-button--mini{padding:0 8px;height:26px;line-height:26px;font-size:12px;border-radius:4px}.el-button--mini.is-round{padding:0 8px}.el-button--mini.is-circle{width:26px}.el-button--mini.el-button--text{padding:0 4px;height:22px;line-height:22px}.el-button--mini.is-icon-only{font-size:16px;width:26px}.el-button--text{border-color:transparent;color:#3F57FF;background:0 0}.el-button--text:hover{color:#3F57FF;border-color:#F0F4FD;background-color:#F0F4FD}.el-button--text:active{color:#3F57FF;border-color:#E6ECFE;background-color:#E6ECFE}.el-button--text.is-disabled,.el-button--text.is-disabled:focus,.el-button--text.is-disabled:hover{color:#C0CDFF;border-color:transparent}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group::after,.el-button-group::before{display:table;content:""}.el-input,.el-textarea,.el-textarea__inner{display:block;width:100%}.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: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-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-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-textarea{position:relative;vertical-align:bottom;font-size:14px}.el-textarea__inner{resize:vertical;padding:5px 12px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:inherit;color:#212026;background-color:#FFF;background-image:none;border:1px solid #DCDFE6;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:#C6C7CA}.el-textarea__inner::-moz-placeholder{color:#C6C7CA}.el-textarea__inner:-ms-input-placeholder{color:#C6C7CA}.el-textarea__inner::-ms-input-placeholder{color:#C6C7CA}.el-textarea__inner::placeholder{color:#C6C7CA}.el-textarea__inner:hover{border-color:#6179FF}.el-textarea__inner:focus{outline:0;border-color:#3F57FF;-webkit-box-shadow:0 0 0 2px rgba(47,72,255,.1);box-shadow:0 0 0 2px rgba(47,72,255,.1)}.el-textarea .el-input__count{color:#C6C7CA;background:#FFF;position:absolute;font-size:12px;bottom:5px;right:10px}.el-textarea.is-disabled .el-textarea__inner{background-color:#F6F7F8;border-color:#DCDFE6;color:#A2A3AA;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#C6C7CA}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:#C6C7CA}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#C6C7CA}.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder{color:#C6C7CA}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#C6C7CA}.el-textarea.is-exceed .el-textarea__inner{border-color:#F53F3F}.el-textarea.is-exceed .el-input__count{color:#F53F3F}.el-input{position:relative;font-size:14px}.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{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-input .el-input__clear:before{margin-right:-12px;color:#777D87;font-size:10px;position:relative;line-height:1}.el-input .el-input__clear:after{border-radius:100%;width:14px;height:14px;background:#E5E6EB}.el-input .el-input__clear:hover:before{color:#FFF}.el-input .el-input__clear:hover:after{background:#777D87}.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:#0D1722;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-group--prefix,.el-input-group--suffix,.el-input__inner{background-image:none;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-input__inner{-webkit-appearance:none;background-color:#FFF;border-radius:4px;border:1px solid #DCDFE6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#212026;display:block;font-size:inherit;height:36px;line-height:36px;outline:0;padding:0 12px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__inner::-ms-reveal{display:none}.el-input__inner::-webkit-input-placeholder{color:#C6C7CA}.el-input__inner::-moz-placeholder{color:#C6C7CA}.el-input__inner:-ms-input-placeholder{color:#C6C7CA}.el-input__inner::-ms-input-placeholder{color:#C6C7CA}.el-input__inner::placeholder{color:#C6C7CA}.el-input__prefix,.el-input__suffix{padding-left:8px;position:absolute;top:1px;bottom:1px;color:#777D87;z-index:2;text-align:center}.el-input__inner:hover{border-color:#6179FF}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#3F57FF;outline:0}.el-input__inner:focus{-webkit-box-shadow:0 0 0 2px rgba(47,72,255,.1);box-shadow:0 0 0 2px rgba(47,72,255,.1)}.el-input__prefix .el-input__icon,.el-input__suffix .el-input__icon{line-height:34px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-input__suffix{right:1px;border-radius:0 4px 4px 0;background:#FFF;pointer-events:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}.el-input__prefix,.el-input__suffix-inner{display:-webkit-box;display:-ms-flexbox;-webkit-box-align:center}.el-input__suffix-inner{pointer-events:all;display:flex;-ms-flex-align:center;align-items:center}.el-input__prefix{left:1px;border-radius:4px;display:flex;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}.el-input__icon{padding-right:8px;height:100%;width:auto;font-size:14px;text-align:center;line-height:36px;cursor:pointer}.el-input--medium,.el-input--small{font-size:13px}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#F6F7F8;border-color:#DCDFE6;color:#6B707A;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#C6C7CA}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:#C6C7CA}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#C6C7CA}.el-input.is-disabled .el-input__inner::-ms-input-placeholder{color:#C6C7CA}.el-input.is-disabled .el-input__inner::placeholder{color:#C6C7CA}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input.is-disabled .el-input-group__prefix-label,.el-input.is-disabled .el-input-group__suffix-label,.el-input.is-disabled .el-input__prefix,.el-input.is-disabled .el-input__suffix{background-color:#F6F7F8}.el-input.is-exceed .el-input__inner{border-color:#F53F3F}.el-input.is-exceed .el-input__suffix .el-input__count{color:#F53F3F}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium .el-input__inner{height:32px}.el-input--medium .el-input__icon{line-height:32px}.el-input--medium .el-input-group__append,.el-input--medium .el-input-group__prepend{height:32px;line-height:32px}.el-input--medium .el-input-group__prefix-label,.el-input--medium .el-input-group__suffix-label{height:30px;line-height:30px}.el-input--medium .el-input-group--prefix,.el-input--medium .el-input-group--suffix{height:32px}.el-input--medium .el-input-group--prefix .el-input__inner,.el-input--medium .el-input-group--suffix .el-input__inner{height:30px;line-height:30px}.el-input--medium .el-input-group--prefix .el-input__icon,.el-input--medium .el-input-group--suffix .el-input__icon{line-height:30px}.el-input--small .el-input__inner{height:30px}.el-input--small .el-input__icon{line-height:30px}.el-input--small .el-input-group__append,.el-input--small .el-input-group__prepend{height:30px;line-height:30px}.el-input--small .el-input-group__prefix-label,.el-input--small .el-input-group__suffix-label{height:28px;line-height:28px}.el-input--small .el-input-group--prefix,.el-input--small .el-input-group--suffix{height:30px}.el-input--small .el-input-group--prefix .el-input__inner,.el-input--small .el-input-group--suffix .el-input__inner{height:28px;line-height:28px}.el-input--small .el-input-group--prefix .el-input__icon,.el-input--small .el-input-group--suffix .el-input__icon{line-height:28px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:26px}.el-input--mini .el-input__icon{line-height:26px}.el-input--mini .el-input-group__append,.el-input--mini .el-input-group__prepend{height:26px;line-height:26px}.el-input--mini .el-input-group__prefix-label,.el-input--mini .el-input-group__suffix-label{height:24px;line-height:24px}.el-input--mini .el-input-group--prefix,.el-input--mini .el-input-group--suffix{height:26px}.el-input--mini .el-input-group--prefix .el-input__inner,.el-input--mini .el-input-group--suffix .el-input__inner{height:24px;line-height:24px}.el-input--mini .el-input-group--prefix .el-input__icon,.el-input--mini .el-input-group--suffix .el-input__icon{line-height:24px}.el-input-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.el-input-group>.el-input__inner{display:block}.el-input-group>.el-input-group__inner{z-index:1}.el-input-group .el-input-group__inner{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-input-group--append .el-input-group__inner,.el-input-group--append .el-input__inner{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group--prepend .el-input-group__inner,.el-input-group--prepend .el-input__inner{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--prefix,.el-input-group--suffix{color:#212026;background-color:#FFF;border:1px solid #DCDFE6;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);z-index:1}.el-input-group--prefix:hover,.el-input-group--suffix:hover{border-color:#6179FF}.el-input-group--prefix:hover.is-disabled,.el-input-group--suffix:hover.is-disabled{border-color:#DCDFE6}.el-input-group--prefix:focus,.el-input-group--suffix:focus{outline:0}.el-input-group--prefix.is-focus,.el-input-group--suffix.is-focus{outline:0;border-color:#3F57FF;-webkit-box-shadow:0 0 0 2px rgba(47,72,255,.1);box-shadow:0 0 0 2px rgba(47,72,255,.1);z-index:2}.el-input-group--prefix.is-disabled,.el-input-group--suffix.is-disabled{background-color:#F6F7F8}.el-input-group--prefix .el-input__inner,.el-input-group--prefix:focus,.el-input-group--suffix .el-input__inner,.el-input-group--suffix:focus{margin:0 auto;border:0;-webkit-box-shadow:none;box-shadow:none;padding-right:8px;height:34px}.el-input-group--prefix .el-input-group__prepend,.el-input-group--suffix .el-input-group__prepend{border:0;border-right:1px solid #DCDFE6!important}.el-input-group--prefix .el-input-group__append,.el-input-group--suffix .el-input-group__append{border:0;border-left:1px solid #DCDFE6!important}.el-input-group__prefix-label,.el-input-group__suffix-label{color:#65677A;position:relative;padding:0 0 0 12px;white-space:nowrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:4px;height:34px;line-height:34px;-webkit-box-sizing:border-box;box-sizing:border-box}.el-input-group__prefix-label:focus,.el-input-group__suffix-label:focus{outline:0}.el-input-group__prefix-label .el-select .el-input__inner,.el-input-group__suffix-label .el-select .el-input__inner{color:#65677A}.el-input-group__prefix-label .el-select .el-input.is-focus .el-input__inner,.el-input-group__suffix-label .el-select .el-input.is-focus .el-input__inner{border:0;-webkit-box-shadow:none;box-shadow:none}.el-input-group__prefix-label .el-select{margin-left:-12px}.el-input-group__suffix-label{padding:0 12px 0 0;display:inline}.el-input-group__suffix-label .el-select{margin-right:-12px}.el-input-group__append,.el-input-group__prepend{background-color:#F5F7FA;color:#0D1722;position:relative;border:1px solid #D2D5DF;border-radius:4px;padding:0 12px;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0;border-color:#3F57FF;-webkit-box-shadow:0 0 0 2px rgba(47,72,255,.1);box-shadow:0 0 0 2px rgba(47,72,255,.1)}.el-input-group__append.is-button,.el-input-group__append.is-select,.el-input-group__prepend.is-button,.el-input-group__prepend.is-select{border:0;padding:0}.el-input-group__append.is-button .el-input__suffix,.el-input-group__append.is-select .el-input__suffix,.el-input-group__prepend.is-button .el-input__suffix,.el-input-group__prepend.is-select .el-input__suffix{background:0 0}.el-input-group__append.is-button .el-input.is-focus,.el-input-group__append.is-button .el-input:hover,.el-input-group__append.is-button .el-input__inner:focus,.el-input-group__append.is-select .el-input.is-focus,.el-input-group__append.is-select .el-input:hover,.el-input-group__append.is-select .el-input__inner:focus,.el-input-group__prepend.is-button .el-input.is-focus,.el-input-group__prepend.is-button .el-input:hover,.el-input-group__prepend.is-button .el-input__inner:focus,.el-input-group__prepend.is-select .el-input.is-focus,.el-input-group__prepend.is-select .el-input:hover,.el-input-group__prepend.is-select .el-input__inner:focus{z-index:2}.el-input-group__append .is-focus .el-input__inner,.el-input-group__prepend .is-focus .el-input__inner{background:#fff;z-index:2}.el-input-group__append .el-input__inner,.el-input-group__prepend .el-input__inner{padding:0 12px;background:#F6F7F8}.el-input-group__prepend{margin-right:-1px;border-top-right-radius:0;border-bottom-right-radius:0;height:36px;line-height:36px}.el-input-group__prepend .el-button,.el-input-group__prepend .el-input__inner{position:relative;border-radius:4px 0 0 4px}.el-input-group__append{margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0;height:36px;line-height:36px}.el-input-group__append .el-button,.el-input-group__append .el-input__inner{position:relative;border-radius:0 4px 4px 0}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-message-box{display:inline-block;width:480px;background:#fff;border-radius:8px;text-align:left;-webkit-backface-visibility:hidden;backface-visibility:hidden}.el-message-box__wrapper{position:fixed;top:0;bottom:0;left:0;right:0;text-align:center}.el-message-box__wrapper::after{content:"";display:inline-block;height:100%;width:0;vertical-align:middle}.el-message-box__header{position:relative;padding:16px 24px}.el-message-box__header.el-message-box__header-border{border-bottom:1px solid #EDEFF3}.el-message-box__title{padding-left:0;margin-bottom:0;font-size:16px;line-height:1;color:#212026}.el-message-box__headerbtn{position:absolute;top:50%;right:20px;padding:4px;cursor:pointer;font-size:0;margin-top:-12px;-webkit-transition:all ease .3s;transition:all ease .3s;border-radius:4px}.el-message-box__headerbtn .el-message-box__close{font-size:16px;color:#777D87}.el-message-box__headerbtn:focus,.el-message-box__headerbtn:hover{background:#F6F7F8}.el-message-box__headerbtn:focus .el-message-box__close,.el-message-box__headerbtn:hover .el-message-box__close{color:#494B53}.el-message-box__content{padding:16px 24px 0;color:#212026;font-size:13px;line-height:20px}.el-message-box__container{position:relative}.el-message-box__input{padding-top:4px}.el-message-box__input input.invalid,.el-message-box__input input.invalid:focus{border-color:#F53F3F}.el-message-box__status{font-size:24px!important;position:absolute;top:-2px}.el-message-box__status+.el-message-box__message{padding-left:32px}.el-message-box__status.iov-icon-fill-success{color:#23B25D}.el-message-box__status.iov-icon-fill-explain{color:#3F57FF}.el-message-box__status.iov-icon-fill-warning{color:#FF7D00}.el-message-box__status.iov-icon-fill-fail{color:#F53F3F}.el-message-box__message{margin:0}.el-message-box__message p{margin:0;line-height:20px}.el-message-box__errormsg{color:#F53F3F;font-size:12px;min-height:18px;margin-top:2px}.el-message-box__btns{padding:16px 24px 20px;text-align:right}.el-message-box__btns button:nth-child(2){margin-left:10px}.el-message-box__btns-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.el-message-box--title-icon .el-message-box__header{padding:24px 24px 0;border-bottom:0 none}.el-message-box--title-icon .el-message-box__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-message-box--title-icon .el-message-box__status{margin-right:8px;position:relative;top:auto}.el-message-box--title-icon .el-message-box__content{padding-left:56px;padding-top:8px;color:#6B707A}.el-message-box--title-icon .el-message-box__message{margin-left:0}.msgbox-fade-enter-active{-webkit-animation:msgbox-fade-in .3s;animation:msgbox-fade-in .3s}.msgbox-fade-leave-active{-webkit-animation:msgbox-fade-out .3s;animation:msgbox-fade-out .3s}@-webkit-keyframes msgbox-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes msgbox-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes msgbox-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes msgbox-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.el-radio,.el-radio__input{white-space:nowrap;outline:0}.el-radio{color:#0D1722;font-weight:400;line-height:28px;position:relative;cursor:pointer;display:inline-block;font-size:14px;margin-right:30px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.el-radio:hover .el-radio__inner{border-color:#3F57FF}.el-radio.is-disabled{cursor:not-allowed}.el-radio.is-bordered{margin-right:8px;padding:0 16px;border-radius:4px;border:1px solid #DCDFE6;-webkit-box-sizing:border-box;box-sizing:border-box;height:36px;line-height:36px;-webkit-transition:border-color ease .3s;transition:border-color ease .3s}.el-radio.is-bordered.is-checked{border-color:#3F57FF}.el-radio.is-bordered.is-checked .el-radio__label{-webkit-transition:color ease .3s;transition:color ease .3s;color:#3F57FF}.el-radio.is-bordered.is-checked.is-disabled{background:#fff;border-color:#C0CDFF}.el-radio.is-bordered.is-checked.is-disabled .el-radio__label{color:#C0CDFF}.el-radio.is-bordered.is-disabled{cursor:not-allowed;background:#F6F7F8}.el-radio.is-card{margin-right:12px;padding:12px;border-radius:4px;border:1px solid #DCDFE6;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:border-color ease .3s;transition:border-color ease .3s;overflow:hidden;background:#fff}.el-radio.is-card .el-radio__input{float:left;font-size:0}.el-radio
|
|
1
|
+
.el-radio,.el-radio__input{white-space:nowrap;outline:0}.el-radio{color:#0D1722;font-weight:400;line-height:28px;position:relative;cursor:pointer;display:inline-block;font-size:14px;margin-right:30px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.el-radio:hover .el-radio__inner{border-color:#3F57FF}.el-radio.is-disabled{cursor:not-allowed}.el-radio.is-bordered{margin-right:8px;padding:0 16px;border-radius:4px;border:1px solid #DCDFE6;-webkit-box-sizing:border-box;box-sizing:border-box;height:36px;line-height:36px;-webkit-transition:border-color ease .3s;transition:border-color ease .3s}.el-radio.is-bordered.is-checked{border-color:#3F57FF}.el-radio.is-bordered.is-checked .el-radio__label{-webkit-transition:color ease .3s;transition:color ease .3s;color:#3F57FF}.el-radio.is-bordered.is-checked.is-disabled{background:#fff;border-color:#C0CDFF}.el-radio.is-bordered.is-checked.is-disabled .el-radio__label{color:#C0CDFF}.el-radio.is-bordered.is-disabled{cursor:not-allowed;background:#F6F7F8}.el-radio.is-card{margin-right:12px;padding:12px;border-radius:4px;border:1px solid #DCDFE6;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:border-color ease .3s;transition:border-color ease .3s;overflow:hidden;background:#fff}.el-radio.is-card .el-radio__input{float:left;font-size:0}.el-radio.is-card .el-radio__input.is-checked+.el-radio__label{color:#3F57FF}.el-radio.is-card .el-radio__label{font-weight:600;font-size:13px;line-height:16px;color:#212026;float:left;overflow:hidden}.el-radio.is-card .el-radio__desc{margin:6px 0 0;font-weight:400;font-size:12px;line-height:1;color:#6B707A}.el-radio--medium .el-radio__label,.el-radio--medium.is-bordered .el-radio__label,.el-radio--medium.is-button .el-radio__label,.el-radio--mini .el-radio__label,.el-radio--mini.is-bordered .el-radio__label,.el-radio--mini.is-button .el-radio__label,.el-radio--small .el-radio__label,.el-radio--small.is-bordered .el-radio__label,.el-radio--small.is-button .el-radio__label{font-size:13px}.el-radio.is-card.is-card-radio.is-checked:after{display:none}.el-radio.is-card.is-disabled{border-color:#E6ECFE}.el-radio.is-card.is-disabled .el-radio__label{color:#6B707A}.el-radio.is-card.is-disabled .el-radio__desc{color:#A2A3AA}.el-radio.is-card.is-checked{border-color:#3F57FF;background:#F0F4FD}.el-radio.is-card.is-checked:after{content:'';width:26px;height:24px;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjYgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDc2LjAwMDAwMCwgLTYwOS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzM4LjAwMDAwMCwgNjA5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTM4LjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCwwIEwyMiwwIEMyNC4yMDkxMzksMCAyNiwxLjc5MDg2MSAyNiw0IEwyNiwyNCBMMjYsMjQgTDAsMCBaIiBmaWxsPSIjM0Y1N0ZGIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuMDAwMDAwLCAzLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iQXJ0Ym9hcmQiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTkuODk2MTk5NiwyLjkwNjM0MzY2IEwxMC44NDMyMDQxLDMuODUxMTk5NjYgQzEwLjk0MDk0NiwzLjk0ODcxOTggMTAuOTQxMTI1OCw0LjEwNzAxMDk0IDEwLjg0MzYwNTYsNC4yMDQ3NTI4MyBDMTAuODQzNDcxOSw0LjIwNDg4NjgyIDEwLjg0MzMzODEsNC4yMDUwMjA2NSAxMC44NDMyMDQxLDQuMjA1MTU0MzQgTDUuOTM3NzczMDMsOS4wOTk0NTYyNyBMNS45Mzc3NzMwMyw5LjA5OTQ1NjI3IEw1LjU1MDM2NjU3LDkuNDg1OTgzOCBDNS40MjY1NTAzOCw5LjYwOTUxOTA4IDUuMjI4MzA5MDksOS42MTYzNDU3OSA1LjA5NjI4ODA3LDkuNTAxNjIwNjIgTDQuNjgzMTA4NzMsOS4xNDI1NzExOSBMNC42ODMxMDg3Myw5LjE0MjU3MTE5IEwyLjA5MDYxMzM2LDYuODg5NzE0MTIgTDEuNTg2MDUwMzMsNi40NTEyNTMwMiBDMS40ODE4MzE0Niw2LjM2MDY4NzY4IDEuNDcwNzYzMDksNi4yMDI3ODM4OCAxLjU2MTMyODQyLDYuMDk4NTY1MDEgQzEuNTYxNDUxNCw2LjA5ODQyMzUgMS41NjE1NzQ1NCw2LjA5ODI4MjEyIDEuNTYxNjk3ODMsNi4wOTgxNDA4OCBMMi40NDEyNTExMSw1LjA5MDU3NDUxIEMyLjUzMTkwNjI4LDQuOTg2NzI1MSAyLjY4OTUxNjYsNC45NzU4NTU0NSAyLjc5MzU2OTcxLDUuMDY2Mjc2NzQgTDMuMjk4OTgxODQsNS41MDU0NzU3MSBMMy4yOTg5ODE4NCw1LjUwNTQ3NTcxIEw1LjEyNjczMTMzLDcuMDkzNzk5NDcgQzUuMTkyNzQwODksNy4xNTExNjIxMiA1LjI5MTg2MDY4LDcuMTQ3NzUwMDcgNS4zNTM3Njk0MSw3LjA4NTk4NDAyIEw5LjA2OTE0MzcyLDMuMzc5MTcyNzIgTDkuMDY5MTQzNzIsMy4zNzkxNzI3MiBMOS41NDMwNDc5NSwyLjkwNjM0MzY2IEM5LjY0MDYzMjg5LDIuODA4OTgwMTEgOS43OTg2MTQ2NSwyLjgwODk4MDExIDkuODk2MTk5NiwyLjkwNjM0MzY2IFoiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==) no-repeat;background-size:26px 24px;position:absolute;top:-1px;right:-1px}.el-radio__inner,.el-radio__input{position:relative;display:inline-block}.el-radio.is-card.is-checked.is-disabled{border-color:#3F57FF;background:#F0F4FD}.el-radio.is-card.is-checked.is-disabled .el-radio__label{color:#3F57FF}.el-radio.is-card.is-disabled{cursor:not-allowed;background:#F6F7F8}.el-radio.is-button{margin-right:8px;color:#65677A;background:#F2F3F5;padding:0 16px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;height:36px;line-height:36px;-webkit-transition:background-color ease .3s;transition:background-color ease .3s}.el-radio.is-button:hover{color:#6179FF;background:#E6ECFE}.el-radio.is-button.is-checked{background:#E6ECFE}.el-radio.is-button.is-checked .el-radio__label{-webkit-transition:color ease .3s;transition:color ease .3s;color:#3F57FF}.el-radio.is-button.is-checked.is-disabled{background-color:#F0F4FD}.el-radio.is-button.is-checked.is-disabled .el-radio__label{color:#C0CDFF}.el-radio.is-button.is-disabled{cursor:not-allowed;background:#F6F7F8}.el-radio.is-button.is-disabled .el-radio__label{color:#C6C7CA}.el-radio--medium.is-bordered,.el-radio--medium.is-button{padding:0 12px;border-radius:4px;height:32px;line-height:32px}.el-radio--medium.is-button{line-height:32px}.el-radio--small.is-bordered,.el-radio--small.is-button{padding:0 12px;border-radius:4px;height:30px;line-height:30px}.el-radio--small.is-button{line-height:30px}.el-radio--mini.is-bordered,.el-radio--mini.is-button{padding:0 12px;border-radius:4px;height:26px;line-height:26px}.el-radio--mini.is-button{line-height:26px}.el-radio:last-child{margin-right:0}.el-radio__input{margin-right:8px;cursor:pointer;line-height:1;vertical-align:middle}.el-radio__input.is-disabled .el-radio__inner{background-color:#F6F7F8;border-color:#D2D5DF;cursor:not-allowed}.el-radio__input.is-disabled .el-radio__inner::after{cursor:not-allowed;background-color:#F6F7F8}.el-radio__input.is-disabled .el-radio__inner+.el-radio__label{cursor:not-allowed}.el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:#FFF;border-color:#C0CDFF}.el-radio__input.is-disabled.is-checked .el-radio__inner::after{background-color:#C0CDFF}.el-radio__input.is-disabled+span.el-radio__label{color:#A2A3AA;cursor:not-allowed}.el-radio__input.is-checked .el-radio__inner{border-color:#3F57FF;background:#FFF}.el-radio__input.is-checked .el-radio__inner::after{background:#3F57FF;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.el-radio__input.is-checked+.el-radio__label{color:#0D1722}.el-radio__input.is-focus .el-radio__inner{border-color:#3F57FF}.el-radio__inner{border:1px solid #D2D5DF;border-radius:100%;width:16px;height:16px;background-color:#FFF;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all ease .3s;transition:all ease .3s}.el-radio__inner:hover{border-color:#3F57FF}.el-radio__inner::after{width:10px;height:10px;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-radio__original{opacity:0;outline:0;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.el-radio__label{font-size:14px}
|
|
@@ -296,28 +296,6 @@ $--alert-icon-size: 16px !default;
|
|
|
296
296
|
$--alert-icon-large-size: 28px !default;
|
|
297
297
|
|
|
298
298
|
/* MessageBox
|
|
299
|
-
-------------------------- */
|
|
300
|
-
/// color||Color|0
|
|
301
|
-
$--messagebox-title-color: $--color-text-primary !default;
|
|
302
|
-
$--msgbox-width: 480px !default;
|
|
303
|
-
$--msgbox-border-radius: 4px !default;
|
|
304
|
-
/// fontSize||Font|1
|
|
305
|
-
$--messagebox-font-size: $--font-size-large !default;
|
|
306
|
-
/// fontSize||Font|1
|
|
307
|
-
$--messagebox-content-font-size: $--font-size-base !default;
|
|
308
|
-
/// color||Color|0
|
|
309
|
-
$--messagebox-content-color: $--color-text-regular !default;
|
|
310
|
-
/// fontSize||Font|1
|
|
311
|
-
$--messagebox-error-font-size: 12px !default;
|
|
312
|
-
$--msgbox-padding-primary: 15px !default;
|
|
313
|
-
/// color||Color|0
|
|
314
|
-
$--messagebox-success-color: $--color-success !default;
|
|
315
|
-
/// color||Color|0
|
|
316
|
-
$--messagebox-info-color: $--color-info !default;
|
|
317
|
-
/// color||Color|0
|
|
318
|
-
$--messagebox-warning-color: $--color-warning !default;
|
|
319
|
-
/// color||Color|0
|
|
320
|
-
$--messagebox-danger-color: $--color-danger !default;
|
|
321
299
|
|
|
322
300
|
/* Message
|
|
323
301
|
-------------------------- */
|
|
@@ -532,16 +510,7 @@ $--switch-button-size: 16px !default;
|
|
|
532
510
|
|
|
533
511
|
/* Dialog
|
|
534
512
|
-------------------------- */
|
|
535
|
-
$--dialog-
|
|
536
|
-
$--dialog-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !default;
|
|
537
|
-
/// fontSize||Font|1
|
|
538
|
-
$--dialog-title-font-size: $--font-size-large !default;
|
|
539
|
-
/// fontSize||Font|1
|
|
540
|
-
$--dialog-content-font-size: 14px !default;
|
|
541
|
-
/// fontLineHeight||LineHeight|2
|
|
542
|
-
$--dialog-font-line-height: $--font-line-height-primary !default;
|
|
543
|
-
/// padding||Spacing|3
|
|
544
|
-
$--dialog-padding-primary: 20px !default;
|
|
513
|
+
$--dialog-padding: 16px 24px !default;
|
|
545
514
|
|
|
546
515
|
/* Table
|
|
547
516
|
-------------------------- */
|
|
@@ -6,9 +6,8 @@
|
|
|
6
6
|
@include b(dialog) {
|
|
7
7
|
position: relative;
|
|
8
8
|
margin: 0 auto 50px;
|
|
9
|
-
background:
|
|
10
|
-
border-radius:
|
|
11
|
-
box-shadow: $--dialog-box-shadow;
|
|
9
|
+
background: #fff;
|
|
10
|
+
border-radius: 8px;
|
|
12
11
|
box-sizing: border-box;
|
|
13
12
|
width: 50%;
|
|
14
13
|
|
|
@@ -31,50 +30,59 @@
|
|
|
31
30
|
}
|
|
32
31
|
|
|
33
32
|
@include e(header) {
|
|
34
|
-
padding: $--dialog-padding
|
|
35
|
-
|
|
33
|
+
padding: $--dialog-padding;
|
|
34
|
+
position: relative;
|
|
35
|
+
border-bottom: 1px solid $--color-line-1;
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
@include e(headerbtn) {
|
|
39
39
|
position: absolute;
|
|
40
|
-
top:
|
|
41
|
-
right:
|
|
42
|
-
padding:
|
|
43
|
-
background: transparent;
|
|
44
|
-
border: none;
|
|
45
|
-
outline: none;
|
|
40
|
+
top: 50%;
|
|
41
|
+
right: 20px;
|
|
42
|
+
padding: 4px;
|
|
46
43
|
cursor: pointer;
|
|
47
|
-
font-size:
|
|
44
|
+
font-size: 0;
|
|
45
|
+
margin-top: -12px;
|
|
46
|
+
transition: all ease .3s;
|
|
47
|
+
border-radius: 4px;
|
|
48
48
|
|
|
49
49
|
.el-dialog__close {
|
|
50
|
-
|
|
50
|
+
font-size: 16px;
|
|
51
|
+
color: $--color-fill-5;
|
|
51
52
|
}
|
|
52
53
|
|
|
53
54
|
&:focus, &:hover {
|
|
55
|
+
background: $--color-fill-1;
|
|
54
56
|
.el-dialog__close {
|
|
55
|
-
color: $--color-
|
|
57
|
+
color: $--color-fill-6;
|
|
56
58
|
}
|
|
57
59
|
}
|
|
58
60
|
}
|
|
59
61
|
|
|
60
62
|
@include e(title) {
|
|
61
|
-
line-height:
|
|
62
|
-
font-size:
|
|
63
|
-
color: $--color-text-
|
|
63
|
+
line-height: 1;
|
|
64
|
+
font-size: 16px;
|
|
65
|
+
color: $--color-text-6;
|
|
64
66
|
}
|
|
65
67
|
|
|
66
68
|
@include e(body) {
|
|
67
|
-
padding:
|
|
68
|
-
|
|
69
|
-
|
|
69
|
+
padding: $--dialog-padding;
|
|
70
|
+
padding-bottom: 0;
|
|
71
|
+
color: $--color-text-6;
|
|
72
|
+
font-size: 13px;
|
|
70
73
|
word-break: break-all;
|
|
74
|
+
max-height: 503px;
|
|
75
|
+
overflow-y: auto;
|
|
76
|
+
&.el-dialog__body--desc {
|
|
77
|
+
padding-bottom: 20px;
|
|
78
|
+
}
|
|
71
79
|
}
|
|
72
80
|
|
|
73
81
|
@include e(footer) {
|
|
74
|
-
padding:
|
|
75
|
-
padding-top: 10px;
|
|
82
|
+
padding: 16px 24px 20px 0;
|
|
76
83
|
text-align: right;
|
|
77
84
|
box-sizing: border-box;
|
|
85
|
+
font-size: 0;
|
|
78
86
|
}
|
|
79
87
|
|
|
80
88
|
// 内容居中布局
|
|
@@ -83,7 +91,6 @@
|
|
|
83
91
|
|
|
84
92
|
@include e(body) {
|
|
85
93
|
text-align: initial;
|
|
86
|
-
padding: 25px ($--dialog-padding-primary + 5px) 30px;
|
|
87
94
|
}
|
|
88
95
|
|
|
89
96
|
@include e(footer) {
|
|
@@ -112,7 +112,7 @@ $directions: rtl, ltr, ttb, btt;
|
|
|
112
112
|
@include b(drawer) {
|
|
113
113
|
position: absolute;
|
|
114
114
|
box-sizing: border-box;
|
|
115
|
-
background-color:
|
|
115
|
+
background-color: #fff;
|
|
116
116
|
display: flex;
|
|
117
117
|
flex-direction: column;
|
|
118
118
|
box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2),
|
|
@@ -141,7 +141,7 @@ $directions: rtl, ltr, ttb, btt;
|
|
|
141
141
|
color: rgb(114, 118, 123);
|
|
142
142
|
display: flex;
|
|
143
143
|
margin-bottom: 32px;
|
|
144
|
-
padding:
|
|
144
|
+
padding: 20px;
|
|
145
145
|
padding-bottom: 0;
|
|
146
146
|
& > :first-child {
|
|
147
147
|
flex: 1;
|
|
@@ -6,14 +6,9 @@
|
|
|
6
6
|
|
|
7
7
|
@include b(message-box) {
|
|
8
8
|
display: inline-block;
|
|
9
|
-
width:
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
background-color: $--color-white;
|
|
13
|
-
border-radius: $--msgbox-border-radius;
|
|
14
|
-
border: 1px solid $--border-color-lighter;
|
|
15
|
-
font-size: $--messagebox-font-size;
|
|
16
|
-
box-shadow: $--box-shadow-light;
|
|
9
|
+
width: 480px;
|
|
10
|
+
background: #fff;
|
|
11
|
+
border-radius: 8px;
|
|
17
12
|
text-align: left;
|
|
18
13
|
overflow: hidden;
|
|
19
14
|
backface-visibility: hidden;
|
|
@@ -37,54 +32,58 @@
|
|
|
37
32
|
|
|
38
33
|
@include e(header) {
|
|
39
34
|
position: relative;
|
|
40
|
-
padding:
|
|
41
|
-
|
|
35
|
+
padding: 16px 24px;
|
|
36
|
+
&.el-message-box__header-border {
|
|
37
|
+
border-bottom: 1px solid $--color-line-1;
|
|
38
|
+
}
|
|
42
39
|
}
|
|
43
40
|
|
|
44
41
|
@include e(title) {
|
|
45
42
|
padding-left: 0;
|
|
46
43
|
margin-bottom: 0;
|
|
47
|
-
font-size:
|
|
44
|
+
font-size: 16px;
|
|
48
45
|
line-height: 1;
|
|
49
|
-
color: $--
|
|
46
|
+
color: $--color-text-6;
|
|
50
47
|
}
|
|
51
48
|
|
|
52
49
|
@include e(headerbtn) {
|
|
53
50
|
position: absolute;
|
|
54
|
-
top:
|
|
55
|
-
right:
|
|
56
|
-
padding:
|
|
57
|
-
border: none;
|
|
58
|
-
outline: none;
|
|
59
|
-
background: transparent;
|
|
60
|
-
font-size: $--message-close-size;
|
|
51
|
+
top: 50%;
|
|
52
|
+
right: 20px;
|
|
53
|
+
padding: 4px;
|
|
61
54
|
cursor: pointer;
|
|
55
|
+
font-size: 0;
|
|
56
|
+
margin-top: -12px;
|
|
57
|
+
transition: all ease .3s;
|
|
58
|
+
border-radius: 4px;
|
|
62
59
|
|
|
63
60
|
.el-message-box__close {
|
|
64
|
-
|
|
61
|
+
font-size: 16px;
|
|
62
|
+
color: $--color-fill-5;
|
|
65
63
|
}
|
|
66
64
|
|
|
67
65
|
&:focus, &:hover {
|
|
66
|
+
background: $--color-fill-1;
|
|
68
67
|
.el-message-box__close {
|
|
69
|
-
color: $--color-
|
|
68
|
+
color: $--color-fill-6;
|
|
70
69
|
}
|
|
71
70
|
}
|
|
72
71
|
|
|
73
72
|
}
|
|
74
73
|
|
|
75
74
|
@include e(content) {
|
|
76
|
-
padding:
|
|
77
|
-
color: $--
|
|
78
|
-
font-size:
|
|
75
|
+
padding: 16px 24px 0;
|
|
76
|
+
color: $--color-text-6;
|
|
77
|
+
font-size: 13px;
|
|
78
|
+
line-height: 20px;
|
|
79
79
|
}
|
|
80
|
-
|
|
80
|
+
|
|
81
81
|
@include e(container) {
|
|
82
82
|
position: relative;
|
|
83
83
|
}
|
|
84
84
|
|
|
85
85
|
@include e(input) {
|
|
86
|
-
padding-top:
|
|
87
|
-
|
|
86
|
+
padding-top: 4px;
|
|
88
87
|
& input.invalid {
|
|
89
88
|
border-color: $--color-danger;
|
|
90
89
|
&:focus {
|
|
@@ -94,35 +93,28 @@
|
|
|
94
93
|
}
|
|
95
94
|
|
|
96
95
|
@include e(status) {
|
|
97
|
-
position: absolute;
|
|
98
|
-
top: 50%;
|
|
99
|
-
transform: translateY(-50%);
|
|
100
96
|
font-size: 24px !important;
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
// 防止图标切割
|
|
104
|
-
padding-left: 1px;
|
|
105
|
-
}
|
|
97
|
+
position: absolute;
|
|
98
|
+
top: -2px;
|
|
106
99
|
|
|
107
100
|
+ .el-message-box__message {
|
|
108
|
-
padding-left:
|
|
109
|
-
padding-right: 12px;
|
|
101
|
+
padding-left: 32px;
|
|
110
102
|
}
|
|
111
103
|
|
|
112
|
-
&.
|
|
113
|
-
color: $--
|
|
104
|
+
&.iov-icon-fill-success {
|
|
105
|
+
color: $--color-success-6;
|
|
114
106
|
}
|
|
115
107
|
|
|
116
|
-
&.
|
|
117
|
-
color: $--
|
|
108
|
+
&.iov-icon-fill-explain {
|
|
109
|
+
color: $--color-primary-6;
|
|
118
110
|
}
|
|
119
111
|
|
|
120
|
-
&.
|
|
121
|
-
color: $--
|
|
112
|
+
&.iov-icon-fill-warning {
|
|
113
|
+
color: $--color-warning-6;
|
|
122
114
|
}
|
|
123
115
|
|
|
124
|
-
&.
|
|
125
|
-
color: $--
|
|
116
|
+
&.iov-icon-fill-fail {
|
|
117
|
+
color: $--color-danger-6;
|
|
126
118
|
}
|
|
127
119
|
}
|
|
128
120
|
|
|
@@ -131,19 +123,19 @@
|
|
|
131
123
|
|
|
132
124
|
& p {
|
|
133
125
|
margin: 0;
|
|
134
|
-
line-height:
|
|
126
|
+
line-height: 20px;
|
|
135
127
|
}
|
|
136
128
|
}
|
|
137
129
|
|
|
138
130
|
@include e(errormsg) {
|
|
139
|
-
color: $--color-danger;
|
|
140
|
-
font-size:
|
|
131
|
+
color: $--color-danger-6;
|
|
132
|
+
font-size: 12px;
|
|
141
133
|
min-height: 18px;
|
|
142
134
|
margin-top: 2px;
|
|
143
135
|
}
|
|
144
136
|
|
|
145
137
|
@include e(btns) {
|
|
146
|
-
padding:
|
|
138
|
+
padding: 16px 24px 20px;
|
|
147
139
|
text-align: right;
|
|
148
140
|
|
|
149
141
|
& button:nth-child(2) {
|
|
@@ -156,42 +148,28 @@
|
|
|
156
148
|
}
|
|
157
149
|
|
|
158
150
|
// centerAlign 布局
|
|
159
|
-
@include m(
|
|
160
|
-
padding-bottom: 30px;
|
|
161
|
-
|
|
151
|
+
@include m(title-icon) {
|
|
162
152
|
@include e(header) {
|
|
163
|
-
padding
|
|
153
|
+
padding: 24px 24px 0;
|
|
154
|
+
border-bottom: 0 none;
|
|
164
155
|
}
|
|
165
|
-
|
|
166
156
|
@include e(title) {
|
|
167
|
-
position: relative;
|
|
168
157
|
display: flex;
|
|
169
158
|
align-items: center;
|
|
170
|
-
justify-content: center;
|
|
171
159
|
}
|
|
172
|
-
|
|
173
160
|
@include e(status) {
|
|
161
|
+
margin-right: 8px;
|
|
174
162
|
position: relative;
|
|
175
163
|
top: auto;
|
|
176
|
-
padding-right: 5px;
|
|
177
|
-
text-align: center;
|
|
178
|
-
transform: translateY(-1px);
|
|
179
164
|
}
|
|
180
|
-
|
|
165
|
+
@include e(content) {
|
|
166
|
+
padding-left: 56px;
|
|
167
|
+
padding-top: 8px;
|
|
168
|
+
color: $--color-text-3;
|
|
169
|
+
}
|
|
181
170
|
@include e(message) {
|
|
182
171
|
margin-left: 0;
|
|
183
172
|
}
|
|
184
|
-
|
|
185
|
-
@include e((btns, content)) {
|
|
186
|
-
text-align: center;
|
|
187
|
-
}
|
|
188
|
-
|
|
189
|
-
@include e(content) {
|
|
190
|
-
$padding-horizontal: $--msgbox-padding-primary + 12px;
|
|
191
|
-
|
|
192
|
-
padding-left: $padding-horizontal;
|
|
193
|
-
padding-right: $padding-horizontal;
|
|
194
|
-
}
|
|
195
173
|
}
|
|
196
174
|
}
|
|
197
175
|
|