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

fix: 投票模块采用clientOnly

Browse Source
This commit is contained in:
tim
2025-08-31 01:19:48 +08:00
parent ac4f1064e7
commit 6e1a7c773c
1 changed files with 65 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
frontend_nuxt/pages/posts/[id]/index.vue
View File

@@ -171,10 +171,11 @@
</div> </div>
</div> </div>
</div> </div>
<ClientOnly>
<div v-if="poll" class="post-poll-container"> <div v-if="poll" class="post-poll-container">
<div class="poll-top-container"> <div class="poll-top-container">
<div class="poll-options-container"> <div class="poll-options-container">
<div v-if="showPollResult || pollEnded"> <div v-if="showPollResult || pollEnded || hasVoted">
<div v-for="(opt, idx) in poll.options" :key="idx" class="poll-option-result"> <div v-for="(opt, idx) in poll.options" :key="idx" class="poll-option-result">
<div class="poll-option-info-container"> <div class="poll-option-info-container">
<div class="poll-option-text">{{ opt }}</div> <div class="poll-option-text">{{ opt }}</div>
@@ -207,7 +208,12 @@
class="poll-option" class="poll-option"
@click="voteOption(idx)" @click="voteOption(idx)"
> >
<input type="radio" :checked="true" name="poll-option" class="poll-option-input" /> <input
type="radio"
:checked="true"
name="poll-option"
class="poll-option-input"
/>
<span class="poll-option-text">{{ opt }}</span> <span class="poll-option-text">{{ opt }}</span>
</div> </div>
</div> </div>
@@ -219,13 +225,17 @@
</div> </div>
<div class="poll-bottom-container"> <div class="poll-bottom-container">
<div <div
v-if="showPollResult && !pollEnded" v-if="showPollResult && !pollEnded && !hasVoted"
class="poll-option-button" class="poll-option-button"
@click="showPollResult = false" @click="showPollResult = false"
> >
<i class="fas fa-chevron-left"></i> 投票 <i class="fas fa-chevron-left"></i> 投票
</div> </div>
<div v-else-if="!pollEnded" class="poll-option-button" @click="showPollResult = true"> <div
v-else-if="!pollEnded && !hasVoted"
class="poll-option-button"
@click="showPollResult = true"
>
<i class="fas fa-chart-bar"></i> 结果 <i class="fas fa-chart-bar"></i> 结果
</div> </div>
@@ -235,7 +245,7 @@
</div> </div>
</div> </div>
</div> </div>
</ClientOnly>
<div v-if="closed" class="post-close-container">该帖子已关闭，内容仅供阅读，无法进行互动</div> <div v-if="closed" class="post-close-container">该帖子已关闭，内容仅供阅读，无法进行互动</div>
<ClientOnly> <ClientOnly>