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

♻️ 用户相关的四个一级页面勉强改完

Browse Source
This commit is contained in:
BTMuli
2023-09-02 14:03:23 +08:00
parent a8488c04f8
commit 95eca77d0a
18 changed files with 189 additions and 177 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/userRecord/tur-home-sub.vue
View File

@@ -10,7 +10,6 @@
{{ data.name }}
</div>
<div class="tur-hs-title">
<!-- canvas -->
<img :src="getUrl.icon" alt="comfort" />
{{ data.comfortName }}
</div>
@@ -65,20 +64,18 @@ onMounted(async () => {
position: absolute;
top: 10px;
right: 10px;
color: var(--common-color-white);
color: var(--tgc-white-1);
font-family: var(--font-text);
font-size: 16px;
text-shadow: 0 0 10px rgb(0 0 0 / 40%);
}
.tur-hs-title {
display: flex;
align-items: center;
padding: 10px;
color: var(--common-color-white);
color: var(--tgc-white-1);
font-family: var(--font-title);
font-size: 20px;
text-shadow: 0 0 10px rgb(0 0 0 / 40%);
}
.tur-hs-title img {
@@ -92,15 +89,16 @@ onMounted(async () => {
width: 100%;
justify-content: space-between;
padding: 10px;
backdrop-filter: blur(5px);
background: rgb(0 0 0 / 40%);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
color: var(--common-color-white);
color: var(--tgc-white-1);
text-align: center;
}
.tur-hs-text :nth-child(1) {
color: var(--common-color-yellow);
color: var(--tgc-yellow-1);
font-family: var(--font-text);
}

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

@@ -29,21 +29,21 @@ defineProps<TAOProps>();
align-items: center;
justify-content: center;
padding: 5px;
border: 1px solid var(--common-shadow-1);
border-radius: 5px;
background: var(--common-shadow-1);
background: var(--box-bg-2);
}
.tur-os-title {
color: var(--common-text-content);
color: var(--box-text-4);
font-family: var(--font-title);
font-size: 20px;
}
.tur-os-text {
color: var(--common-color-white);
color: var(--tgc-yellow-1);
font-family: var(--font-text);
font-size: 20px;
text-shadow: 0 0 10px var(--common-color-yellow);
}
.dark .tur-os-text {

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

@@ -86,8 +86,9 @@ async function listenOnTheme(): Promise<void> {
align-items: center;
justify-content: center;
padding: 10px;
border: 1px solid var(--common-shadow-1);
border-radius: 5px;
background: var(--common-shadow-1);
background: var(--box-bg-2);
}
.tur-ws-icon {
@@ -104,11 +105,11 @@ async function listenOnTheme(): Promise<void> {
.tur-ws-content {
width: calc(100% - 60px);
height: 100%;
color: var(--common-text-content);
color: var(--box-text-4);
}
.tur-ws-title {
border-bottom: 1px inset var(--common-text-content);
border-bottom: 1px inset var(--common-shadow-8);
font-family: var(--font-title);
font-size: 20px;
}
@@ -128,12 +129,6 @@ async function listenOnTheme(): Promise<void> {
}
.tur-ws-sub :nth-last-child(2) {
color: var(--common-color-white);
text-shadow: 0 0 10px var(--common-color-yellow);
}
.dark .tur-ws-sub :nth-last-child(2) {
color: var(--common-color-yellow);
text-shadow: none;
color: var(--tgc-yellow-1);
}
</style>