feat：代理管理

components/cwg-tabel.vue

@@ -820,16 +820,16 @@ defineExpose({
         }
 
         &::-webkit-scrollbar-track {
-            background-color: #f5f5f5;
+            background-color: var(--color-slate-800);;
             border-radius: 4px;
         }
 
         &::-webkit-scrollbar-thumb {
-            background-color: #c0c4cc;
+            background-color: var(--color-slate-800);;
             border-radius: 4px;
 
             &:hover {
-                background-color: #909399;
+                background-color: var(--color-slate-800);
             }
         }
     }
@@ -843,8 +843,8 @@ defineExpose({
             top: 0;
             z-index: 100;
             transition: all 0.3s;
-            background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
-            border-bottom: 1px solid #ebeef5 !important;
+            background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
+            border-bottom: 1px solid var(--bs-light-bg-subtle) !important;
             color: rgb(var(--bs-white-rgb))!important;
 
             .header-content {
@@ -874,20 +874,20 @@ defineExpose({
 
         .uni-table-tr {
             transition: background-color 0.2s ease;
-            border-bottom: 1px solid #ebeef5 !important;
-
+            border-bottom: 1px solid var(--bs-light-bg-subtle) !important;
+            color: rgb(var(--bs-white-rgb))!important;
             // 奇数行背景颜色
             &:nth-child(odd) {
-                background-color: #fafafa;
+                background-color: var(--bs-light-bg-subtle);
             }
 
             // 偶数行背景颜色
             &:nth-child(even) {
-                background-color: #fff;
+                background-color: var(--bs-body-bg);
             }
 
             &:hover {
-                background-color: #f5f7fa !important;
+                background-color: var(--bs-light-bg-subtle) !important;
             }
 
             &:last-child {
@@ -896,21 +896,22 @@ defineExpose({
         }
 
         .summary-row {
-            background-color: #fafafa;
+            background-color: var(--bs-light-bg-subtle);
             font-weight: 600;
 
             .uni-table-td {
-                border-top: 1px solid #ebeef5 !important;
+                border-top: 1px solid var(--bs-light-bg-subtle) !important;
                 position: sticky;
                 bottom: 0;
                 z-index: 99;
-                background-color: #fafafa;
+                background-color: var(--bs-light-bg-subtle);
             }
         }
 
         .uni-table-td {
             padding: px2rpx(16) px2rpx(5);
-            color: #303133;
+            color: rgb(var(--bs-white-rgb))!important;
+          border-bottom: 1px solid var(--bs-light-bg-subtle) !important;
             box-sizing: border-box;
             vertical-align: middle;
             font-size: 14px;

pages/ib/index.vue

@@ -1,9 +1,9 @@
 <template>
-  <cwg-page-wrapper class="create-page" :isHeaderFixed="true" :bgColor="'#f8f9f9'">
+  <cwg-page-wrapper class="create-page" :isHeaderFixed="true" >
     <cwg-header :title="t('Home.page_ib.item1')" :showBack="false" />
     <uni-loading v-if="loading" />
     <uni-row v-else class="demo-uni-row uni-row1" :gutter="20">
-      <uni-col :xs="24" :sm="24" :md="8" :lg="8" :xl="8" class="uni-col-left">
+      <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="uni-col-left">
         <view class="dashboard-container">
           <!-- 余额卡片 -->
           <view class="card balance-card">
@@ -103,7 +103,7 @@
 </view>-->
         </view>
       </uni-col>
-      <uni-col :xs="24" :sm="24" :md="16" :lg="16" :xl="16" class="uni-col-right">
+      <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="uni-col-right">
         <view class="dashboard-container">
           <view class="card mam-card">
             <view class="card-header">
@@ -924,13 +924,12 @@ onMounted(async () => {
   flex-direction: column;
 }
 
-.dashboard-container {
-  min-height: 10vh;
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-}
+  .dashboard-container {
+    min-height: 10vh;
+    box-sizing: border-box;
+    display: flex;
+    height: 100%;
+  }
 
 .mam-card {
   flex: 1;
@@ -938,15 +937,16 @@ onMounted(async () => {
   flex-direction: column;
 }
 
-/* 卡片通用样式 */
-.card {
-  background: var(--color-white);
-  color: var(--bs-heading-color);
-  padding: px2rpx(12) px2rpx(16);
-  border-radius: 4px;
-  margin-bottom: px2rpx(20);
-  box-shadow: 0 px2rpx(4) px2rpx(12) rgba(0, 0, 0, 0.2);
-}
+  /* 卡片通用样式 */
+  .card {
+    background: var(--bs-body-bg);
+    color: var(--bs-emphasis-color);
+    padding: px2rpx(12) px2rpx(16);
+    border-radius: 4px;
+    flex: 1;
+    margin: 0 px2rpx(5) px2rpx(10);
+    box-shadow: 0 px2rpx(4) px2rpx(12) rgba(0, 0, 0, 0.2);
+  }
 
 .custom-dialog-content {
   padding: px2rpx(20);
@@ -1033,7 +1033,7 @@ onMounted(async () => {
   display: flex;
   align-items: center;
   gap: 5px;
-  color: rgba(20, 29, 34, 0.6);
+  color: var(--bs-emphasis-color);
   font-size: px2rpx(12);
 }
 

static/scss/global/global.scss

@@ -497,6 +497,7 @@
     --bs-form-valid-border-color: #75b798;
     --bs-form-invalid-color: #ea868f;
     --bs-form-invalid-border-color: #ea868f;
+    --bs-danger-rgb: 255, 64, 28;
 }
 
 .uni-select__input-box {