jiangchen/DSHWatch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: enlarge mascot (420x340) + peak/stats/bubble, reduce whitespace

Browse Source
This commit is contained in:
jiangchen
2026-09-01 20:53:14 +08:00
parent 5402722cea
commit 1418efdcb0
1 changed files with 16 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/index/index.ux
+16 -16
View File
@@ -225,7 +225,7 @@ export default {
.bubble-zone { .bubble-zone {
width: 100%; width: 100%;
height: 88px; height: 62px;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
@@ -272,28 +272,28 @@ export default {
/* 吉祥物：比之前大一点 + 敲击 Q 弹 */ /* 吉祥物：比之前大一点 + 敲击 Q 弹 */
.mascot-wrap { .mascot-wrap {
width: 360px; width: 420px;
height: 318px; height: 340px;
flex-direction: column; flex-direction: column;
justify-content: flex-end; justify-content: flex-end;
align-items: center; align-items: center;
} }
.mascot { .mascot {
width: 360px; width: 420px;
transition: height 0.14s cubic-bezier(0.33, 1.12, 0.68, 1); transition: height 0.14s cubic-bezier(0.33, 1.12, 0.68, 1);
} }
.mh0 { height: 318px; } .mh0 { height: 340px; }
.mh1 { height: 292px; } .mh1 { height: 314px; }
.mh2 { height: 262px; } .mh2 { height: 282px; }
.mh3 { height: 302px; } .mh3 { height: 322px; }
.mh4 { height: 322px; } .mh4 { height: 346px; }
.peak { .peak {
font-size: 22px; font-size: 26px;
font-weight: bold; font-weight: bold;
margin-top: 8px; margin-top: 6px;
} }
.peak-green { .peak-green {
@@ -306,16 +306,16 @@ export default {
.stats { .stats {
color: #c4d2ea; color: #c4d2ea;
font-size: 16px; font-size: 18px;
margin-top: 6px; margin-top: 4px;
} }
/* 气泡：头像正上方居中，稍微放大 */ /* 气泡：头像正上方居中，稍微放大 */
.bubble { .bubble {
width: 256px; width: 284px;
flex-direction: column; flex-direction: column;
padding: 12px 14px; padding: 14px 16px;
border-radius: 16px; border-radius: 18px;
background-color: #ffffff; background-color: #ffffff;
} }