refactor: space页面改为卡片式关注列表布局

- 重写 space/index.html:左右分栏,左侧导航栏 + 右侧卡片网格
- 自己空间:显示全部关注用户卡片(头像/用户名/简介/已关注标签)+ 设置入口
- 他人空间:简化侧栏(Ta的关注/粉丝),隐私关闭时显示空状态插图
- Model UserFollow 新增头像/简介联表字段
- Repository ListFollowing/ListFollowers SELECT 增加 avatar/bio
- Controller ShowSpace 注入 FollowService,获取关注列表数据
- space.css 完全重写为卡片网格布局 + 响应式适配
- follow.css 清理旧 .follow-btn/.follow-links 无用样式
This commit is contained in:
2026-06-01 21:18:04 +08:00
parent db2f9206be
commit 797e9c15f4
7 changed files with 509 additions and 379 deletions

View File

@ -1,79 +1,3 @@
/* 关注按钮 */
.follow-btn-wrapper {
display: flex;
align-items: center;
gap: 0.5rem;
margin-top: 0.5rem;
}
.follow-btn {
display: inline-flex;
align-items: center;
gap: .35rem;
padding: .4rem 1rem;
border: 1.5px solid var(--color-accent);
border-radius: 6px;
font-size: .85rem;
font-weight: 600;
cursor: pointer;
transition: all .15s ease;
background: transparent;
color: var(--color-accent);
}
.follow-btn:hover {
background: var(--color-accent);
color: #fff;
}
.follow-btn.following {
background: var(--color-accent);
color: #fff;
}
.follow-btn.following:hover {
background: var(--color-danger, #e74c3c);
border-color: var(--color-danger, #e74c3c);
}
.follow-btn.mutual {
background: var(--color-accent);
color: #fff;
}
.follow-btn.mutual:hover {
background: var(--color-danger, #e74c3c);
border-color: var(--color-danger, #e74c3c);
}
.follow-btn.waiting {
opacity: .6;
pointer-events: none;
}
/* 关注/粉丝链接 */
.follow-links {
display: flex;
gap: 1rem;
margin-top: .35rem;
}
.follow-links a {
color: var(--color-secondary);
font-size: .85rem;
text-decoration: none;
transition: color .15s;
}
.follow-links a:hover {
color: var(--color-accent);
}
.follow-links strong {
color: var(--color-text);
font-weight: 600;
}
/* 用户列表(粉丝/关注页) */
.follow-list-page {
max-width: 700px;