|
@@ -108,148 +108,148 @@
|
|
|
|
|
|
|
|
|
/* 按钮 default */
|
|
|
- .el-button--default:not(.is-text):not(.el-button--text),
|
|
|
- .el-button--default:not(.is-text):not(.el-button--text):focus {
|
|
|
- border: 1px solid var(--el-color-primary);
|
|
|
- font-family: PingFangSC-Regular;
|
|
|
- color: var(--el-color-primary);
|
|
|
- font-weight: 400;
|
|
|
- background: #ffffff;
|
|
|
- }
|
|
|
- .el-button--default:not(.is-text):not(.el-button--text):focus {
|
|
|
- -webkit-box-shadow: 0 0 0 2px var(--el-color-primary-focus);
|
|
|
- box-shadow: 0 0 0 2px var(--el-color-primary-focus);
|
|
|
-}
|
|
|
- .el-button--default:not(.is-text):not(.el-button--text):hover {
|
|
|
- background: var(--el-color-primary-light-9);
|
|
|
- border: 1px solid var(--el-color-primary);
|
|
|
- font-family: PingFangSC-Regular;
|
|
|
- color: var(--el-color-primary);
|
|
|
- font-weight: 400;
|
|
|
- }
|
|
|
-
|
|
|
- /* 按钮 primary */
|
|
|
- .el-button--primary:not(.is-text):not(.el-button--text),
|
|
|
- .el-button--primary:not(.is-text):not(.el-button--text):focus {
|
|
|
- background: var(--el-color-primary);
|
|
|
- border: 1px solid var(--el-color-primary);
|
|
|
- font-family: PingFangSC-Regular;
|
|
|
- color: #ffffff;
|
|
|
- letter-spacing: 0;
|
|
|
- font-weight: 400;
|
|
|
- display: inline-flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- }
|
|
|
- .el-button--primary:not(.is-text):not(.el-button--text):focus {
|
|
|
- -webkit-box-shadow: 0 0 0 2px var(--el-color-primary-focus);
|
|
|
- box-shadow: 0 0 0 2px var(--el-color-primary-focus);
|
|
|
- }
|
|
|
- .el-button--primary:not(.is-text):not(.el-button--text):hover {
|
|
|
- background-color: var(--el-color-primary-light-2);
|
|
|
- color: #ffffff;
|
|
|
- border: 1px solid var(--el-color-primary-light-2);
|
|
|
- }
|
|
|
-
|
|
|
- .el-button--primary:not(.is-text):not(.el-button--text).is-disabled,
|
|
|
- .el-button--primary:not(.is-text):not(.el-button--text).is-disabled:active,
|
|
|
- .el-button--primary:not(.is-text):not(.el-button--text).is-disabled:focus,
|
|
|
- .el-button--primary:not(.is-text):not(.el-button--text).is-disabled:hover {
|
|
|
- background-color: var(--el-color-primary);
|
|
|
- border-color: var(--el-color-primary);
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- /* 按钮 danger */
|
|
|
- .el-button--danger:not(.is-text):not(.el-button--text),
|
|
|
- .el-button--danger:not(.is-text):not(.el-button--text):focus {
|
|
|
- border: 1px solid #f16643;
|
|
|
- font-family: PingFangSC-Regular;
|
|
|
- color: #f16643;
|
|
|
- font-weight: 400;
|
|
|
- background: #ffffff;
|
|
|
- }
|
|
|
- .el-button--danger:not(.is-text):not(.el-button--text):focus {
|
|
|
- -webkit-box-shadow: 0 0 0 2px rgb(237 64 20 / 20%);
|
|
|
- box-shadow: 0 0 0 2px rgb(237 64 20 / 20%);
|
|
|
- }
|
|
|
- .el-button--danger:not(.is-text):not(.el-button--text):hover {
|
|
|
- border: 1px solid #f16643;
|
|
|
- font-family: PingFangSC-Regular;
|
|
|
- color: #f16643;
|
|
|
- background: rgba(254,245,243,.5);
|
|
|
- font-weight: 400;
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- .el-button--danger:not(.is-text):not(.el-button--text).is-disabled,
|
|
|
- .el-button--danger:not(.is-text):not(.el-button--text).is-disabled:active,
|
|
|
- .el-button--danger:not(.is-text):not(.el-button--text).is-disabled:focus,
|
|
|
- .el-button--danger:not(.is-text):not(.el-button--text).is-disabled:hover {
|
|
|
- color: var(--el-color-danger-light-5);
|
|
|
- background-color: #ffffff;
|
|
|
- border-color: var(--el-color-danger-light-8);
|
|
|
- }
|
|
|
-
|
|
|
- /* 按钮 warning */
|
|
|
- .el-button--warning:not(.is-text):not(.el-button--text),
|
|
|
- .el-button--warning:not(.is-text):not(.el-button--text):focus {
|
|
|
- border: 1px solid #f90;
|
|
|
- font-family: PingFangSC-Regular;
|
|
|
- color: #f90;
|
|
|
- font-weight: 400;
|
|
|
- background: #ffffff;
|
|
|
- }
|
|
|
- .el-button--warning:not(.is-text):not(.el-button--text):focus {
|
|
|
- -webkit-box-shadow: 0 0 0 2px rgb(255 153 0 / 20%);
|
|
|
- box-shadow: 0 0 0 2px rgb(255 153 0 / 20%);
|
|
|
- }
|
|
|
- .el-button--warning:not(.is-text):not(.el-button--text):hover {
|
|
|
- color: #ffad33;
|
|
|
- background: rgba(255,250,242,.5);
|
|
|
- border: 1px solid #f90;
|
|
|
- font-family: PingFangSC-Regular;
|
|
|
- color: #f90;
|
|
|
- font-weight: 400;
|
|
|
- }
|
|
|
-
|
|
|
- .el-button--warning:not(.is-text):not(.el-button--text).is-disabled,
|
|
|
- .el-button--warning:not(.is-text):not(.el-button--text).is-disabled:active,
|
|
|
- .el-button--warning:not(.is-text):not(.el-button--text).is-disabled:focus,
|
|
|
- .el-button--warning:not(.is-text):not(.el-button--text).is-disabled:hover {
|
|
|
- color: var(--el-color-warning-light-5);
|
|
|
- background-color: #ffffff;
|
|
|
- border-color: var(--el-color-warning-light-8);
|
|
|
- }
|
|
|
-
|
|
|
- /* 按钮 success */
|
|
|
- .el-button--success:not(.is-text):not(.el-button--text),
|
|
|
- .el-button--success:not(.is-text):not(.el-button--text):focus {
|
|
|
- border: 1px solid #19be6b;
|
|
|
- font-family: PingFangSC-Regular;
|
|
|
- color: #19be6b;
|
|
|
- font-weight: 400;
|
|
|
- background: #ffffff;
|
|
|
- }
|
|
|
- .el-button--success:not(.is-text):not(.el-button--text):focus {
|
|
|
- -webkit-box-shadow: 0 0 0 2px rgb(25 190 107 / 20%);
|
|
|
- box-shadow: 0 0 0 2px rgb(25 190 107 / 20%);
|
|
|
- }
|
|
|
- .el-button--success:not(.is-text):not(.el-button--text):hover {
|
|
|
- border: 1px solid #19be6b;
|
|
|
- font-family: PingFangSC-Regular;
|
|
|
- color: #19be6b;
|
|
|
- background: rgba(244,252,248,.5);
|
|
|
- font-weight: 400;
|
|
|
- }
|
|
|
- .el-button--success:not(.is-text):not(.el-button--text).is-disabled,
|
|
|
- .el-button--success:not(.is-text):not(.el-button--text).is-disabled:active,
|
|
|
- .el-button--success:not(.is-text):not(.el-button--text).is-disabled:focus,
|
|
|
- .el-button--success:not(.is-text):not(.el-button--text).is-disabled:hover {
|
|
|
- color: var(--el-color-success-light-5);
|
|
|
- background-color: #ffffff;
|
|
|
- border-color: var(--el-color-success-light-8);
|
|
|
- }
|
|
|
+// .el-button--default:not(.is-text):not(.el-button--text),
|
|
|
+// .el-button--default:not(.is-text):not(.el-button--text):focus {
|
|
|
+// border: 1px solid var(--el-color-primary);
|
|
|
+// font-family: PingFangSC-Regular;
|
|
|
+// color: var(--el-color-primary);
|
|
|
+// font-weight: 400;
|
|
|
+// background: #ffffff;
|
|
|
+// }
|
|
|
+// .el-button--default:not(.is-text):not(.el-button--text):focus {
|
|
|
+// -webkit-box-shadow: 0 0 0 2px var(--el-color-primary-focus);
|
|
|
+// box-shadow: 0 0 0 2px var(--el-color-primary-focus);
|
|
|
+//}
|
|
|
+// .el-button--default:not(.is-text):not(.el-button--text):hover {
|
|
|
+// background: var(--el-color-primary-light-9);
|
|
|
+// border: 1px solid var(--el-color-primary);
|
|
|
+// font-family: PingFangSC-Regular;
|
|
|
+// color: var(--el-color-primary);
|
|
|
+// font-weight: 400;
|
|
|
+// }
|
|
|
+//
|
|
|
+// /* 按钮 primary */
|
|
|
+// .el-button--primary:not(.is-text):not(.el-button--text),
|
|
|
+// .el-button--primary:not(.is-text):not(.el-button--text):focus {
|
|
|
+// background: var(--el-color-primary);
|
|
|
+// border: 1px solid var(--el-color-primary);
|
|
|
+// font-family: PingFangSC-Regular;
|
|
|
+// color: #ffffff;
|
|
|
+// letter-spacing: 0;
|
|
|
+// font-weight: 400;
|
|
|
+// display: inline-flex;
|
|
|
+// justify-content: center;
|
|
|
+// align-items: center;
|
|
|
+// }
|
|
|
+// .el-button--primary:not(.is-text):not(.el-button--text):focus {
|
|
|
+// -webkit-box-shadow: 0 0 0 2px var(--el-color-primary-focus);
|
|
|
+// box-shadow: 0 0 0 2px var(--el-color-primary-focus);
|
|
|
+// }
|
|
|
+// .el-button--primary:not(.is-text):not(.el-button--text):hover {
|
|
|
+// background-color: var(--el-color-primary-light-2);
|
|
|
+// color: #ffffff;
|
|
|
+// border: 1px solid var(--el-color-primary-light-2);
|
|
|
+// }
|
|
|
+//
|
|
|
+// .el-button--primary:not(.is-text):not(.el-button--text).is-disabled,
|
|
|
+// .el-button--primary:not(.is-text):not(.el-button--text).is-disabled:active,
|
|
|
+// .el-button--primary:not(.is-text):not(.el-button--text).is-disabled:focus,
|
|
|
+// .el-button--primary:not(.is-text):not(.el-button--text).is-disabled:hover {
|
|
|
+// background-color: var(--el-color-primary);
|
|
|
+// border-color: var(--el-color-primary);
|
|
|
+// }
|
|
|
+//
|
|
|
+//
|
|
|
+// /* 按钮 danger */
|
|
|
+// .el-button--danger:not(.is-text):not(.el-button--text),
|
|
|
+// .el-button--danger:not(.is-text):not(.el-button--text):focus {
|
|
|
+// border: 1px solid #f16643;
|
|
|
+// font-family: PingFangSC-Regular;
|
|
|
+// color: #f16643;
|
|
|
+// font-weight: 400;
|
|
|
+// background: #ffffff;
|
|
|
+// }
|
|
|
+// .el-button--danger:not(.is-text):not(.el-button--text):focus {
|
|
|
+// -webkit-box-shadow: 0 0 0 2px rgb(237 64 20 / 20%);
|
|
|
+// box-shadow: 0 0 0 2px rgb(237 64 20 / 20%);
|
|
|
+// }
|
|
|
+// .el-button--danger:not(.is-text):not(.el-button--text):hover {
|
|
|
+// border: 1px solid #f16643;
|
|
|
+// font-family: PingFangSC-Regular;
|
|
|
+// color: #f16643;
|
|
|
+// background: rgba(254,245,243,.5);
|
|
|
+// font-weight: 400;
|
|
|
+// }
|
|
|
+//
|
|
|
+//
|
|
|
+// .el-button--danger:not(.is-text):not(.el-button--text).is-disabled,
|
|
|
+// .el-button--danger:not(.is-text):not(.el-button--text).is-disabled:active,
|
|
|
+// .el-button--danger:not(.is-text):not(.el-button--text).is-disabled:focus,
|
|
|
+// .el-button--danger:not(.is-text):not(.el-button--text).is-disabled:hover {
|
|
|
+// color: var(--el-color-danger-light-5);
|
|
|
+// background-color: #ffffff;
|
|
|
+// border-color: var(--el-color-danger-light-8);
|
|
|
+// }
|
|
|
+//
|
|
|
+// /* 按钮 warning */
|
|
|
+// .el-button--warning:not(.is-text):not(.el-button--text),
|
|
|
+// .el-button--warning:not(.is-text):not(.el-button--text):focus {
|
|
|
+// border: 1px solid #f90;
|
|
|
+// font-family: PingFangSC-Regular;
|
|
|
+// color: #f90;
|
|
|
+// font-weight: 400;
|
|
|
+// background: #ffffff;
|
|
|
+// }
|
|
|
+// .el-button--warning:not(.is-text):not(.el-button--text):focus {
|
|
|
+// -webkit-box-shadow: 0 0 0 2px rgb(255 153 0 / 20%);
|
|
|
+// box-shadow: 0 0 0 2px rgb(255 153 0 / 20%);
|
|
|
+// }
|
|
|
+// .el-button--warning:not(.is-text):not(.el-button--text):hover {
|
|
|
+// color: #ffad33;
|
|
|
+// background: rgba(255,250,242,.5);
|
|
|
+// border: 1px solid #f90;
|
|
|
+// font-family: PingFangSC-Regular;
|
|
|
+// color: #f90;
|
|
|
+// font-weight: 400;
|
|
|
+// }
|
|
|
+//
|
|
|
+// .el-button--warning:not(.is-text):not(.el-button--text).is-disabled,
|
|
|
+// .el-button--warning:not(.is-text):not(.el-button--text).is-disabled:active,
|
|
|
+// .el-button--warning:not(.is-text):not(.el-button--text).is-disabled:focus,
|
|
|
+// .el-button--warning:not(.is-text):not(.el-button--text).is-disabled:hover {
|
|
|
+// color: var(--el-color-warning-light-5);
|
|
|
+// background-color: #ffffff;
|
|
|
+// border-color: var(--el-color-warning-light-8);
|
|
|
+// }
|
|
|
+//
|
|
|
+// /* 按钮 success */
|
|
|
+// .el-button--success:not(.is-text):not(.el-button--text),
|
|
|
+// .el-button--success:not(.is-text):not(.el-button--text):focus {
|
|
|
+// border: 1px solid #19be6b;
|
|
|
+// font-family: PingFangSC-Regular;
|
|
|
+// color: #19be6b;
|
|
|
+// font-weight: 400;
|
|
|
+// background: #ffffff;
|
|
|
+// }
|
|
|
+// .el-button--success:not(.is-text):not(.el-button--text):focus {
|
|
|
+// -webkit-box-shadow: 0 0 0 2px rgb(25 190 107 / 20%);
|
|
|
+// box-shadow: 0 0 0 2px rgb(25 190 107 / 20%);
|
|
|
+// }
|
|
|
+// .el-button--success:not(.is-text):not(.el-button--text):hover {
|
|
|
+// border: 1px solid #19be6b;
|
|
|
+// font-family: PingFangSC-Regular;
|
|
|
+// color: #19be6b;
|
|
|
+// background: rgba(244,252,248,.5);
|
|
|
+// font-weight: 400;
|
|
|
+// }
|
|
|
+// .el-button--success:not(.is-text):not(.el-button--text).is-disabled,
|
|
|
+// .el-button--success:not(.is-text):not(.el-button--text).is-disabled:active,
|
|
|
+// .el-button--success:not(.is-text):not(.el-button--text).is-disabled:focus,
|
|
|
+// .el-button--success:not(.is-text):not(.el-button--text).is-disabled:hover {
|
|
|
+// color: var(--el-color-success-light-5);
|
|
|
+// background-color: #ffffff;
|
|
|
+// border-color: var(--el-color-success-light-8);
|
|
|
+// }
|
|
|
|
|
|
/* 表格 */
|
|
|
.el-table th {
|
|
@@ -315,7 +315,7 @@
|
|
|
|
|
|
.el-dialog {
|
|
|
--el-dialog-margin-top: 10vh;
|
|
|
- max-height: calc(100% - 20vh);
|
|
|
+ max-height: calc(100% - 15vh);
|
|
|
max-width: calc(100% - 20px);
|
|
|
display: flex;
|
|
|
flex-direction: column;
|