fix: 固定滚动条的颜色

data-room-ui/packages/BigScreenComponentMag/SideMenu.vue

@@ -117,7 +117,7 @@ export default {
         position: relative;
         background-color: rgba(var(--bs-el-color-primary-active), 0.4);
         color: var(--bs-el-text);
-        &::after{
+        &::before{
           content: '';
           position: absolute;
           left: 0;

data-room-ui/packages/BigScreenMag/SideMenu.vue

@@ -314,7 +314,7 @@ export default {
         position: relative;
         background-color: rgba(var(--bs-el-color-primary-active), 0.4);
         color: var(--bs-el-text);
-        &::after{
+        &::before{
           content: '';
           position: absolute;
           left: 0;

data-room-ui/packages/DataSetManagement/src/StoredProcedureEditForm.vue

@@ -159,7 +159,7 @@
                   <label-select
                     :dataset-id="datasetId"
                     :id-list="dataForm.labelIds"
-                    @commit="(ids) =>{dataForm.labelIds = ids}"
+                    @commit="(ids) => { dataForm.labelIds = ids }"
                   />
                 </el-form-item>
               </el-col>
@@ -178,9 +178,7 @@
               />
               <div class="bs-codemirror-bottom-text">
                 示例：
-                <strong>call 存储过程名称(<span
-                  style="color: red;"
-                >${参数名称}</span>,?)</strong>
+                <strong>call 存储过程名称(<span style="color: red;">${参数名称}</span>,?)</strong>
               </div>
             </div>
             <div style="text-align: center; padding: 16px 0;">
@@ -219,8 +217,9 @@
                   <span>{{ param.name }}</span>&nbsp;<span
                     v-show="param.remark"
                     style="color: #909399;"
-                  >({{ param.remark
-                  }})</span>
+                  >
+                    ({{ param.remark }})
+                  </span>
                   <el-button
                     class="edit_field"
                     type="text"

data-room-ui/packages/SourceMag/SideMenu.vue

@@ -345,7 +345,7 @@ export default {
       position: relative;
       background-color: rgba(var(--bs-el-color-primary-active), 0.4);
       color: var(--bs-el-text);
-      &::after{
+      &::before{
           content: '';
           position: absolute;
           left: 0;

data-room-ui/packages/assets/style/common/index.scss

@@ -1,7 +1,7 @@
 /* theme color */
 
 /* icon font path, required */
-$--font-path: '~element-ui/lib/theme-chalk/fonts';
+$--font-path: "~element-ui/lib/theme-chalk/fonts";
 
 @import "~element-ui/packages/theme-chalk/src/index";
 // 布局样式
@@ -85,7 +85,6 @@ $--font-path: '~element-ui/lib/theme-chalk/fonts';
       font-size: 12px;
     }
   }
-
 }
 //表格样式
 
@@ -99,7 +98,6 @@ $--font-path: '~element-ui/lib/theme-chalk/fonts';
     background-color: transparent !important;
     border: 1px solid #e4e4e4 !important;
 
-
     th > .cell {
       padding-left: 14px !important;
     }
@@ -141,7 +139,8 @@ $--font-path: '~element-ui/lib/theme-chalk/fonts';
       background: #f5f5f5;
     }
 
-    .el-table th, .el-table td {
+    .el-table th,
+    .el-table td {
       padding: 8px 0 !important;
     }
 
@@ -186,10 +185,9 @@ $--font-path: '~element-ui/lib/theme-chalk/fonts';
   .cell .el-button {
     padding: 5px 8px !important;
   }
-
-    }
-    //分页样式
-    .bs-pagination {
+}
+//分页样式
+.bs-pagination {
   .el-pagination.is-background .btn-prev,
   .el-pagination.is-background .btn-next,
   .el-pagination.is-background .el-pager li {
@@ -237,7 +235,8 @@ $--font-path: '~element-ui/lib/theme-chalk/fonts';
     background-color: var(--bs-el-color-primary) !important;
   }
 
-      .el-pagination span:not([class*=suffix]), .el-pagination button {
+  .el-pagination span:not([class*="suffix"]),
+  .el-pagination button {
     font-size: 14px !important;
     min-width: 0 !important;
     height: 32px !important;
@@ -252,24 +251,21 @@ $--font-path: '~element-ui/lib/theme-chalk/fonts';
   .el-pagination__editor.el-input .el-input__inner {
     height: 32px !important;
   }
+}
 
-    }
-
-    /*解决el-scroll底部出现空白滚动条*/
-    .el-scrollbar__wrap {
+/*解决el-scroll底部出现空白滚动条*/
+.el-scrollbar__wrap {
   overflow-x: hidden !important;
-    }
-
-
+}
 
-    // dialog设置
-    .bs-dialog-wrap {
-      .el-select{
+// dialog设置
+.bs-dialog-wrap {
+  .el-select {
     display: inline-block !important;
     position: relative !important;
     width: auto !important;
   }
-      .el-dialog{
+  .el-dialog {
     margin-top: 13vh !important;
     margin-bottom: 0 !important;
   }
@@ -287,7 +283,7 @@ $--font-path: '~element-ui/lib/theme-chalk/fonts';
   // dialog头部
   .el-dialog__header {
     background: #f5f5f5;
-        background-color: #F5F5F5;
+    background-color: #f5f5f5;
     padding: 0 !important;
     height: 40px;
     line-height: 40px;
@@ -324,5 +320,9 @@ $--font-path: '~element-ui/lib/theme-chalk/fonts';
     transform: translateY(-50%) !important;
     border-left: 4px solid var(--bs-el-color-primary) !important;
   }
-    }
+}
 
+.el-scrollbar__thumb {
+  background: rgba(144, 147, 153, 0.3) !important;
+  background-color: rgba(144, 147, 153, 0.3) !important;
+}