Fun/TeyvatGuide
1
0
Fork 0
mirror of https://github.com/BTMuli/TeyvatGuide.git synced 2025-12-12 09:18:14 +08:00
Code Issues Packages Projects Releases Wiki Activity

💄 微调UI

Browse Source
This commit is contained in:
目棃
2025-02-20 17:00:59 +08:00
parent 25f95d9f90
commit 2b15e1a351
1 changed files with 18 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/viewPost/tp-vote.vue
View File

@@ -7,8 +7,8 @@
<div class="tp-vote-list"> <div class="tp-vote-list">
<div v-for="(item, index) in votes?.data" :key="index" class="tp-vote-item"> <div v-for="(item, index) in votes?.data" :key="index" class="tp-vote-item">
<div class="tp-vote-item-title"> <div class="tp-vote-item-title">
<span>{{ item.title }}</span> <span class="title">{{ item.title }}</span>
<span> <span class="val">
<span>{{ item.count }}票</span> <span>{{ item.count }}票</span>
<span>{{ item.percent.toFixed(2) }}%</span> <span>{{ item.percent.toFixed(2) }}%</span>
</span> </span>
@@ -90,25 +90,26 @@ function getWidth(item: TpVoteData): string {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
}
.tp-vote-item-title :first-child { .title {
font-size: 16px; font-size: 16px;
font-weight: bold; font-weight: bold;
} }
.tp-vote-item-title :last-child { .val {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 5px; gap: 5px;
} white-space: nowrap;
.tp-vote-item-title :last-child :first-child { :first-child {
font-size: 12px; font-size: 12px;
} }
.tp-vote-item-title :last-child :last-child { :last-child {
font-size: 10px; font-size: 10px;
}
}
} }
.tp-vote-progress { .tp-vote-progress {