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

fix(icon): 查看按钮 prepend icon 变更

Browse Source
This commit is contained in:
BTMuli
2023-04-02 20:48:49 +08:00
parent 7207a901b5
commit d9b717592b
5 changed files with 46 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/pages/Announcements.vue
View File

@@ -38,7 +38,7 @@
{{ item.end_time.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-btn" @click="toJson(item)">
<v-btn v-show="appStore.devMode" class="card-dev-btn" @click="toJson(item)">
<template v-slot:prepend>
<img src="../assets/icons/arrow-right.svg" alt="right" />
</template>
@@ -69,7 +69,7 @@
{{ item.end_time.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-btn" @click="toJson(item)">
<v-btn v-show="appStore.devMode" class="card-dev-btn" @click="toJson(item)">
<template v-slot:prepend>
<img src="../assets/icons/arrow-right.svg" alt="right" />
</template>
@@ -187,6 +187,7 @@ async function toJson(item: AnnoListCard) {
}
.anno-btn {
margin-left: 5px;
background: #546d8b;
color: #faf7e8;
}

22
src/pages/News.vue
View File

@@ -3,7 +3,7 @@
<t-loading :title="loadingTitle" />
</div>
<div v-else>
<v-tabs v-model="tab" align-tabs="start" class="global-font mb-2">
<v-tabs v-model="tab" align-tabs="start" class="news-tabs">
<v-tab value="notice" title="公告" />
<v-tab value="activity" title="活动" />
<v-tab value="news" title="新闻" />
@@ -36,12 +36,11 @@
<v-card-actions>
<v-btn @click="toPost(item)" class="card-btn">
<template v-slot:prepend>
<img src="../assets/icons/arrow-right.svg" alt="right" />
<img src="../assets/icons/circle-check.svg" alt="check" />查看
</template>
查看
</v-btn>
<v-card-subtitle>id:{{ item.post_id }}</v-card-subtitle>
<v-btn @click="toJson(item)" class="card-btn" v-show="appStore.devMode">
<v-btn @click="toJson(item)" class="card-dev-btn" v-show="appStore.devMode">
<template v-slot:prepend>
<img src="../assets/icons/arrow-right.svg" alt="right" />
</template>
@@ -70,9 +69,8 @@
<v-card-actions>
<v-btn @click="toPost(item)" class="card-btn">
<template v-slot:prepend>
<img src="../assets/icons/arrow-right.svg" alt="right" />
<img src="../assets/icons/circle-check.svg" alt="check" />查看
</template>
查看
</v-btn>
<v-card-subtitle>id:{{ item.post_id }}</v-card-subtitle>
<div v-show="!appStore.devMode">
@@ -84,7 +82,7 @@
>{{ item.status?.status }}</v-btn
>
</div>
<v-btn @click="toJson(item)" class="card-btn" v-show="appStore.devMode">
<v-btn @click="toJson(item)" class="card-dev-btn" v-show="appStore.devMode">
<template v-slot:prepend>
<img src="../assets/icons/arrow-right.svg" alt="right" />
</template>
@@ -112,12 +110,11 @@
<v-card-actions>
<v-btn @click="toPost(item)" class="card-btn">
<template v-slot:prepend>
<img src="../assets/icons/arrow-right.svg" alt="right" />
<img src="../assets/icons/circle-check.svg" alt="check" />查看
</template>
查看
</v-btn>
<v-card-subtitle>id:{{ item.post_id }}</v-card-subtitle>
<v-btn @click="toJson(item)" class="card-btn" v-show="appStore.devMode">
<v-btn @click="toJson(item)" class="card-dev-btn" v-show="appStore.devMode">
<template v-slot:prepend>
<img src="../assets/icons/arrow-right.svg" alt="right" />
</template>
@@ -319,6 +316,11 @@ async function searchPost() {
</script>
<style lang="css" scoped>
.news-tabs {
font-family: Genshin, serif;
margin-bottom: 10px;
}
.news-grid {
font-family: Genshin, serif;
display: grid;