wm
b94eb706ff
- 建立 Lucide 子集 iconfont（49 字形），全站 emoji 替换为 fc-icon 组件 - 重塑 Design Token（冷中性近黑底 + Volt 荧光绿 #B6F24E），消除硬编码颜色 - 首页登录后个性化：我的计划 / 我的收藏 / 今日推荐（纯前端复用现有 API） - 后端 DEFAULT_EMOJI→Lucide 名，PALETTE 对齐 Kinetic Dark 语义色板 - 修复 person-standing 缺失字形；14 个官方组合 seed emoji 全部映射到现有字形
34 lines
1.4 KiB
Plaintext
34 lines
1.4 KiB
Plaintext
.page { min-height: 100vh; background: var(--bg-grad); }
|
|
.bar {
|
|
display: flex; align-items: center; justify-content: space-between;
|
|
padding: 16rpx 32rpx;
|
|
}
|
|
.bar__count { font-size: 28rpx; color: var(--text-2); }
|
|
.bar__manage {
|
|
font-size: 28rpx; color: var(--gold); font-weight: 600;
|
|
padding: 8rpx 28rpx; border: 1rpx solid var(--gold-line);
|
|
border-radius: 999rpx;
|
|
}
|
|
.grid { display: flex; flex-wrap: wrap; gap: 18rpx; }
|
|
.grid__item { width: calc((100% - 18rpx) / 2); }
|
|
.item { position: relative; }
|
|
.remove {
|
|
position: absolute; right: 12rpx; top: 12rpx; z-index: 5;
|
|
background: var(--danger); color: var(--accent-on);
|
|
font-size: 22rpx; padding: 8rpx 18rpx; border-radius: 999rpx;
|
|
}
|
|
.empty { color: var(--text-3); font-size: 26rpx; text-align: center; padding: 120rpx 0; }
|
|
|
|
.empty-box { display: flex; flex-direction: column; align-items: center; padding: 120rpx 40rpx; }
|
|
.empty-box__emoji {
|
|
width: 140rpx; height: 140rpx; border-radius: 999rpx;
|
|
background: var(--surface-2); display: flex; align-items: center; justify-content: center;
|
|
font-size: 72rpx;
|
|
}
|
|
.empty-box__t { font-size: 28rpx; color: var(--text-2); margin-top: 32rpx; text-align: center; }
|
|
.empty-box__btn {
|
|
margin-top: 40rpx; padding: 22rpx 64rpx; border-radius: 999rpx;
|
|
background: linear-gradient(135deg, var(--gold) 0%, var(--gold-2) 100%);
|
|
color: var(--accent-on); font-weight: 700; font-size: 30rpx;
|
|
}
|