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

💄 角色详情深色模式样式完善

Browse Source
This commit is contained in:
BTMuli
2023-10-19 13:38:17 +08:00
parent 518af605de
commit 06f4d26184
5 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/userCharacter/tuc-detail-desc-constellation.vue
View File

@@ -40,7 +40,7 @@ function parseDesc(desc: string): string {
while (match !== null) { while (match !== null) {
const color = match[1]; const color = match[1];
const text = match[2]; const text = match[2];
desc = desc.replace(match[0], `<span style="color: ${color}">${text}</span>`); desc = desc.replace(match[0], `<span title="${text}" style="color: ${color};">${text}</span>`);
match = reg.exec(desc); match = reg.exec(desc);
} }
desc = desc.replace(/\\n/g, "<br />"); desc = desc.replace(/\\n/g, "<br />");
@@ -60,11 +60,12 @@ function parseDesc(desc: string): string {
.tuc-ddc-top { .tuc-ddc-top {
height: 20px; height: 20px;
color: var(--tgc-blue-1); color: var(--box-text-3);
} }
.tuc-ddc-bottom { .tuc-ddc-bottom {
height: 20px; height: 20px;
color: var(--box-text-1);
} }
.tuc-ddc-bottom :nth-child(1) { .tuc-ddc-bottom :nth-child(1) {

4
src/components/userCharacter/tuc-detail-desc-relic.vue
View File

@@ -48,7 +48,7 @@ const props = defineProps<TucDetailDescRelicProps>();
.tuc-ddrc-top { .tuc-ddrc-top {
height: 20px; height: 20px;
color: var(--tgc-dark-1); color: var(--box-text-1);
} }
.tuc-ddrc-top :nth-child(1) { .tuc-ddrc-top :nth-child(1) {
@@ -70,7 +70,7 @@ const props = defineProps<TucDetailDescRelicProps>();
} }
.tuc-ddrd-title { .tuc-ddrd-title {
color: var(--tgc-dark-1); color: var(--box-text-3);
font-family: var(--font-title); font-family: var(--font-title);
font-size: 16px; font-size: 16px;
} }

2
src/components/userCharacter/tuc-detail-desc-weapon.vue
View File

@@ -49,7 +49,7 @@ const box = computed(() => {
align-items: start; align-items: start;
justify-content: space-around; justify-content: space-around;
margin-left: 5px; margin-left: 5px;
color: var(--tgc-dark-1); color: var(--box-text-1);
} }
.tuc-ddwc-top { .tuc-ddwc-top {

11
src/components/userCharacter/tuc-detail-desc.vue
View File

@@ -15,14 +15,14 @@
<style lang="css" scoped> <style lang="css" scoped>
.tuc-dd-box { .tuc-dd-box {
padding: 10px; padding: 10px;
border: 1px solid rgb(0 0 0 /40%); border: 1px solid var(--common-shadow-2);
border-radius: 5px; border-radius: 5px;
background: var(--tgc-white-1); background: var(--box-bg-2);
} }
.tuc-dd-title { .tuc-dd-title {
width: 100%; width: 100%;
color: var(--tgc-dark-1); color: var(--common-text-title);
font-family: var(--font-title); font-family: var(--font-title);
font-size: 20px; font-size: 20px;
text-align: left; text-align: left;
@@ -32,8 +32,7 @@
width: 100%; width: 100%;
height: 1px; height: 1px;
margin: 5px 0; margin: 5px 0;
background: var(--tgc-dark-1); background: var(--common-shadow-2);
opacity: 0.5;
} }
.tuc-dd-content { .tuc-dd-content {
@@ -48,7 +47,7 @@
width: 100%; width: 100%;
max-height: 50px; max-height: 50px;
margin-top: 5px; margin-top: 5px;
color: var(--tgc-dark-1); color: var(--box-text-4);
font-family: var(--font-text); font-family: var(--font-text);
font-size: 14px; font-size: 14px;
overflow-x: hidden; overflow-x: hidden;

4
src/components/userCharacter/tuc-detail-overlay.vue
View File

@@ -265,7 +265,7 @@ function switchBg(): void {
height: 620px; height: 620px;
padding: 10px; padding: 10px;
border-radius: 5px; border-radius: 5px;
background: var(--tgc-white-1); background: var(--box-bg-1);
} }
.tuc-do-bg { .tuc-do-bg {
@@ -290,7 +290,7 @@ function switchBg(): void {
bottom: 0; bottom: 0;
padding: 2px 5px; padding: 2px 5px;
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
background: rgb(0 0 0 /50%); background: var(--common-shadow-2);
border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
border-top-left-radius: 5px; border-top-left-radius: 5px;
color: var(--tgc-white-1); color: var(--tgc-white-1);