feat: 打卡记录空态

src/pages/my/components/CheckinDetail/index.tsx

@@ -1,11 +1,14 @@
 import { Button, View } from "@tarojs/components";
 import react, { useEffect, useState } from "react";
 import { Image, Uploader } from "@antmjs/vantui";
+import { Skeleton } from "@antmjs/vantui";
 
 import "./index.scss";
 import Taro from "@tarojs/taro";
 import { getTable } from "../../../../utils/index";
 import moment from "moment";
+import { Empty } from '@antmjs/vantui'
+
 
 const CheckinDetail = () => {
   const [checkArr, setcheckArr] = useState([]);
@@ -88,7 +91,20 @@ const CheckinDetail = () => {
     });
   };
 
-  return <View className="CheckinDetail">{checkCom()}</View>;
+  return (
+    <View>
+      {checkArr?.length > 0 ? (
+        <View className="CheckinDetail">{checkCom()}</View>
+      ) : (
+        <View>
+          {/* 骨架屏 */}
+          {/* <Skeleton title={true} row={3} /> */}
+          {/* 空态 */}
+          <Empty description="" />
+        </View>
+      )}
+    </View>
+  );
 };
 
 export default CheckinDetail;