style:样式

src/components/workspace/GoldGraphMarkets.vue

@@ -587,7 +587,7 @@ onUnmounted(() => {
 </script>
 <style scoped lang="scss">
 
-
+/* 整个柱状图的图表样式 */
 .graph {
   .condition {
     width: 100%;
@@ -620,15 +620,6 @@ onUnmounted(() => {
   }
 }
 
-.center-card {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.margin-bottom {
-  margin-bottom: 0.5vh;
-}
 
 .card-item {
   width: 25%;
@@ -671,55 +662,75 @@ onUnmounted(() => {
 }
 
 .graph-card-list {
-  background: #F3FAFF;
+  background: #E7F4FD;
   box-shadow: 0 0 8px 0 #00000040;
   padding: 12px;
 
   .card-select {
-    :deep(.el-input__wrapper) {
+    :deep(.el-select__wrapper) {
       background-color: #E7F4FD !important;
       box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25) !important;
       border: none !important;
     }
 
-    :deep(.el-input__inner) {
-      background-color: transparent !important;
-    }
-
-    :deep(.el-input__suffix) {
-      background-color: transparent !important;
+    :deep(.el-select-dropdown) {
+      background-color: #E7F4FD !important;
+      box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25) !important;
+      border: none !important;
     }
   }
 
   /* 表格整体背景：把表格容器设为卡片背景 */
   :deep(.el-table) {
-    background-color: #F3FAFF !important;
+    background-color: #E7F4FD !important;
     box-shadow: none !important;
   }
 
   /* 表头/表体 wrapper 与 table body 单元格 */
   :deep(.el-table__header-wrapper),
   :deep(.el-table__body-wrapper),
-  :deep(.el-table__body),
-  :deep(.el-table__header),
-  :deep(.el-table__body tbody),
   :deep(.el-table__body tr),
-  :deep(.el-table__row),
-  :deep(.el-table__cell),
   :deep(.el-table__body td) {
     background-color: transparent !important;
   }
 
   /* 表头 */
   :deep(.el-table__header th) {
-    background-color: #F3FAFF !important;
+    background-color: #E7F4FD !important;
   }
 
-  /* 行之间的分隔线（更像卡片内表格） */
-  :deep(.el-table .el-table__row):not(:last-child) {
-    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+  /* 针对表格 body 中的单元格底部边框 */
+  :deep(.el-table__body .el-table__cell) {
+    border-bottom: 1px solid #BBC0C9 !important;
   }
 
 }
 
+/* select 列表项 初始颜色 */
+.el-select-dropdown__item {
+  background: #ffffff;
+}
+
+/* select hover状态*/
+.el-select-dropdown__item:hover {
+  border-radius: 8px;
+  margin-left: 2px;
+  margin-right: 2px;
+  background: #E5EBFE;
+  height: 32px;
+}
+
+/* 选中状态（针对 is-selected 类） */
+.el-select-dropdown__item.is-selected {
+  color: #2549E0;
+  border-radius: 8px;
+}
+
+/* tabs的样式 */
+/* 选中 tab 的文字颜色 */
+:deep(.el-tabs__item.is-active) {
+  color: #2741DE !important;
+  font-size: 18px;
+  font-weight: bold;
+}
 </style>