Files
fitness-coach/miniprogram/components/gif-player/gif-player.wxss
wm b94eb706ff feat: Kinetic Dark 设计语言 + Lucide 图标迁移 + 首页轻量个性化
- 建立 Lucide 子集 iconfont(49 字形),全站 emoji 替换为 fc-icon 组件
- 重塑 Design Token(冷中性近黑底 + Volt 荧光绿 #B6F24E),消除硬编码颜色
- 首页登录后个性化:我的计划 / 我的收藏 / 今日推荐(纯前端复用现有 API)
- 后端 DEFAULT_EMOJI→Lucide 名,PALETTE 对齐 Kinetic Dark 语义色板
- 修复 person-standing 缺失字形;14 个官方组合 seed emoji 全部映射到现有字形
2026-07-22 21:38:56 +08:00

23 lines
763 B
Plaintext

.gif-player { width: 100%; height: 100%; position: relative; }
.canvas { width: 100%; height: 100%; display: block; }
/* 加载中提示:居中、半透明,避免用户误以为动图没播 */
.gif-loading {
position: absolute; left: 0; right: 0; bottom: 24rpx;
display: flex; align-items: center; justify-content: center; gap: 12rpx;
pointer-events: none;
}
.gif-loading__dot {
width: 18rpx; height: 18rpx; border-radius: 999rpx;
background: var(--accent);
animation: gif-pulse 1s ease-in-out infinite;
}
.gif-loading__txt {
font-size: 22rpx; color: rgba(255,255,255,0.82);
text-shadow: 0 1rpx 4rpx rgba(0,0,0,0.5);
}
@keyframes gif-pulse {
0%, 100% { opacity: 0.35; transform: scale(0.8); }
50% { opacity: 1; transform: scale(1.1); }
}