Archived
feat(frontend): 新增我的个人页面并优化站点导航
- 新增完整的我的页面,包含用户资料展示、使用统计和个人信息编辑功能 - 添加收藏和卡册的快捷入口网格 - 简化导航栏,将原分散的个人中心、我的收藏、我的卡册入口合并为单个「我的」标签 - 编写新页面对应的CSS样式并更新静态资源版本号 - 在数学人生页面添加葫芦侠行的快捷跳转入口
This commit is contained in:
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user