style(styles): 样式变量

src/assets/styles/element-ui.scss

@@ -155,10 +155,12 @@ body .el-loading-mask{
   }
 }
 
-
-
 @media (max-width: 1400px) {
   .el-form-item {
     margin-bottom: 20px !important;
   }
 }
+
+.el-table {
+  --el-table-border: 2px solid var(--el-table-border-color) !important;
+}
\ No newline at end of file

src/assets/styles/index.scss

@@ -5,7 +5,7 @@
 @import './sidebar.scss';
 @import './btn.scss';
 @import './ruoyi.scss';
-@import './fontSize.scss';
+@import './font-size.scss';
 
 body {
   height: 100%;
@@ -196,6 +196,3 @@ aside {
   }
 }
 
-.el-table {
-  --el-table-border: 2px solid var(--el-table-border-color) !important;
-}
\ No newline at end of file

src/assets/styles/ruoyi.scss

@@ -3,57 +3,83 @@
  * Copyright (c) 2019 ruoyi
  */
 
- /** 基础通用 **/
+/** 基础通用 **/
 .pt5 {
   padding-top: 5px;
 }
+
 .pr5 {
   padding-right: 5px;
 }
+
 .pb5 {
   padding-bottom: 5px;
 }
+
 .mt5 {
   margin-top: 5px;
 }
+
 .mr5 {
   margin-right: 5px;
 }
+
 .mb5 {
   margin-bottom: 5px;
 }
+
 .mb8 {
   margin-bottom: 8px;
 }
+
 .ml5 {
   margin-left: 5px;
 }
+
 .mt10 {
   margin-top: 10px;
 }
+
 .mr10 {
   margin-right: 10px;
 }
+
 .mb10 {
   margin-bottom: 10px;
 }
+
 .ml10 {
   margin-left: 10px;
 }
+
 .mt20 {
   margin-top: 20px;
 }
+
 .mr20 {
   margin-right: 20px;
 }
+
 .mb20 {
   margin-bottom: 20px;
 }
+
 .ml20 {
   margin-left: 20px;
 }
 
-.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
   font-family: inherit;
   font-weight: 500;
   line-height: 1.1;
@@ -63,6 +89,7 @@
 .el-form .el-form-item__label {
   font-weight: 700;
 }
+
 .el-dialog:not(.is-fullscreen) {
   margin-top: 6vh !important;
 }
@@ -75,7 +102,9 @@
 }
 
 .el-table {
-	.el-table__header-wrapper, .el-table__fixed-header-wrapper {
+
+  .el-table__header-wrapper,
+  .el-table__fixed-header-wrapper {
     th {
       word-break: break-word;
       background-color: #f8f8f9 !important;
@@ -84,8 +113,9 @@
       font-size: 13px;
     }
   }
+
   .el-table__body-wrapper {
-		.el-button [class*="el-icon-"] + span {
+    .el-button [class*="el-icon-"]+span {
       margin-left: 1px;
     }
   }
@@ -93,11 +123,11 @@
 
 /** 表单布局 **/
 .form-header {
-    font-size:15px;
-	color:#6379bb;
-	border-bottom:1px solid #ddd;
-	margin:8px 10px 25px 10px;
-	padding-bottom:5px
+  font-size: 15px;
+  color: #6379bb;
+  border-bottom: 1px solid #ddd;
+  margin: 8px 10px 25px 10px;
+  padding-bottom: 5px
 }
 
 /** 表格布局 **/
@@ -132,10 +162,11 @@
 @media (max-width: 768px) {
   .pagination-container {
     .el-pagination {
-      > .el-pagination__jump {
+      >.el-pagination__jump {
         display: none !important;
       }
-      > .el-pagination__sizes {
+
+      >.el-pagination__sizes {
         display: none !important;
       }
     }
@@ -147,7 +178,7 @@
   margin-top: 5px;
   border: 1px solid var(--el-border-color-light, #e5e6e7);
   background: var(--el-bg-color, #FFFFFF) none;
-    border-radius:4px;
+  border-radius: 4px;
   width: 100%;
 }
 
@@ -164,15 +195,16 @@
   margin-left: 10px;
 }
 
-.el-table .el-dropdown, .el-icon-arrow-down {
+.el-table .el-dropdown,
+.el-icon-arrow-down {
   font-size: 12px;
 }
 
-.el-tree-node__content > .el-checkbox {
+.el-tree-node__content>.el-checkbox {
   margin-right: 8px;
 }
 
-.list-group-striped > .list-group-item {
+.list-group-striped>.list-group-item {
   border-left: 0;
   border-right: 0;
   border-radius: 0;
@@ -284,10 +316,10 @@
 }
 
 /* 拖拽列样式 */
-.sortable-ghost{
+.sortable-ghost {
   opacity: .8;
-	color: #fff!important;
-	background: #42b983!important;
+  color: #fff !important;
+  background: #42b983 !important;
 }
 
 /* 表格右侧工具栏样式 */

src/assets/styles/variables.module.scss

+// 颜色变量
+
 // base color
 $blue: #324157;
 $light-blue: #333c46;
@@ -38,8 +40,6 @@ $--color-warning: #E6A23C;
 $--color-danger: #F56C6C;
 $--color-info: #909399;
 
-
-
 :export {
   menuText: $menuText;
   menuActiveText: $menuActiveText;
@@ -68,8 +68,8 @@ $--color-info: #909399;
 }
 
 // CSS变量定义
+/* 亮色模式变量 */
 :root {
-  /* 亮色模式变量 */
   --sidebar-bg: #{$menuBg};
   --sidebar-text: #{$menuText};
   --menu-hover: #{$menuHover};
@@ -82,7 +82,6 @@ $--color-info: #909399;
 
 }
 
-// 高亮模式变量
 html {
   --el-gray-1: rgba(0, 0, 0, 0.45);
   --el-gray-2: #666666;
@@ -96,7 +95,7 @@ html {
   }
 }
 
-// 暗黑模式变量
+/* 暗黑模式变量 */
 html.dark {
   --el-gray-1: white;
   --el-gray-2: white;
@@ -245,7 +244,6 @@ html.dark {
     background: var(--cron-border);
   }
 
-
   /* 主页背景 */
   .app-main {
     background-color: #141414 !important;