diff --git a/frontend_nuxt/pages/posts/[id]/index.vue b/frontend_nuxt/pages/posts/[id]/index.vue index fbe7aefb4..c1f2dd3aa 100644 --- a/frontend_nuxt/pages/posts/[id]/index.vue +++ b/frontend_nuxt/pages/posts/[id]/index.vue @@ -174,18 +174,19 @@
-
{{ poll.question }}
-
+
-
{{ opt }}
+
+
{{ opt }}
+
+ {{ pollPercentages[idx] }}% ({{ pollVotes[idx] || 0 }}人已投票) +
+
-
- {{ pollPercentages[idx] }}% ({{ pollVotes[idx] || 0 }}) -
-
+
投票
-
+
结果
@@ -1302,7 +1307,6 @@ onMounted(async () => { justify-content: center; align-items: center; min-height: 100px; - border-left: 1px solid var(--normal-border-color); } .total-votes { @@ -1327,6 +1331,9 @@ onMounted(async () => { .poll-option-result { margin-bottom: 10px; margin-right: 10px; + gap: 5px; + display: flex; + flex-direction: column; } .poll-option-input { @@ -1339,7 +1346,7 @@ onMounted(async () => { } .poll-option-text { - font-size: 16px; + font-size: 18px; } .poll-bottom-container { @@ -1501,7 +1508,7 @@ onMounted(async () => { .poll-option-progress { position: relative; - background-color: var(--border-color); + background-color: rgb(187, 187, 187); height: 20px; border-radius: 5px; overflow: hidden; @@ -1512,14 +1519,16 @@ onMounted(async () => { height: 100%; } +.poll-option-info-container { + display: flex; + flex-direction: row; + justify-content: space-between; +} + .poll-option-progress-info { - position: absolute; - top: 0; - left: 50%; - transform: translateX(-50%); font-size: 12px; line-height: 20px; - color: #fff; + color: var(--text-color); } .poll-vote-button {