Fun/TeyvatGuide
1
0
Fork 0
mirror of https://github.com/BTMuli/TeyvatGuide.git synced 2026-03-30 06:19:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

🚚 重命名&美化

Browse Source
This commit is contained in:
BTMuli
2023-06-26 14:48:37 +08:00
parent 6b67953cfe
commit ff293d0006
19 changed files with 71 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/main/t-itembox.vue
View File

@@ -188,7 +188,7 @@ const getOuterFont = computed(() => `${props.modelValue.outerHeight / 2}px`);
width: 100%;
height: v-bind(getOuterHeight);
text-align: center;
color: var(--common-text);
color: var(--common-text-title);
font-size: v-bind(getOuterFont);
}
</style>

25
src/components/main/t-pool.vue
View File

@@ -8,8 +8,9 @@
<v-card v-for="pool in poolCards" :key="pool.post_id" class="pool-card">
<v-list class="pool-list">
<v-list-item :title="pool.title" :subtitle="pool.subtitle">
<!-- todo 点击播放语音 -->
<template #prepend>
<img :src="pool.voice.icon" class="pool-sideIcon" alt="icon" />
<img :src="pool.voice.icon" class="pool-voice-icon" alt="icon" />
</template>
<template v-if="pool.voice.url" #append>
<audio :src="pool.voice.url" controls />
@@ -156,7 +157,7 @@ onMounted(async () => {
loading.value = false;
});
// 检测是否有新的限时祈愿
// 检测新卡池
function checkCover(data: GachaData[]) {
// 如果没有缓存
if (!homeStore.poolCover || Object.keys(homeStore.poolCover).length === 0) {
@@ -220,12 +221,12 @@ onUnmounted(() => {
.pool-box {
margin-bottom: 10px;
padding: 10px;
box-shadow: 0 0 10px var(--common-bg-4);
box-shadow: 0 0 10px var(--common-shadow-4);
border-radius: 5px;
}
.pool-title {
color: var(--common-text);
color: var(--common-text-title);
font-family: var(--font-title);
font-size: 20px;
display: flex;
@@ -237,7 +238,7 @@ onUnmounted(() => {
transform: translate(0, 2px);
margin-right: 10px;
border-radius: 50%;
background: var(--common-bg-2);
background: var(--common-shadow-2);
}
.pool-grid {
@@ -248,27 +249,21 @@ onUnmounted(() => {
}
.pool-card {
background: #45b787; /* 蛙绿 */
color: #eef7f2; /* 丹白 */
background: var(--common-bg-1);
color: var(--common-bgt-1);
border-radius: 5px;
}
.dark .pool-card {
background: #1f2623; /* 苷蓝绿 */
}
.pool-list {
font-family: var(--font-title);
background: inherit;
color: inherit;
}
.pool-sideIcon {
margin-top: 10px;
.pool-voice-icon {
width: 40px;
height: 40px;
border-radius: 50%;
background: var(--common-bg-2);
transform: translateY(-5px);
}
.pool-cover {

12
src/components/main/t-position.vue
View File

@@ -140,12 +140,12 @@ onUnmounted(() => {
.position-box {
margin-bottom: 10px;
padding: 10px;
box-shadow: 0 0 10px var(--common-bg-4);
box-shadow: 0 0 10px var(--common-shadow-4);
border-radius: 5px;
}
.position-title {
color: var(--common-text);
color: var(--common-text-title);
font-family: var(--font-title);
font-size: 20px;
display: flex;
@@ -167,15 +167,11 @@ onUnmounted(() => {
}
.position-card {
background: #45b787; /* 蛙绿 */
color: #eef7f2; /* 月白 */
background: var(--common-bg-1);
color: var(--common-bgt-1);
border-radius: 5px;
}
.dark .position-card {
background: #1f2623; /* 苷蓝绿 */
}
.position-list {
font-family: var(--font-title);
background: inherit;

2
src/components/main/t-subline.vue
View File

@@ -15,7 +15,7 @@ defineProps({
</script>
<style lang="css" scoped>
.tsl-box {
background: var(--common-bg-2);
background: var(--common-shadow-2);
display: flex;
align-items: center;
height: 30px;

2
src/components/userAbyss/tua-detail-battle.vue
View File

@@ -31,6 +31,6 @@ const props = defineProps<TuaDetailBattleProps>();
width: 100%;
text-align: left;
font-size: 12px;
color: var(--common-text-3);
color: var(--common-text-quote);
}
</style>

2
src/components/userAbyss/tua-detail-level.vue
View File

@@ -20,6 +20,6 @@ const props = defineProps<TuaDetailLevelProps>();
border-radius: 5px;
width: 100%;
height: 1px;
background: var(--common-text-2);
background: var(--common-text-content);
}
</style>

2
src/components/userAbyss/tua-detail-title.vue
View File

@@ -46,7 +46,7 @@ const getFontSize: ComputedRef<string> = computed(() => {
.tud-t-title {
font-size: v-bind(getFontSize);
color: var(--common-text-2);
color: var(--common-text-content);
}
.tud-t-val {

2
src/components/userAbyss/tua-detail.vue
View File

@@ -29,7 +29,7 @@ const props = defineProps<TuaDetailProps>();
width: 100%;
margin-bottom: 10px;
border-radius: 5px;
background: var(--common-bg);
background: var(--common-shadow-1);
padding: 10px;
}

4
src/components/userAbyss/tua-overview.vue
View File

@@ -42,7 +42,7 @@ const props = withDefaults(defineProps<TAOProps>(), {
height: auto;
padding: 10px;
border-radius: 5px;
background: var(--common-bg);
background: var(--common-shadow-1);
display: flex;
flex-direction: column;
justify-content: center;
@@ -52,7 +52,7 @@ const props = withDefaults(defineProps<TAOProps>(), {
.tuao-title {
font-family: var(--font-title);
font-size: 20px;
color: var(--common-text-2);
color: var(--common-text-content);
}
.tuao-val-text {

4
src/components/userCharacter/tuc-role-box.vue
View File

@@ -92,7 +92,7 @@ function getAvatarName() {
<style lang="css" scoped>
.tuc-rb-box {
padding: 5px;
border: 1px inset var(--common-bg-4);
border: 1px inset var(--common-shadow-4);
border-radius: 5px;
position: relative;
cursor: pointer;
@@ -139,7 +139,7 @@ function getAvatarName() {
left: 0;
width: 100%;
height: 100%;
background: var(--common-bg-4);
background: var(--common-shadow-4);
backdrop-filter: blur(5px);
display: flex;
justify-content: center;

4
src/components/userRecord/tur-overview-sub.vue
View File

@@ -26,7 +26,7 @@ defineProps<TAOProps>();
height: auto;
padding: 5px;
border-radius: 5px;
background: var(--common-bg);
background: var(--common-shadow-1);
display: flex;
flex-direction: column;
justify-content: center;
@@ -36,7 +36,7 @@ defineProps<TAOProps>();
.tur-os-title {
font-family: var(--font-title);
font-size: 20px;
color: var(--common-text-2);
color: var(--common-text-content);
}
.tur-os-text {

6
src/components/userRecord/tur-world-sub.vue
View File

@@ -87,7 +87,7 @@ async function listenOnTheme() {
display: flex;
justify-content: center;
align-items: center;
background: var(--common-bg);
background: var(--common-shadow-1);
}
.tur-ws-icon {
@@ -102,7 +102,7 @@ async function listenOnTheme() {
}
.tur-ws-content {
color: var(--common-text-2);
color: var(--common-text-content);
width: calc(100% - 60px);
height: 100%;
}
@@ -110,7 +110,7 @@ async function listenOnTheme() {
.tur-ws-title {
font-family: var(--font-title);
font-size: 20px;
border-bottom: 1px inset var(--common-text-2);
border-bottom: 1px inset var(--common-text-content);
}
.tur-ws-sub {