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

🔧 调整属性排序&格式化

Browse Source
This commit is contained in:
BTMuli
2025-06-01 19:37:52 +08:00
parent 70a716842f
commit 25bb259d7a
15 changed files with 84 additions and 102 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/app/t-gameNav.vue
View File

@@ -139,6 +139,8 @@ async function toBBS(link: URL): Promise<void> {
}
.tgn-nav {
@include github-styles.github-card;
display: flex;
align-items: center;
justify-content: center;
@@ -146,8 +148,6 @@ async function toBBS(link: URL): Promise<void> {
border-radius: 4px;
color: var(--tgc-white-1);
cursor: pointer;
@include github-styles.github-card;
}
.dark .tgn-nav {

12
src/components/app/t-postcard.vue
View File

@@ -285,6 +285,8 @@ function onUserClick(): void {
@use "@styles/github.styles.scss" as github-styles;
.tpc-card {
@include github-styles.github-card;
position: relative;
display: flex;
overflow: hidden;
@@ -299,8 +301,6 @@ function onUserClick(): void {
&.select-mode {
cursor: pointer;
}
@include github-styles.github-card;
}
.dark .tpc-card {
@@ -376,6 +376,8 @@ function onUserClick(): void {
}
.tpc-tag {
@include github-styles.github-tag-dark-gen(#e06c63);
display: flex;
align-items: center;
justify-content: center;
@@ -387,19 +389,17 @@ function onUserClick(): void {
&:hover {
@include github-styles.github-tag-dark-gen(#00aeec);
}
@include github-styles.github-tag-dark-gen(#e06c63);
}
.tpc-reason {
@include github-styles.github-tag-dark-gen(#d19a66);
display: flex;
align-items: center;
justify-content: center;
padding: 0 4px;
border-radius: 4px;
gap: 4px;
@include github-styles.github-tag-dark-gen(#d19a66);
}
.tpc-forum {

4
src/components/app/top-nameCard.vue
View File

@@ -39,6 +39,8 @@ const bgImage = computed<string>(() => {
@use "@styles/github.styles.scss" as github-styles;
.top-nc-box {
@include github-styles.github-card-shadow;
width: 100%;
height: 80px;
border: 1px solid var(--common-shadow-1);
@@ -59,8 +61,6 @@ const bgImage = computed<string>(() => {
&.grey:hover {
filter: grayscale(0);
}
@include github-styles.github-card-shadow;
}
.dark .top-nc-box {

54
src/components/func/loading.vue
View File

@@ -73,6 +73,33 @@ async function displayBox(params: LoadingParams): Promise<void> {
defineExpose({ displayBox });
</script>
<style lang="css" scoped>
@keyframes ball-clip-rotate-pulse-rotate {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
50% {
transform: translate(-50%, -50%) rotate(180deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
@keyframes ball-clip-rotate-pulse-scale {
0%,
100% {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
30% {
opacity: 0.3;
transform: translate(-50%, -50%) scale(0.15);
}
}
.func-loading-outer-enter-active,
.func-loading-outer-leave-active,
.func-loading-inner-enter-active {
@@ -229,31 +256,4 @@ defineExpose({ displayBox });
height: 16px;
animation: ball-clip-rotate-pulse-scale 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
}
@keyframes ball-clip-rotate-pulse-rotate {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
50% {
transform: translate(-50%, -50%) rotate(180deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
@keyframes ball-clip-rotate-pulse-scale {
0%,
100% {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
30% {
opacity: 0.3;
transform: translate(-50%, -50%) scale(0.15);
}
}
</style>

4
src/components/pageAnno/ta-card.vue
View File

@@ -133,13 +133,13 @@ function getAnnoTime(content: string): string | false {
@use "@styles/github.styles.scss" as github-styles;
.anno-card {
@include github-styles.github-card;
position: relative;
overflow: hidden;
width: 100%;
box-sizing: border-box;
border-radius: 6px;
@include github-styles.github-card;
}
.dark .anno-card {

4
src/components/pageHome/ph-comp-card.vue
View File

@@ -18,14 +18,14 @@ defineProps<{ append?: boolean }>();
@use "@styles/github.styles.scss" as github-styles;
.thc-container {
@include github-styles.github-card;
position: relative;
min-height: 100px;
box-sizing: border-box;
padding: 24px 8px 8px;
border-radius: 4px;
margin-top: 24px;
@include github-styles.github-card;
}
.dark .thc-container {

12
src/components/userAchi/tua-achi.vue
View File

@@ -96,6 +96,8 @@ async function setAchiStat(stat: boolean): Promise<void> {
@use "@styles/github.styles.scss" as github-styles;
.achi-container {
@include github-styles.github-card;
position: relative;
display: flex;
height: 60px;
@@ -105,8 +107,6 @@ async function setAchiStat(stat: boolean): Promise<void> {
padding: 8px;
border-radius: 4px;
cursor: pointer;
@include github-styles.github-card;
}
.dark .achi-container {
@@ -114,6 +114,8 @@ async function setAchiStat(stat: boolean): Promise<void> {
}
.achi-version {
@include github-styles.github-tag-dark-gen(#fb7299);
position: absolute;
top: 0;
left: 0;
@@ -125,8 +127,6 @@ async function setAchiStat(stat: boolean): Promise<void> {
font-family: var(--font-title);
font-size: 10px;
text-align: center;
@include github-styles.github-tag-dark-gen(#fb7299);
}
.achi-pre {
@@ -172,6 +172,8 @@ async function setAchiStat(stat: boolean): Promise<void> {
}
&__progress {
@include github-styles.github-tag-dark-gen(#00aeec);
display: flex;
height: 21px;
align-items: center;
@@ -179,8 +181,6 @@ async function setAchiStat(stat: boolean): Promise<void> {
padding: 0 4px;
border-radius: 4px;
font-size: 12px;
@include github-styles.github-tag-dark-gen(#00aeec);
}
}

12
src/components/userAchi/tua-series.vue
View File

@@ -99,6 +99,8 @@ function selectSeries(): void {
@use "@styles/github.styles.scss" as github-styles;
.tuas-card {
@include github-styles.github-card;
position: relative;
display: flex;
overflow: hidden;
@@ -127,19 +129,19 @@ function selectSeries(): void {
}
}
}
@include github-styles.github-card;
}
.dark .tuas-card {
@include github-styles.github-card("dark");
&.tuas-selected {
background: var(--box-bg-1);
}
@include github-styles.github-card("dark");
}
.tuas-version {
@include github-styles.github-tag-dark-gen(#ffa726);
position: absolute;
z-index: 3;
right: 0;
@@ -151,8 +153,6 @@ function selectSeries(): void {
font-family: var(--font-title);
font-size: 10px;
text-align: center;
@include github-styles.github-tag-dark-gen(#ffa726);
}
.tuas-reward {

4
src/components/userAvatar/tua-avatar-box.vue
View File

@@ -138,6 +138,8 @@ function getWeaponTitle(): string {
@use "@styles/github.styles.scss" as github-styles;
.tua-ab-box {
@include github-styles.github-card;
position: relative;
display: flex;
flex-direction: column;
@@ -145,8 +147,6 @@ function getWeaponTitle(): string {
border-radius: 4px;
cursor: pointer;
row-gap: 4px;
@include github-styles.github-card;
}
.dark .tua-ab-box {

8
src/components/userGacha/ug-his-card.vue
View File

@@ -141,6 +141,8 @@ function getBox(id: number): TItemBoxData {
}
.ug-his-banner {
@include github-styles.github-card-shadow;
width: 50vw;
border-radius: 4px;
cursor: pointer;
@@ -150,8 +152,6 @@ function getBox(id: number): TItemBoxData {
scale: 0.95;
transition: 0.5s ease-in-out;
}
@include github-styles.github-card-shadow;
}
.ug-his-info {
@@ -176,6 +176,8 @@ function getBox(id: number): TItemBoxData {
}
.ug-his-tag {
@include github-styles.github-tag-dark-gen(#e06c63);
display: flex;
height: fit-content;
align-items: center;
@@ -183,8 +185,6 @@ function getBox(id: number): TItemBoxData {
padding: 0 8px;
border-radius: 4px;
font-size: 16px;
@include github-styles.github-tag-dark-gen(#e06c63);
}
.ug-his-sub {

4
src/components/userRecord/tur-role-info.vue
View File

@@ -20,6 +20,8 @@ defineProps<TurRoleInfoProps>();
@use "@styles/github.styles.scss" as github-styles;
.tur-ri-box {
@include github-styles.github-card;
position: relative;
display: flex;
height: 48px;
@@ -29,8 +31,6 @@ defineProps<TurRoleInfoProps>();
padding: 4px 12px 4px 4px;
border-radius: 24px;
column-gap: 4px;
@include github-styles.github-card;
}
.dark .tur-ri-box {