列表联调

src/components/ListLoadError/index.tsx

@@ -2,7 +2,13 @@ import { Image, View, Text, Button } from "@tarojs/components";
 import styles from "./index.module.scss";
 import img from "@/config/images";
 
-const ListLoadError = ({ reload }: { reload: () => void }) => {
+interface IProps {
+  reload?: () => void;
+  text?: string;
+}
+
+const ListLoadError = (props: IProps) => {
+  const { reload, text } = props;
   const handleReload = () => {
     reload && typeof reload === "function" && reload();
   };
@@ -13,11 +19,13 @@ const ListLoadError = ({ reload }: { reload: () => void }) => {
         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>
+      {text && <Text className={styles.listLoadErrorText}>{text}</Text>}
+      {reload && (
+        <Button className={styles.listLoadErrorBtn} onClick={handleReload}>
+          <Image src={img?.ICON_LIST_RELOAD} className={styles.reloadIcon} />
+          重试
+        </Button>
+      )}
     </View>
   );
 };