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(css): 应用整体色调调整

Browse Source
This commit is contained in:
BTMuli
2023-04-01 01:48:47 +08:00
parent b4e26f172a
commit cf62f20398
7 changed files with 39 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/pages/Achievements.vue
View File

@@ -67,7 +67,8 @@
<v-list class="card-right" v-for="achievement in selectedAchievement" :key="achievement.id">
<v-list-item>
<template v-slot:prepend>
<v-icon :color="achievement.completed ? '#FFD22F' : '#393B40'">
<v-icon :color="achievement.completed ? '#fec90b' : '#485466'">
<!-- todo 图标替换 -->
{{ achievement.completed ? "mdi-check-circle" : "mdi-circle" }}
</v-icon>
</template>
@@ -388,8 +389,8 @@ async function exportJson() {
.card-right {
border-radius: 10px;
margin: 10px;
background: rgba(0, 0, 0, 0.5);
color: #f4d8a8;
background: #546d8b;
color: #faf7e8;
}
/* 成就完成时间 */

13
src/pages/Config.vue
View File

@@ -13,7 +13,7 @@
<v-list-item-title>
应用版本
<v-btn
color="#455167"
class="card-btn"
size="small"
@click="toOuter('https://github.com/BTMuli/Tauri.Genshin/releases/latest')"
>Alpha</v-btn
@@ -168,15 +168,16 @@ async function setDefaultConfig() {
.config-list {
margin: 10px;
font-family: "Genshin-Light", serif;
background: rgba(0, 0, 0, 0.5);
color: #faf7e8;
background: #faf7e8;
color: #546d8b;
border-radius: 10px;
}
.config-header {
margin-top: 10px;
background: #76726c;
color: #f4d8a8;
font-family: Genshin, serif;
background: #faf7e8;
color: #fec90b;
font-size: large;
}
@@ -185,7 +186,7 @@ async function setDefaultConfig() {
height: 40px;
margin-right: 15px;
padding: 5px;
background: #2d2f33;
background: #5b738f;
border-radius: 10px;
}
</style>

8
src/pages/Home.vue
View File

@@ -136,17 +136,17 @@ async function toPost(pool: GachaCard) {
.pool-card {
margin: 10px;
background: rgba(0, 0, 0, 0.5);
background: #546d8b;
border-radius: 10px;
color: #f4d8a8;
color: #faf7e8;
}
.pool-list {
background: #76726c;
background: #546d8b;
}
.pool-list-item {
background: #76726c;
background: #546d8b;
font-family: Genshin, serif;
color: #fec90b;
}

23
src/pages/News.vue
View File

@@ -11,7 +11,7 @@
<v-window v-model="tab">
<v-window-item value="notice">
<div class="news-grid">
<v-card v-for="item in postData.notice" class="news-card" width="320">
<v-card v-for="item in postData.notice" class="news-card" width="340">
<v-img :src="item.cover" cover style="height: 150px" @click="toPost(item)"></v-img>
<v-card-title>{{ item.title }}</v-card-title>
<v-card-actions>
@@ -42,7 +42,7 @@
</v-window-item>
<v-window-item value="activity">
<div class="news-grid">
<v-card class="news-card" v-for="item in postData.activity" width="320">
<v-card class="news-card" v-for="item in postData.activity" width="340">
<v-img :src="item.cover" cover style="height: 150px" @click="toPost(item)"></v-img>
<v-card-title>{{ item.title }}</v-card-title>
<v-card-subtitle>{{ item.subtitle }}</v-card-subtitle>
@@ -84,7 +84,7 @@
</v-window-item>
<v-window-item value="news">
<div class="news-grid">
<v-card class="news-card" v-for="item in postData.news" width="320">
<v-card class="news-card" v-for="item in postData.news" width="340">
<v-img :src="item.cover" cover style="height: 150px" @click="toPost(item)"></v-img>
<v-card-title>{{ item.title }}</v-card-title>
<v-card-actions>
@@ -243,7 +243,7 @@ async function toJson(item: NewsCard) {
.news-grid {
font-family: Genshin, serif;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
grid-gap: 20px;
}
@@ -263,21 +263,6 @@ async function toJson(item: NewsCard) {
color: #546d8b;
}
/* card action 内的按钮 */
.card-btn {
background: #546d8b !important;
color: #faf7e8 !important;
}
.card-btn svg {
width: 18px;
height: 18px;
}
.card-btn svg path {
fill: #faf7e8;
}
/* load more */
.load-news {
font-family: Genshin, serif;