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

💄 美化公告页 devBtn 样式

Browse Source
This commit is contained in:
BTMuli
2023-06-28 11:30:04 +08:00
parent 20a2329e10
commit 42f31c9322
1 changed files with 19 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/pages/Announcements.vue
View File

@@ -33,11 +33,9 @@
{{ item.endTime.split(" ")[0] }}
</v-card-subtitle>
<v-card-subtitle v-show="appStore.devMode"> id: {{ item.id }} </v-card-subtitle>
<v-btn v-show="appStore.devMode" class="card-dev-btn" @click="toJson(item)">
<template #prepend>
<img src="../assets/icons/arrow-right.svg" alt="right" />
</template>
查看数据
<v-btn v-show="appStore.devMode" class="anno-dev-btn" @click="toJson(item)">
<img src="../assets/icons/arrow-right.svg" alt="right" />
<span>查看数据</span>
</v-btn>
</v-card-actions>
</v-card>
@@ -235,4 +233,20 @@ async function toJson(item: TGApp.App.Announcement.ListCard) {
margin-right: 5px;
object-fit: cover;
}
.anno-dev-btn {
height: 40px;
padding: 5px;
background: var(--common-btn-bg-1);
box-shadow: 0 0 10px var(--common-shadow-4);
color: var(--common-btn-bgt-1);
font-family: var(--font-title);
}
.anno-dev-btn img {
width: 20px;
height: 20px;
margin-right: 5px;
object-fit: contain;
}
</style>