feat: 打卡记录空态

dist/common.wxss

@@ -30,6 +30,10 @@
   !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[2]!./node_modules/@antmjs/vantui/es/loading/index.css ***!
   \************************************************************************************************************************************************************************************************************************/
 .van-loading{display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;color:#c8c9cc;color:var(--loading-spinner-color,#c8c9cc)}.van-loading__spinner{position:relative;box-sizing:border-box;width:60rpx;width:var(--loading-spinner-size,60rpx);max-width:100%;max-height:100%;height:60rpx;height:var(--loading-spinner-size,60rpx);-webkit-animation:van-rotate .8s linear infinite;animation:van-rotate .8s linear infinite;-webkit-animation:van-rotate var(--loading-spinner-animation-duration,.8s) linear infinite;animation:van-rotate var(--loading-spinner-animation-duration,.8s) linear infinite}.van-loading__spinner--spinner{-webkit-animation-timing-function:steps(12);animation-timing-function:steps(12)}.van-loading__spinner--circular{border:2rpx solid transparent;border-top-color:currentcolor;border-left-color:currentcolor;border-radius:100%}.van-loading__text{margin-left:16rpx;margin-left:var(--padding-xs,16rpx);color:#969799;color:var(--loading-text-color,#969799);font-size:28rpx;font-size:var(--loading-text-font-size, 28rpx);line-height:40rpx;line-height:var(--loading-text-line-height, 40rpx)}.van-loading__text:empty{display:none}.van-loading--vertical{-webkit-flex-direction:column;flex-direction:column}.van-loading--vertical .van-loading__text{margin:16rpx 0 0;margin:var(--padding-xs,16rpx) 0 0}.van-loading__dot{position:absolute;top:0;left:0;width:100%;height:100%}.van-loading__dot::before{display:block;width:4rpx;height:25%;margin:0 auto;background-color:currentcolor;border-radius:40%;content:' '}.van-loading__dot:first-of-type{-webkit-transform:rotate(30deg);transform:rotate(30deg);opacity:1}.van-loading__dot:nth-of-type(2){-webkit-transform:rotate(60deg);transform:rotate(60deg);opacity:.9375}.van-loading__dot:nth-of-type(3){-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:.875}.van-loading__dot:nth-of-type(4){-webkit-transform:rotate(120deg);transform:rotate(120deg);opacity:.8125}.van-loading__dot:nth-of-type(5){-webkit-transform:rotate(150deg);transform:rotate(150deg);opacity:.75}.van-loading__dot:nth-of-type(6){-webkit-transform:rotate(180deg);transform:rotate(180deg);opacity:.6875}.van-loading__dot:nth-of-type(7){-webkit-transform:rotate(210deg);transform:rotate(210deg);opacity:.625}.van-loading__dot:nth-of-type(8){-webkit-transform:rotate(240deg);transform:rotate(240deg);opacity:.5625}.van-loading__dot:nth-of-type(9){-webkit-transform:rotate(270deg);transform:rotate(270deg);opacity:.5}.van-loading__dot:nth-of-type(10){-webkit-transform:rotate(300deg);transform:rotate(300deg);opacity:.4375}.van-loading__dot:nth-of-type(11){-webkit-transform:rotate(330deg);transform:rotate(330deg);opacity:.375}.van-loading__dot:nth-of-type(12){-webkit-transform:rotate(360deg);transform:rotate(360deg);opacity:.3125}@-webkit-keyframes van-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes van-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
+/*!**********************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[2]!./node_modules/@antmjs/vantui/es/empty/index.css ***!
+  \**********************************************************************************************************************************************************************************************************************/
+.van-empty{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;padding:64rpx 0}.van-empty__image{width:320rpx;height:320rpx}.van-empty__image:empty{display:none}.van-empty__image__img{width:100%;height:100%}.van-empty__image:not(:empty)+.van-empty__image{display:none}.van-empty__description{margin-top:32rpx;padding:0 120rpx;color:#969799;font-size:28rpx;line-height:40rpx}.van-empty__description:empty{display:none}.van-empty__description:not(:empty)+.van-empty__description{display:none}.van-empty__bottom{margin-top:48rpx}
 /*!***********************************************************************************************************************************************************************************************************************!*\
   !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[2]!./node_modules/@antmjs/vantui/es/button/index.css ***!
   \***********************************************************************************************************************************************************************************************************************/

dist/pages/my/index.js.LICENSE.txt

@@ -80,10 +80,6 @@
   !*** ./node_modules/@antmjs/vantui/es/tabs/wxs.js ***!
   \****************************************************/
 
-/*!*****************************************************!*\
-  !*** ./node_modules/@antmjs/vantui/es/empty/wxs.js ***!
-  \*****************************************************/
-
 /*!*****************************************************!*\
   !*** ./node_modules/@antmjs/vantui/es/tab/index.js ***!
   \*****************************************************/
@@ -96,10 +92,6 @@
   !*** ./node_modules/@antmjs/vantui/es/tabs/index.js ***!
   \******************************************************/
 
-/*!*******************************************************!*\
-  !*** ./node_modules/@antmjs/vantui/es/empty/index.js ***!
-  \*******************************************************/
-
 /*!********************************************************!*\
   !*** ./node_modules/@antmjs/vantui/es/sticky/index.js ***!
   \********************************************************/

dist/pages/my/index.wxss

@@ -10,10 +10,6 @@
   !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[2]!./node_modules/@antmjs/vantui/es/tab/index.css ***!
   \********************************************************************************************************************************************************************************************************************/
 .van-tab__pane{box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-flex-shrink:0;flex-shrink:0;width:100%}.van-tab__pane--active{height:auto}.van-tab__pane--inactive{height:0;overflow:visible}
-/*!**********************************************************************************************************************************************************************************************************************!*\
-  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[2]!./node_modules/@antmjs/vantui/es/empty/index.css ***!
-  \**********************************************************************************************************************************************************************************************************************/
-.van-empty{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;padding:64rpx 0}.van-empty__image{width:320rpx;height:320rpx}.van-empty__image:empty{display:none}.van-empty__image__img{width:100%;height:100%}.van-empty__image:not(:empty)+.van-empty__image{display:none}.van-empty__description{margin-top:32rpx;padding:0 120rpx;color:#969799;font-size:28rpx;line-height:40rpx}.van-empty__description:empty{display:none}.van-empty__description:not(:empty)+.van-empty__description{display:none}.van-empty__bottom{margin-top:48rpx}
 /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** css ./node_modules/cache-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[3]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[5]!./src/pages/my/index.module.scss ***!
   \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

dist/vendors.js.LICENSE.txt

@@ -152,6 +152,10 @@
   !*** ./node_modules/@antmjs/vantui/es/icon/wxs.js ***!
   \****************************************************/
 
+/*!*****************************************************!*\
+  !*** ./node_modules/@antmjs/vantui/es/empty/wxs.js ***!
+  \*****************************************************/
+
 /*!*****************************************************!*\
   !*** ./node_modules/@antmjs/vantui/es/image/wxs.js ***!
   \*****************************************************/
@@ -204,6 +208,10 @@
   !*** ./node_modules/rc-util/lib/Children/toArray.js ***!
   \******************************************************/
 
+/*!*******************************************************!*\
+  !*** ./node_modules/@antmjs/vantui/es/empty/index.js ***!
+  \*******************************************************/
+
 /*!*******************************************************!*\
   !*** ./node_modules/@antmjs/vantui/es/image/index.js ***!
   \*******************************************************/

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;