feat: 样式优化

Author: allen

.stylelintrc.cjs

@@ -41,13 +41,7 @@ module.exports = {
         ],
       },
     ],
-    'selector-class-pattern': [
-      '^[a-zA-Z0-9-]*$',
-      {
-        message:
-          'Selector class name must start with a letter and contain only letters and numbers',
-      },
-    ],
+    'selector-class-pattern': null,
     'selector-type-no-unknown': [true, { ignoreTypes: ['page', 'radio', 'checkbox'] }],
     'number-leading-zero': 'always',
     'declaration-block-no-redundant-longhand-properties': null,

src/styles/base.scss

@@ -9,6 +9,26 @@ a {
   text-decoration: none;
   color: #409eff;
 }
+.link {
+  cursor: pointer;
+  color: #136ee9;
+  &:hover {
+    color: #79bbff;
+  }
+  &:not(:last-of-type) {
+    margin-right: 10px;
+  }
+}
+.link-disabled {
+  cursor: not-allowed;
+  color: #a8abb2;
+  &:hover {
+    color: #a8abb2;
+  }
+}
+.empty-del:empty::after {
+  content: '--';
+}
 ::-webkit-scrollbar {
   /* 滚动条整体样式 */
   width: 5px; /* 高宽分别对应横竖滚动条的尺寸 */

src/styles/element.scss

@@ -1,18 +1,40 @@
-.el-container {
-  height: 100%;
-}
-.el-aside {
-  overflow: hidden;
-  width: auto !important;
-  background: #304156;
-}
-.el-header {
-  z-index: 10;
-  padding: 0 !important;
-  background: #fff;
-}
-.el-main {
-  overflow-x: hidden;
-  overflow-y: scroll;
-  margin-top: 40px;
-}
+.el-container {
+  height: 100%;
+}
+.el-aside {
+  overflow: hidden;
+  width: auto !important;
+  background: #304156;
+}
+.el-header {
+  z-index: 10;
+  padding: 0 !important;
+  background: #fff;
+}
+.el-main {
+  overflow-x: hidden;
+  overflow-y: scroll;
+  margin-top: 40px;
+}
+.el-input {
+  .el-input__suffix:not(.el-select .el-input__suffix) {
+    margin-left: -22px;
+  }
+  .el-input__inner:not(.el-select .el-input__inner) {
+    padding-right: 22px;
+  }
+}
+.el-table .cell {
+  @extend .empty-del;
+}
+.el-form--inline {
+  .el-form-item {
+    .el-input,
+    .el-cascader,
+    .el-select,
+    .el-date-editor,
+    .el-autocomplete {
+      width: 240px;
+    }
+  }
+}