jiazhizhong/OpenIsle
1
0
Fork 0
mirror of https://github.com/nagisa77/OpenIsle.git synced 2026-06-10 03:57:32 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: ui简要修改

Browse Source
This commit is contained in:
tim
2025-09-02 16:27:05 +08:00
parent c506aec506
commit c337195b16
2 changed files with 22 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
frontend_nuxt/components/PostLottery.vue
View File

@@ -16,7 +16,8 @@
<div class="prize-count">x {{ lottery.prizeCount }}</div> <div class="prize-count">x {{ lottery.prizeCount }}</div>
</div> </div>
<div class="prize-end-time prize-info-right"> <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 class="prize-end-time-value">{{ countdown }}</div>
<div v-if="!isMobile" class="join-prize-button-container-desktop"> <div v-if="!isMobile" class="join-prize-button-container-desktop">
<div <div
@@ -190,6 +191,10 @@ const joinLottery = async () => {
margin-left: 10px; margin-left: 10px;
} }
.prize-end-time-icon {
font-size: 13px;
}
.prize-end-time-title { .prize-end-time-title {
font-size: 13px; font-size: 13px;
opacity: 0.7; opacity: 0.7;

18
frontend_nuxt/components/PostPoll.vue
View File

@@ -34,7 +34,8 @@
<div class="poll-option-title" v-else>单选</div> <div class="poll-option-title" v-else>单选</div>
<div class="poll-left-time"> <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 class="poll-left-time-value">{{ countdown }}</div>
</div> </div>
</div> </div>
@@ -109,7 +110,8 @@
<div v-else class="poll-option-hint"> <div v-else class="poll-option-hint">
<div>您已投票，等待结束查看结果</div> <div>您已投票，等待结束查看结果</div>
<div class="poll-left-time"> <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 class="poll-left-time-value">{{ countdown }}</div>
</div> </div>
</div> </div>
@@ -326,6 +328,18 @@ const submitMultiPoll = async () => {
gap: 5px; 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 { .poll-left-time-title {
font-size: 13px; font-size: 13px;
opacity: 0.7; opacity: 0.7;