feat(frontend): 新增我的个人页面并优化站点导航

- 新增完整的我的页面,包含用户资料展示、使用统计和个人信息编辑功能
- 添加收藏和卡册的快捷入口网格
- 简化导航栏,将原分散的个人中心、我的收藏、我的卡册入口合并为单个「我的」标签
- 编写新页面对应的CSS样式并更新静态资源版本号
- 在数学人生页面添加葫芦侠行的快捷跳转入口
This commit is contained in:
2026-08-08 16:21:48 +08:00
parent dabb54a608
commit d85e2ead34
4 changed files with 55 additions and 11 deletions
+15
View File
@@ -553,3 +553,18 @@ button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px so
.cc-card-name{font-size:13px;font-weight:600;color:#3A3632;margin-bottom:2px}
.cc-card-type{font-size:10px;color:#ABA6A1;letter-spacing:1px;margin-bottom:4px}
.cc-card-clan{font-size:10px;padding:2px 8px;border-radius:8px;display:inline-block}
/* ========== 我的页面入口卡片 ========== */
.mine-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media(max-width:640px){.mine-grid{grid-template-columns:1fr}}
.mine-entry{display:flex;align-items:center;gap:14px;padding:20px;border:1px solid #D6D1CA;border-radius:8px;background:#FDFCFA;cursor:pointer;transition:all .15s;font:inherit;text-align:left}
.mine-entry:hover{border-color:#808C95;background:#F0EEEA;box-shadow:0 3px 12px rgba(0,0,0,.06)}
.mine-entry-icon{width:46px;height:46px;border-radius:8px;background:#EAE7E2;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.mine-entry-body{flex:1;min-width:0}
.mine-entry-name{font-size:15px;font-weight:700;color:#3A3632;margin-bottom:3px}
.mine-entry-desc{font-size:12px;color:#8A8580}
.mine-entry-arrow{font-size:18px;color:#ABA6A1;font-weight:700}
/* 数学人生页 · 葫芦侠行入口 */
.ml-story-entry{border-color:#A8907E}
.ml-story-entry:hover{background:#FBF8F3;border-color:#A8907E}
.ml-story-entry .ml-alumni-entry-icon{background:#F5EDE4}