feat(miniprogram): 通用组件 + 页面接入 — Chunk 7
Some checks failed
CI / rust-check (push) Has been cancelled
CI / rust-test (push) Has been cancelled
CI / frontend-build (push) Has been cancelled
CI / security-audit (push) Has been cancelled

- 创建 EmptyState/ErrorState/Loading 三个通用组件
- 8个列表页面接入通用组件替换内联空状态/loading
- app.config.ts 添加 login 页面路由
This commit is contained in:
iven
2026-04-24 01:03:23 +08:00
parent 9ef65b9a9f
commit 0c73927450
14 changed files with 201 additions and 45 deletions

View File

@@ -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>
);
}