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

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

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