Selaa lähdekoodia

按钮样式全部注释掉。这个框架里面给写死了,无法使用elementplus的样式

lizhenhao 2 vuotta sitten
vanhempi
commit
701b67bfc0
1 muutettua tiedostoa jossa 143 lisäystä ja 143 poistoa
  1. 143 143
      src/style/fix.scss

+ 143 - 143
src/style/fix.scss

@@ -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;