Fun/TeyvatGuide
1
0
Fork 0
mirror of https://github.com/BTMuli/TeyvatGuide.git synced 2025-12-16 09:58:13 +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] }} {{ item.endTime.split(" ")[0] }}
</v-card-subtitle> </v-card-subtitle>
<v-card-subtitle v-show="appStore.devMode"> id: {{ item.id }} </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)"> <v-btn v-show="appStore.devMode" class="anno-dev-btn" @click="toJson(item)">
<template #prepend> <img src="../assets/icons/arrow-right.svg" alt="right" />
<img src="../assets/icons/arrow-right.svg" alt="right" /> <span>查看数据</span>
</template>
查看数据
</v-btn> </v-btn>
</v-card-actions> </v-card-actions>
</v-card> </v-card>
@@ -235,4 +233,20 @@ async function toJson(item: TGApp.App.Announcement.ListCard) {
margin-right: 5px; margin-right: 5px;
object-fit: cover; 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> </style>