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

fix(news): 活动样式改了下

Browse Source
This commit is contained in:
BTMuli
2023-03-15 01:01:01 +08:00
parent 29ef62f453
commit 6b757d52bc
1 changed files with 21 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/pages/News.vue
View File

@@ -50,17 +50,9 @@
class="ms-2 card-btn" class="ms-2 card-btn"
>查看</v-btn >查看</v-btn
> >
<v-btn v-if="item.status === 1" color="ms-2 bg-green-accent-1" variant="flat" disabled <v-btn v-if="item.status === 1" color="ms-2 card-btn-0">进行中</v-btn>
>进行中</v-btn <v-btn v-else-if="item.status === 2" color="ms-2 card-btn-2">已结束</v-btn>
> <v-btn v-else color="ms-2 card-btn-1">评选中</v-btn>
<v-btn
v-else-if="item.status === 2"
color="ms-2 bg-red-accent-1"
variant="flat"
disabled
>已结束</v-btn
>
<v-btn v-else color="ms-2 bg-orange-accent-1" variant="flat" disabled>评选中</v-btn>
<v-btn <v-btn
v-show="showLog" v-show="showLog"
@click="logPost(item.post_id)" @click="logPost(item.post_id)"
@@ -237,7 +229,23 @@ async function getPost(post_id: string): Promise<ResponsePost> {
} }
.card-btn { .card-btn {
background: #ffe14c !important; background: #455167 !important;
color: #704a1d !important; color: #faf7e8 !important;
}
/* 进行中 */
.card-btn-0 {
background: #3c99aa !important;
color: #faf7e8 !important;
}
/* 评选中 */
.card-btn-1 {
background: #849cc7 !important;
color: #faf7e8 !important;
}
/* 已结束 */
.card-btn-2 {
background: #c7674b !important;
color: #faf7e8 !important;
} }
</style> </style>