- 建立 Lucide 子集 iconfont(49 字形),全站 emoji 替换为 fc-icon 组件 - 重塑 Design Token(冷中性近黑底 + Volt 荧光绿 #B6F24E),消除硬编码颜色 - 首页登录后个性化:我的计划 / 我的收藏 / 今日推荐(纯前端复用现有 API) - 后端 DEFAULT_EMOJI→Lucide 名,PALETTE 对齐 Kinetic Dark 语义色板 - 修复 person-standing 缺失字形;14 个官方组合 seed emoji 全部映射到现有字形
26 lines
1.2 KiB
Plaintext
26 lines
1.2 KiB
Plaintext
.page { min-height: 100vh; background: var(--bg-grad); }
|
|
.newbar { padding: 16rpx 32rpx; }
|
|
.newbar__btn {
|
|
display: flex; align-items: center; justify-content: center;
|
|
background: linear-gradient(135deg, var(--gold) 0%, var(--gold-2) 100%);
|
|
color: var(--accent-on); font-weight: 700; font-size: 32rpx;
|
|
border-radius: 999rpx; padding: 26rpx;
|
|
}
|
|
.grid { display: flex; flex-wrap: wrap; gap: 18rpx; }
|
|
.grid__item { width: calc((100% - 18rpx) / 2); }
|
|
.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: 160rpx; height: 160rpx; border-radius: 36rpx;
|
|
background: var(--surface-2); display: flex; align-items: center; justify-content: center;
|
|
font-size: 88rpx;
|
|
}
|
|
.empty-box__t { font-size: 30rpx; color: var(--text-2); margin-top: 36rpx; text-align: center; }
|
|
.empty-box__btn {
|
|
margin-top: 44rpx; padding: 24rpx 88rpx; border-radius: 999rpx;
|
|
background: linear-gradient(135deg, var(--gold) 0%, var(--gold-2) 100%);
|
|
color: var(--accent-on); font-weight: 700; font-size: 30rpx;
|
|
}
|
|
.empty-box__link { margin-top: 28rpx; font-size: 26rpx; color: var(--gold); }
|