From f136dac1254bbafd30f10eab854ffcca5448c3ec Mon Sep 17 00:00:00 2001
From: lihui <lihui030304@163.com>
Date: Tue, 7 Oct 2025 18:04:20 +0800
Subject: [PATCH] =?UTF-8?q?fix=EF=BC=9A=E6=A0=B7=E5=BC=8F=20=E6=9F=B1?=
 =?UTF-8?q?=E7=8A=B6=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/workspace/GoldGraph.vue | 31 +++++++++++++++++++++++--------
 1 file changed, 23 insertions(+), 8 deletions(-)

diff --git a/src/components/workspace/GoldGraph.vue b/src/components/workspace/GoldGraph.vue
index c57d6b8..c3224fb 100644
--- a/src/components/workspace/GoldGraph.vue
+++ b/src/components/workspace/GoldGraph.vue
@@ -51,7 +51,7 @@
         <div class="right">
           <el-card class="graph-card-list">
             <div class="card-large">金币{{ activeTab === 'recharge' ? '充值' : '消费' }}排名</div>
-            <el-select class="card-select" v-model="selectedType" style="width: 100%; margin-bottom: 15px">
+            <el-select popper-class="mySelectStyle" class="card-select" v-model="selectedType" style="width: 100%; margin-bottom: 15px">
               <el-option label="全部类型" value="all"></el-option>
               <el-option label="永久金币" value="permanent"></el-option>
               <el-option label="免费金币" value="free"></el-option>
@@ -770,16 +770,14 @@ onUnmounted(() => {
   .card-select {
     :deep(.el-select__wrapper) {
       background-color: #E7F4FD !important;
-      // :hover {
-      //   background-color: red !important;
-      // }
       box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25) !important;
       border: none !important;
     }
 
-    :deep(.el-select-dropdown__item.selected) {
-      // :hover { background-color: red !important; }
-      background: red !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;
     }
   }
 
@@ -806,13 +804,30 @@ onUnmounted(() => {
   :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;
+  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-size: 18px;
   font-weight: bold;
 }
 </style>