Fun/TeyvatGuide
1
0
Fork 0
mirror of https://github.com/BTMuli/TeyvatGuide.git synced 2026-04-29 23:09:38 +08:00
Code Issues Packages Projects Releases Wiki Activity

💫 添加交互效果

Browse Source
This commit is contained in:
BTMuli
2026-03-17 21:08:42 +08:00
parent d8f4a4c2bf
commit 87f9df80a5
8 changed files with 95 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/viewPost/vp-btn-collect.vue
View File

@@ -98,6 +98,7 @@ async function switchCollect(): Promise<void> {
justify-content: center;
border-radius: 50%;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
&.active {
background: var(--tgc-btn-1);
@@ -108,6 +109,15 @@ async function switchCollect(): Promise<void> {
&:hover:not(.active) {
background: var(--common-shadow-1);
}
&:hover {
box-shadow: 2px 4px 12px var(--common-shadow-4);
transform: scale(1.15);
}
&:active {
transform: scale(0.95);
}
}
.dark .tbc-box {

10
src/components/viewPost/vp-btn-reply.vue
View File

@@ -225,6 +225,16 @@ async function handleDebug(): Promise<void> {
box-shadow: 1px 3px 6px var(--common-shadow-2);
color: var(--btn-text);
cursor: pointer;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.tpr-main-box:hover {
box-shadow: 2px 4px 12px var(--common-shadow-4);
transform: scale(1.15);
}
.tpr-main-box:active {
transform: scale(0.95);
}
.dark .tpr-main-box {