From f88ace46735f45ef2ed609c461c6202ca877a005 Mon Sep 17 00:00:00 2001
From: zhx <zhx@haiyi.com>
Date: Wed, 24 Jun 2026 13:47:47 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8A=BD=E5=A5=96=E7=9B=B8=E5=85=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 activity/wheel/index.html | 28 ++++++++++++++++------------
 activity/wheel/script.js  |  1 +
 activity/wheel/style.css  | 25 ++++++++++++++++++-------
 common/locales/ar.json    |  1 +
 common/locales/en.json    |  1 +
 common/locales/es.json    |  1 +
 common/locales/id.json    |  1 +
 common/locales/tr.json    |  1 +
 common/locales/zh.json    |  1 +
 9 files changed, 41 insertions(+), 19 deletions(-)
diff --git a/activity/wheel/index.html b/activity/wheel/index.html
index fbcb182..f66851a 100644
--- a/activity/wheel/index.html
+++ b/activity/wheel/index.html
@@ -11,7 +11,7 @@
             rel="stylesheet"
             href="../../common/theme.css?v=20260618-wheel-batch2"
         />
-        <link rel="stylesheet" href="./style.css?v=20260618-wheel-batch2" />
+        <link rel="stylesheet" href="./style.css?v=20260624-reward-total" />
     </head>
     <body>
         <div id="app" v-cloak>
@@ -365,21 +365,25 @@
                                 {{ replaceOne('rewardTips',
                                 active.currentReward.rewardValue) }}
                             </p> -->
+                            <div
+                                v-if="rewardTotalValue(active.currentReward) > 0"
+                                class="reward-total"
+                            >
+                                <span class="reward-total-label">
+                                    {{ t('totalRewards') }}
+                                </span>
+                                <span class="reward-total-value">
+                                    <img :src="asset('gold_new.png')" alt="" />
+                                    <span
+                                        v-text="rewardTotalText(active.currentReward)"
+                                    ></span>
+                                </span>
+                            </div>
                             <button
                                 class="again-btn"
                                 type="button"
                                 @click="startLottery"
                             >
-                                <span
-                                    v-if="rewardTotalValue(active.currentReward) > 0"
-                                    class="again-total"
-                                >
-                                    <img :src="asset('gold_new.png')" alt="" />
-                                    <span
-                                        class="again-total-value"
-                                        v-text="rewardTotalText(active.currentReward)"
-                                    ></span>
-                                </span>
                                 <span
                                     class="again-label"
                                     v-text="t('drawAgain')"
@@ -431,6 +435,6 @@
         <script src="../../common/api.js?v=20260618-wheel-batch2"></script>
         <script src="../../common/toast.js?v=20260618-wheel-batch2"></script>
         <script src="../../common/effect-player.js?v=20260618-wheel-batch2"></script>
-        <script src="./script.js?v=20260618-wheel-batch2"></script>
+        <script src="./script.js?v=20260624-reward-total"></script>
     </body>
 </html>
diff --git a/activity/wheel/script.js b/activity/wheel/script.js
index 3d327c8..5c04497 100644
--- a/activity/wheel/script.js
+++ b/activity/wheel/script.js
@@ -18,6 +18,7 @@
         rewardTips:
             'Congratulations on receiving: A precious gift worth {} gold coins! Already put in the backpack',
         drawAgain: 'Draw again',
+        totalRewards: 'total rewards:',
         userAward: 'Congratulations to {1} for receiving the {2} award',
         rule1: '1. Select a wheel and draw with coins.',
         rule2: '2. Rewards are issued to the backpack after a successful draw.',
