From c337195b164aed59d9eb0f6849cb4031c6a0b1c5 Mon Sep 17 00:00:00 2001
From: tim <nagisa12164@163.com>
Date: Tue, 2 Sep 2025 16:27:05 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20ui=E7=AE=80=E8=A6=81=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend_nuxt/components/PostLottery.vue |  7 ++++++-
 frontend_nuxt/components/PostPoll.vue    | 18 ++++++++++++++++--
 2 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/frontend_nuxt/components/PostLottery.vue b/frontend_nuxt/components/PostLottery.vue
index 125d04ab7..aba1eb539 100644
--- a/frontend_nuxt/components/PostLottery.vue
+++ b/frontend_nuxt/components/PostLottery.vue
@@ -16,7 +16,8 @@
           <div class="prize-count">x {{ lottery.prizeCount }}</div>
         </div>
         <div class="prize-end-time prize-info-right">
-          <div v-if="!isMobile" class="prize-end-time-title"><i class="fas fa-stopwatch"></i>距离结束还有</div>
+          <i class="fas fa-stopwatch prize-end-time-icon"></i>
+          <div v-if="!isMobile" class="prize-end-time-title">离结束</div>
           <div class="prize-end-time-value">{{ countdown }}</div>
           <div v-if="!isMobile" class="join-prize-button-container-desktop">
             <div
@@ -190,6 +191,10 @@ const joinLottery = async () => {
   margin-left: 10px;
 }
 
+.prize-end-time-icon {
+  font-size: 13px;
+}
+
 .prize-end-time-title {
   font-size: 13px;
   opacity: 0.7;
diff --git a/frontend_nuxt/components/PostPoll.vue b/frontend_nuxt/components/PostPoll.vue
index 29bc4b687..6e3b02c44 100644
--- a/frontend_nuxt/components/PostPoll.vue
+++ b/frontend_nuxt/components/PostPoll.vue
@@ -34,7 +34,8 @@
             <div class="poll-option-title" v-else>单选</div>
 
             <div class="poll-left-time">
-              <div class="poll-left-time-title"><i class="fas fa-stopwatch"></i>距离结束还有</div>
+              <i class="fas fa-stopwatch poll-left-time-icon"></i>
+              <div class="poll-left-time-title">离结束</div>
               <div class="poll-left-time-value">{{ countdown }}</div>
             </div>
           </div>
@@ -109,7 +110,8 @@
       <div v-else class="poll-option-hint">
         <div>您已投票，等待结束查看结果</div>
         <div class="poll-left-time">
-          <div class="poll-left-time-title"><i class="fas fa-stopwatch"></i>距离结束还有</div>
+          <i class="fas fa-stopwatch poll-left-time-icon"></i>
+          <div class="poll-left-time-title">离结束</div>
           <div class="poll-left-time-value">{{ countdown }}</div>
         </div>
       </div>
@@ -326,6 +328,18 @@ const submitMultiPoll = async () => {
   gap: 5px;
 }
 
+.poll-left-time-icon {
+  font-size: 13px;
+}
+
+.poll-option-hint {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 10px;
+}
+
 .poll-left-time-title {
   font-size: 13px;
   opacity: 0.7;