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

💄 调整投票组件样式

Browse Source
This commit is contained in:
BTMuli
2025-05-25 20:02:04 +08:00
parent ae6dc39702
commit 99327dd9eb
1 changed files with 12 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -59,10 +59,12 @@ function getWidth(item: TpVoteData): string {
.tp-vote-box {
display: flex;
flex-direction: column;
padding: 10px;
padding: 8px;
border: 1px solid var(--common-shadow-1);
border-radius: 5px;
row-gap: 10px;
border-radius: 4px;
margin: 12px 0;
background: var(--box-bg-1);
row-gap: 8px;
}
.tp-vote-info {
@@ -78,19 +80,19 @@ function getWidth(item: TpVoteData): string {
.tp-vote-list {
display: grid;
gap: 10px 20px;
gap: 12px 16px;
grid-template-columns: repeat(2, 1fr);
}
.tp-vote-item {
display: flex;
flex-direction: column;
gap: 5px;
gap: 4px;
}
.tp-vote-item-title {
display: flex;
align-items: center;
align-items: flex-end;
justify-content: space-between;
.title {
@@ -101,7 +103,7 @@ function getWidth(item: TpVoteData): string {
.val {
display: flex;
flex-direction: column;
gap: 5px;
gap: 4px;
white-space: nowrap;
:first-child {
@@ -117,14 +119,14 @@ function getWidth(item: TpVoteData): string {
.tp-vote-progress {
overflow: hidden;
width: 100%;
height: 10px;
border-radius: 5px;
height: 8px;
border-radius: 4px;
background: var(--common-shadow-1);
}
.tp-vote-val {
height: 100%;
border-radius: 5px;
border-radius: 4px;
background: linear-gradient(to right, #66ccff 0, #f09199 360px);
}
</style>