diff --git a/activity/wheel/style.css b/activity/wheel/style.css
index 4dfd24b..37db60a 100644
--- a/activity/wheel/style.css
+++ b/activity/wheel/style.css
@@ -841,8 +841,6 @@ button {
     flex: 0 0 auto;
     align-items: center;
     justify-content: center;
-    flex-direction: column;
-    gap: calc(2 * var(--wheel-vw));
     width: 85%;
     height: calc(56 * var(--wheel-vw));
     margin: calc(8 * var(--wheel-vw)) auto 0;
@@ -856,13 +854,14 @@ button {
     background: linear-gradient(to right, #1897ff, #2472ff);
 }
 
-.again-total {
+.reward-total {
     display: flex;
+    flex: 0 0 auto;
     align-items: center;
     justify-content: center;
-    max-width: 92%;
+    width: 85%;
     gap: calc(4 * var(--wheel-vw));
-    overflow: hidden;
+    margin: calc(8 * var(--wheel-vw)) auto 0;
     color: #fff35a;
     font-size: calc(13 * var(--wheel-vw));
     font-weight: 800;
@@ -871,13 +870,25 @@ button {
         rgba(116, 38, 0, 0.7);
 }
 
-.again-total img {
+.reward-total-label,
+.reward-total-value {
+    min-width: 0;
+}
+
+.reward-total-value {
+    display: flex;
+    align-items: center;
+    gap: calc(4 * var(--wheel-vw));
+    overflow: hidden;
+}
+
+.reward-total img {
     width: calc(16 * var(--wheel-vw));
     height: calc(16 * var(--wheel-vw));
     flex: 0 0 auto;
 }
 
-.again-total span {
+.reward-total-value span {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
diff --git a/common/locales/ar.json b/common/locales/ar.json
index 904e4d9..48e7b98 100644
--- a/common/locales/ar.json
+++ b/common/locales/ar.json
@@ -73,6 +73,7 @@
     "wheel.historyRecord": "سجل التاريخ",
     "wheel.rewardTips": "تهانينا على استلام: هدية ثمينة بقيمة {} قطعة ذهبية! وُضعت في حقيبة الظهر.",
     "wheel.drawAgain": "اسحب مرة أخرى.",
+    "wheel.totalRewards": "إجمالي المكافآت:",
     "wheel.userAward": "تهانينا لـ {1} على حصوله على جائزة {2}",
     "wheel.roomId": "لا يمكن أن يكون معرف الغرفة فارغًا",
     "wheel.rule1": "1. اختر عجلة واسحب باستخدام العملات.",
diff --git a/common/locales/en.json b/common/locales/en.json
index 78e077c..1aee470 100644
--- a/common/locales/en.json
+++ b/common/locales/en.json
@@ -73,6 +73,7 @@
     "wheel.historyRecord": "History Record",
     "wheel.rewardTips": "Congratulations on receiving: A precious gift worth {} gold coins! Already put in the backpack",
     "wheel.drawAgain": "Draw again",
+    "wheel.totalRewards": "total rewards:",
     "wheel.userAward": "Congratulations to {1} for receiving the {2} award",
     "wheel.roomId": "Room ID cannot be empty",
     "wheel.rule1": "1. Select a wheel and draw with coins.",
diff --git a/common/locales/es.json b/common/locales/es.json
index 6e76c7c..8aa4665 100644
--- a/common/locales/es.json
+++ b/common/locales/es.json
@@ -73,6 +73,7 @@
     "wheel.historyRecord": "Historial",
     "wheel.rewardTips": "Felicidades por recibir: un regalo valioso de {} monedas de oro. Ya está en la mochila",
     "wheel.drawAgain": "Girar otra vez",
+    "wheel.totalRewards": "recompensas totales:",
     "wheel.userAward": "Felicidades a {1} por recibir el premio {2}",
     "wheel.roomId": "El ID de la sala no puede estar vacío",
     "wheel.rule1": "1. Selecciona una rueda y gira con monedas.",
diff --git a/common/locales/id.json b/common/locales/id.json
index 64d4dcd..35300fd 100644
--- a/common/locales/id.json
+++ b/common/locales/id.json
@@ -40,6 +40,7 @@
     "wheel.historyRecord": "Riwayat Hadiah",
     "wheel.rewardTips": "Selamat mendapatkan: hadiah bernilai {} koin emas! Sudah masuk ke backpack",
     "wheel.drawAgain": "Undi lagi",
+    "wheel.totalRewards": "total hadiah:",
     "wheel.userAward": "Selamat kepada {1} karena menerima hadiah {2}",
     "wheel.roomId": "ID room tidak boleh kosong",
     "wheel.rule1": "1. Pilih wheel dan undi dengan koin.",
diff --git a/common/locales/tr.json b/common/locales/tr.json
index 37f958e..a2bdf0b 100644
--- a/common/locales/tr.json
+++ b/common/locales/tr.json
@@ -40,6 +40,7 @@
     "wheel.historyRecord": "Tarih Kaydı",
     "wheel.rewardTips": "Aldığınız için tebrikler: {} altın değerinde değerli bir hediye! Zaten sırt çantasına koydum",
     "wheel.drawAgain": "Tekrar çekiliş",
+    "wheel.totalRewards": "toplam ödül:",
     "wheel.userAward": "{1}'i {2} ödülünü aldığı için tebrik ederiz",
     "wheel.roomId": "Oda kimliği boş olamaz",
     "wheel.rule1": "1. Bir çark seçin ve coin ile çekiliş yapın.",
diff --git a/common/locales/zh.json b/common/locales/zh.json
index bc5d8b4..04bee61 100644
--- a/common/locales/zh.json
+++ b/common/locales/zh.json
@@ -40,6 +40,7 @@
     "wheel.historyRecord": "中奖历史",
     "wheel.rewardTips": "恭喜获得：价值 {} 金币的珍贵礼物！已放入背包",
     "wheel.drawAgain": "再抽一次",
+    "wheel.totalRewards": "奖励总计：",
     "wheel.userAward": "恭喜 {1} 获得 {2} 奖励",
     "wheel.roomId": "房间 ID 不能为空",
     "wheel.rule1": "1. 选择转盘并消耗金币抽奖。",
