feat(miniprogram): 温润东方风全面 UI 重设计

73 文件变更,覆盖全部 40 个页面 SCSS + TabBar 图标 + 组件样式。
统一赤陶主色 #C4623A + 暖米背景 + 衬线标题字体 + 12px 圆角体系。
This commit is contained in:
iven
2026-04-28 00:19:52 +08:00
parent fbb28e655d
commit 50eae8b809
97 changed files with 7633 additions and 2373 deletions

View File

@@ -6,11 +6,11 @@ import Loading from '@/components/Loading';
import EmptyState from '@/components/EmptyState';
import './index.scss';
const STATUS_MAP: Record<string, { label: string; color: string }> = {
published: { label: '报名中', color: '#0891b2' },
ongoing: { label: '进行中', color: '#10b981' },
completed: { label: '已结束', color: '#94a3b8' },
cancelled: { label: '已取消', color: '#ef4444' },
const STATUS_MAP: Record<string, { label: string; className: string }> = {
published: { label: '报名中', className: 'event-card__status--published' },
ongoing: { label: '进行中', className: 'event-card__status--ongoing' },
completed: { label: '已结束', className: 'event-card__status--completed' },
cancelled: { label: '已取消', className: 'event-card__status--cancelled' },
};
export default function EventsPage() {
@@ -70,14 +70,14 @@ export default function EventsPage() {
) : (
<View className='event-list'>
{events.map((event) => {
const st = STATUS_MAP[event.status] || { label: event.status, color: '#94a3b8' };
const st = STATUS_MAP[event.status] || { label: event.status, className: '' };
const isFull = event.max_participants != null && event.current_participants >= event.max_participants;
const isRegistering = registering === event.id;
return (
<View key={event.id} className='event-card'>
<View className='event-card__header'>
<View className='event-card__status' style={`background: ${st.color}20; color: ${st.color}`}>
<View className={`event-card__status ${st.className}`}>
<Text>{st.label}</Text>
</View>
<Text className='event-card__points'>+{event.points_reward} </Text>