diff --git a/src/components/userRecord/tur-avatar-grid.vue b/src/components/userRecord/tur-avatar-grid.vue index c5a7a479..fbec78c7 100644 --- a/src/components/userRecord/tur-avatar-grid.vue +++ b/src/components/userRecord/tur-avatar-grid.vue @@ -43,8 +43,7 @@ function getTitle(avatar: TGApp.Sqlite.Record.Avatar): string { diff --git a/src/components/userRecord/tur-box.vue b/src/components/userRecord/tur-box.vue new file mode 100644 index 00000000..ffc86d6b --- /dev/null +++ b/src/components/userRecord/tur-box.vue @@ -0,0 +1,7 @@ + + + diff --git a/src/components/userRecord/tur-home-grid.vue b/src/components/userRecord/tur-home-grid.vue index 38ba7977..3c11b335 100644 --- a/src/components/userRecord/tur-home-grid.vue +++ b/src/components/userRecord/tur-home-grid.vue @@ -13,7 +13,7 @@ defineProps<{ modelValue: Array }>(); .tur-hg-box { display: grid; width: 100%; - grid-gap: 10px; + grid-gap: 8px; grid-template-columns: repeat(3, 1fr); } diff --git a/src/components/userRecord/tur-home-sub.vue b/src/components/userRecord/tur-home-sub.vue index 84be5995..e1057a85 100644 --- a/src/components/userRecord/tur-home-sub.vue +++ b/src/components/userRecord/tur-home-sub.vue @@ -44,7 +44,7 @@ defineProps<{ data: TGApp.Sqlite.Record.Home }>(); align-items: center; justify-content: space-between; border: 1px solid var(--common-shadow-1); - border-radius: 5px; + border-radius: 4px; background: var(--box-bg-2); } @@ -63,14 +63,14 @@ defineProps<{ data: TGApp.Sqlite.Record.Home }>(); box-sizing: border-box; align-items: center; justify-content: space-between; - padding: 10px; + padding: 8px; } .tur-hs-name { color: var(--tgc-white-1); font-family: var(--font-text); font-size: 16px; - text-shadow: 0 0 5px var(--tgc-yellow-1); + text-shadow: 0 0 4px var(--tgc-yellow-1); } .tur-hs-title { @@ -78,14 +78,14 @@ defineProps<{ data: TGApp.Sqlite.Record.Home }>(); align-items: center; color: var(--tgc-white-1); font-family: var(--font-title); - font-size: 20px; - text-shadow: 0 0 5px var(--tgc-yellow-1); + font-size: 18px; + text-shadow: 0 0 4px var(--tgc-yellow-1); } .tur-hs-title img { - width: 30px; - height: 30px; - margin-right: 5px; + width: 24px; + height: 24px; + margin-right: 4px; } .tur-hs-text-grid { @@ -94,12 +94,12 @@ defineProps<{ data: TGApp.Sqlite.Record.Home }>(); display: flex; width: 100%; justify-content: space-between; - padding: 10px; + padding: 8px; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background: rgb(0 0 0 / 40%); - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; color: var(--tgc-white-1); text-align: center; } diff --git a/src/components/userRecord/tur-overview-grid.vue b/src/components/userRecord/tur-overview-grid.vue index daadd2eb..a8675425 100644 --- a/src/components/userRecord/tur-overview-grid.vue +++ b/src/components/userRecord/tur-overview-grid.vue @@ -33,9 +33,9 @@ @@ -92,15 +92,15 @@ defineProps<{ modelValue: TGApp.Sqlite.Record.Stats }>(); .tur-og-box { display: grid; width: 100%; - grid-gap: 10px; + grid-gap: 8px; grid-template-columns: repeat(4, 0.25fr); } .tur-og-box-3 { display: grid; width: 100%; - margin-bottom: 10px; - grid-gap: 10px; + margin-bottom: 8px; + grid-gap: 8px; grid-template-columns: repeat(3, 1fr); } diff --git a/src/components/userRecord/tur-overview-sub.vue b/src/components/userRecord/tur-overview-sub.vue index 9903842d..711e6717 100644 --- a/src/components/userRecord/tur-overview-sub.vue +++ b/src/components/userRecord/tur-overview-sub.vue @@ -1,17 +1,21 @@ - diff --git a/src/components/userRecord/tur-world-grid.vue b/src/components/userRecord/tur-world-grid.vue index 481db473..b32133a0 100644 --- a/src/components/userRecord/tur-world-grid.vue +++ b/src/components/userRecord/tur-world-grid.vue @@ -13,7 +13,7 @@ defineProps<{ modelValue: Array }>(); .tur-wg-box { display: grid; width: 100%; - grid-gap: 10px; - grid-template-columns: repeat(3, calc(33.3333% - 10px)); + grid-gap: 8px; + grid-template-columns: repeat(3, 0.33fr); } diff --git a/src/components/userRecord/tur-world-sub.vue b/src/components/userRecord/tur-world-sub.vue index 5d8fda6a..6847d851 100644 --- a/src/components/userRecord/tur-world-sub.vue +++ b/src/components/userRecord/tur-world-sub.vue @@ -1,7 +1,7 @@ - diff --git a/src/pages/User/Record.vue b/src/pages/User/Record.vue index b57a43bf..fd288844 100644 --- a/src/pages/User/Record.vue +++ b/src/pages/User/Record.vue @@ -10,7 +10,7 @@ v-model="uidCur" :items="uidList" :hide-details="true" - title="游戏UID" + label="游戏UID" /> @@ -38,17 +38,27 @@
- - 原神战绩|Render by TeyvatGuide v{{ version }}|更新于 {{ recordData.updated }} + + + 原神战绩|Render by TeyvatGuide v{{ version }}|更新于 {{ recordData.updated }} +
- 数据总览 - - 角色信息 - - 世界探索 - - 尘歌壶 - + + + + + + + + + + + + + + + +
empty @@ -56,10 +66,10 @@
-