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

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

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

@@ -0,0 +1,30 @@
+@import '../../styles/variables.scss';
+
+.loading-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 80px 40px;
+}
+
+.loading-spinner {
+  width: 48px;
+  height: 48px;
+  border: 4px solid $bd;
+  border-top-color: $pri;
+  border-radius: 50%;
+  animation: spin 0.8s linear infinite;
+  margin-bottom: 20px;
+}
+
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.loading-state-text {
+  font-size: 26px;
+  color: $tx3;
+}

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import { View, Text } from '@tarojs/components';
+import './index.scss';
+
+interface LoadingProps {
+  text?: string;
+}
+
+export default function Loading({ text = '加载中...' }: LoadingProps) {
+  return (
+    <View className='loading-state'>
+      <View className='loading-spinner' />
+      <Text className='loading-state-text'>{text}</Text>
+    </View>
+  );
+}