Fun/TeyvatGuide
1
0
Fork 0
mirror of https://github.com/BTMuli/TeyvatGuide.git synced 2025-12-13 09:28: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

14
src/assets/icons/circle-check.svg Normal file
View File

@@ -0,0 +1,14 @@
<svg width="256.000000" height="256.000000" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<desc>
Created with Pixso.
</desc>
<g clip-path="url(#clip6_1)">
<circle id="椭圆 3" cx="128.000000" cy="128.000000" r="125.000000" fill="#313131"/>
<ellipse id="椭圆 4" cx="128.000000" cy="128.000000" rx="72.499992" ry="72.500000" stroke="#FFCB32" stroke-width="15.000000"/>
</g>
<defs>
<clipPath id="clip6_1">
<rect id="circle-check" width="256.000000" height="256.000000" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 598 B

17
src/assets/index.css
View File

@@ -12,11 +12,24 @@
/* card action 内的按钮 */
.card-btn {
background: #546d8b !important;
color: #faf7e8 !important;
background: #4a5366;
color: #ece5d8;
border-radius: 50px;
margin-left: 5px;
}
.card-btn img {
width: 20px;
height: 20px;
margin: 5px;
}
.card-dev-btn {
background: #546d8b;
color: #faf7e8;
}
.card-dev-btn img {
width: 18px;
height: 18px;
}

5
src/components/t-position.vue
View File

@@ -34,11 +34,10 @@
剩余时间：
<span style="color: #90caf9">{{ positionTimeGet[card.post_id] }}</span>
</span>
<v-btn @click="toPost(card)" class="ms-2 card-btn mr-2">
<v-btn @click="toPost(card)" class="card-btn">
<template v-slot:prepend>
<img src="../assets/icons/arrow-right.svg" alt="right" onload="SVGInject(this)" />
<img src="../assets/icons/circle-check.svg" alt="check" />查看
</template>
查看
</v-btn>
</v-card-actions>
</v-card>

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;