feat(miniprogram): 通用组件 + 页面接入 — Chunk 7

- 创建 EmptyState/ErrorState/Loading 三个通用组件
- 8个列表页面接入通用组件替换内联空状态/loading
- app.config.ts 添加 login 页面路由

apps/miniprogram/src/components/EmptyState/index.scss

@@ -0,0 +1,37 @@
+@import '../../styles/variables.scss';
+
+.empty-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 120px 40px;
+}
+
+.empty-state-icon {
+  font-size: 80px;
+  margin-bottom: 24px;
+}
+
+.empty-state-text {
+  font-size: 30px;
+  color: $tx2;
+  margin-bottom: 8px;
+}
+
+.empty-state-hint {
+  font-size: 24px;
+  color: $tx3;
+  margin-bottom: 32px;
+}
+
+.empty-state-action {
+  background: $pri;
+  border-radius: 40px;
+  padding: 16px 48px;
+}
+
+.empty-state-action-text {
+  font-size: 28px;
+  color: #fff;
+}

apps/miniprogram/src/components/EmptyState/index.tsx

@@ -0,0 +1,32 @@
+import React from 'react';
+import { View, Text } from '@tarojs/components';
+import './index.scss';
+
+interface EmptyStateProps {
+  icon?: string;
+  text: string;
+  hint?: string;
+  actionText?: string;
+  onAction?: () => void;
+}
+
+export default function EmptyState({
+  icon = '📭',
+  text,
+  hint,
+  actionText,
+  onAction,
+}: EmptyStateProps) {
+  return (
+    <View className='empty-state'>
+      <Text className='empty-state-icon'>{icon}</Text>
+      <Text className='empty-state-text'>{text}</Text>
+      {hint && <Text className='empty-state-hint'>{hint}</Text>}
+      {actionText && onAction && (
+        <View className='empty-state-action' onClick={onAction}>
+          <Text className='empty-state-action-text'>{actionText}</Text>
+        </View>
+      )}
+    </View>
+  );
+}