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

fix: 多选ui

Browse Source
This commit is contained in:
tim
2025-08-31 11:25:34 +08:00
parent 18db4d7317
commit 3808becc8b
1 changed files with 40 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
frontend_nuxt/components/PostPoll.vue
View File

@@ -38,6 +38,14 @@
<input type="radio" :checked="false" name="poll-option" class="poll-option-input" /> <input type="radio" :checked="false" name="poll-option" class="poll-option-input" />
<span class="poll-option-text">{{ opt }}</span> <span class="poll-option-text">{{ opt }}</span>
</div> </div>
<div class="multi-selection-container">
<div class="multi-selection-title">
<i class="fas fa-info-circle info-icon"></i>
该投票为多选
</div>
<div class="join-poll-button"><i class="fas fa-plus"></i> 加入投票</div>
</div>
</div> </div>
</div> </div>
<div class="poll-info"> <div class="poll-info">
@@ -204,6 +212,7 @@ const voteOption = async (idx) => {
flex-direction: column; flex-direction: column;
overflow-y: auto; overflow-y: auto;
flex: 4; flex: 4;
border-right: 1px solid var(--normal-border-color);
} }
.poll-info { .poll-info {
@@ -265,6 +274,9 @@ const voteOption = async (idx) => {
.poll-left-time { .poll-left-time {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center;
justify-content: center;
gap: 5px;
} }
.poll-left-time-title { .poll-left-time-title {
@@ -303,6 +315,34 @@ const voteOption = async (idx) => {
color: var(--text-color); color: var(--text-color);
} }
.multi-selection-container {
padding: 20px 15px 20px 5px;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.multi-selection-title {
font-size: 13px;
color: var(--text-color);
}
.info-icon {
margin-right: 5px;
}
.join-poll-button {
padding: 5px 10px;
background-color: var(--primary-color);
color: white;
border-radius: 8px;
cursor: pointer;
}
.join-poll-button:hover {
background-color: var(--primary-color-hover);
}
.poll-participants { .poll-participants {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;