列表

src/components/ListLoadError/index.tsx

@@ -0,0 +1,24 @@
+import { Image, View, Text, Button } from "@tarojs/components";
+import styles from "./index.module.scss";
+import img from "@/config/images";
+
+const ListLoadError = ({ reload }: { reload: () => void }) => {
+  const handleReload = () => {
+    reload && typeof reload === "function" && reload();
+  };
+
+  return (
+    <View className={styles.listLoadError}>
+      <Image
+        className={styles.listLoadErrorImg}
+        src={img.ICON_LIST_LOAD_ERROR}
+      />
+      <Text className={styles.listLoadErrorText}>加载失败</Text>
+      <Button className={styles.listLoadErrorBtn} onClick={handleReload}>
+        <Image src={img?.ICON_LIST_RELOAD} className={styles.reloadIcon} />
+        重试
+      </Button>
+    </View>
+  );
+};
+export default ListLoadError;