From 4e7277f9f724b51bbb22557b5172e30f414a8ca3 Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Thu, 25 Sep 2025 14:46:02 +0800
Subject: [PATCH] =?UTF-8?q?style(=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4):=20?=
 =?UTF-8?q?=E5=85=85=E5=80=BC=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ExchangeGoldCoinsView.vue | 34 +++++++++--------------------
 1 file changed, 10 insertions(+), 24 deletions(-)

diff --git a/src/views/ExchangeGoldCoinsView.vue b/src/views/ExchangeGoldCoinsView.vue
index b09036f..1578df3 100644
--- a/src/views/ExchangeGoldCoinsView.vue
+++ b/src/views/ExchangeGoldCoinsView.vue
@@ -39,7 +39,14 @@
       <!-- 兑换部分 -->
       <div>
         <div style="font-weight: 600; margin-bottom: 10px">Exchange Gold Coins</div>
-        <div class="exchange-section">
+        <div
+          style="
+            background-color: white;
+            padding: 16px;
+            border-radius: 12px;
+            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+          "
+        >
           <!-- 金币选择 -->
           <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px">
             <div
@@ -48,7 +55,7 @@
               @click="selectCoin(coin)"
               :class="['coin-item', { selected: selectedCoin === coin.id }]"
             >
-              <img src="../assets/icon/coin.png" alt="" style="width: 50%" />
+              <img src="../assets/icon/coin.png" alt="" style="width: 40%" />
               <div style="font-weight: 500; color: #373232">{{ coin.amount }}</div>
               <div style="font-weight: 500; color: #131111">${{ coin.price }}</div>
             </div>
@@ -313,21 +320,6 @@ onMounted(() => {
   font-style: italic;
 }
 
-/* 兑换部分 */
-.exchange-section {
-  background-color: white;
-  padding: 16px;
-  border-radius: 12px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-}
-
-.exchange-section h3 {
-  margin: 0 0 16px 0;
-  font-size: 18px;
-  font-weight: 600;
-  color: #333;
-}
-
 .coin-item {
   display: flex;
   flex-direction: column;
@@ -341,10 +333,6 @@ onMounted(() => {
   aspect-ratio: 1/1;
 }
 
-.coin-item:hover {
-  border-color: #8b5cf6;
-}
-
 .coin-item.selected {
   border-color: #8b5cf6;
   background-color: #f3f4f6;
@@ -362,12 +350,10 @@ onMounted(() => {
   border: none;
   padding: 12px;
   color: white;
-  cursor: pointer;
-  transition: background-color 0.2s;
 }
 
 .exchange-btn:disabled {
-  cursor: not-allowed;
+  background: #ccc;
 }
 
 @media screen and (max-width: 360px) {