Fun/TeyvatGuide
1
0
Fork 0
mirror of https://github.com/BTMuli/TeyvatGuide.git synced 2025-12-16 09:58:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

💄 战绩页面样式优化

Browse Source
This commit is contained in:
BTMuli
2023-06-14 22:34:56 +08:00
parent 9ea4b63e96
commit a4b8dfe8c6
7 changed files with 33 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -92,7 +92,7 @@ onMounted(async () => {
width: 100%;
display: flex;
justify-content: space-between;
background: rgb(0 0 0 / 20%);
background: rgb(0 0 0 / 40%);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
text-align: center;
@@ -101,12 +101,11 @@ onMounted(async () => {
.tur-hs-text :nth-child(1) {
font-family: var(--font-text);
text-shadow: #fec90b 0 0 5px;
color: var(--common-color-yellow);
}
.tur-hs-text :nth-child(2) {
font-family: var(--font-title);
font-size: 16px;
text-shadow: 0 0 10px rgb(0 0 0 / 40%);
}
</style>

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

@@ -36,14 +36,18 @@ defineProps<TAOProps>();
.tur-os-title {
font-family: var(--font-title);
font-size: 20px;
color: var(--common-color-white);
text-shadow: 0 0 10px rgb(0 0 0 / 40%);
color: var(--common-text-2);
}
.tur-os-text {
font-family: var(--font-text);
font-size: 20px;
color: var(--common-color-white);
text-shadow: #fec90b 0 0 5px;
text-shadow: 0 0 10px var(--common-color-yellow);
}
.dark .tur-os-text {
color: var(--common-color-yellow);
text-shadow: none;
}
</style>

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

@@ -2,9 +2,9 @@
<div
class="tur-ws-box"
:style="{
backgroundImage: 'url(' + getUrl.bg + ')',
backgroundImage: `url('${getUrl.bg}')`,
backgroundPositionX: 'right',
backgroundSize: 'auto 100%',
backgroundSize: 'cover',
backgroundRepeat: 'no-repeat'
}"
>
@@ -35,6 +35,7 @@
</div>
</template>
<script lang="ts" setup>
// vue
import { onMounted, ref } from "vue";
// tauri
@@ -102,8 +103,7 @@ async function listenOnTheme () {
}
.tur-ws-content {
color: var(--common-color-white);
text-shadow: 0 0 5px rgb(0 0 0 / 20%);
color: var(--common-text-2);
width: calc(100% - 60px);
height: 100%;
}
@@ -111,7 +111,7 @@ async function listenOnTheme () {
.tur-ws-title {
font-family: var(--font-title);
font-size: 20px;
border-bottom: 1px inset var(--common-color-white);
border-bottom: 1px inset var(--common-text-2);
}
.tur-ws-sub {
@@ -129,6 +129,12 @@ async function listenOnTheme () {
}
.tur-ws-sub :nth-last-child(2) {
text-shadow: #fec90b 0 0 5px;
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;
}
</style>