init

pnpm-lock.yaml

@@ -32,9 +32,6 @@ importers:
       '@spark/share':
         specifier: ^2.0.340
         version: 2.0.340
-      '@spark/utils':
-        specifier: ^2.0.88
-        version: 2.0.88
       '@tailwindcss/postcss':
         specifier: ^4.0.6
         version: 4.0.6
@@ -1690,7 +1687,7 @@ packages:
     resolution: {integrity: sha512-QcsKfi9PSmV9LI4WVCQjQ11FvVsGFp7AfvSw7P96VIiLLaAEzoKsVgpvMxa27iG4L3FYaLjkEUCsOgXLWxiR5Q==}
 
   '@spark/utils@2.0.88':
-    resolution: {integrity: sha512-+wxYTWja1p1ndOr/Ui+AdnlcGMhWYckm9Ona2wBaw56M71EHMQ/8oU0fWT0QKiOYO8NEiOhM7UiORvQldg5hTQ==, tarball: http://npm.dui88.com:80/@spark%2futils/-/utils-2.0.88.tgz}
+    resolution: {integrity: sha512-+wxYTWja1p1ndOr/Ui+AdnlcGMhWYckm9Ona2wBaw56M71EHMQ/8oU0fWT0QKiOYO8NEiOhM7UiORvQldg5hTQ==}
 
   '@swc/helpers@0.3.17':
     resolution: {integrity: sha512-tb7Iu+oZ+zWJZ3HJqwx8oNwSDIU440hmVMDPhpACWQWnrZHK99Bxs70gT1L2dnr5Hg50ZRWEFkQCAnOVVV0z1Q==}
@@ -2463,7 +2460,7 @@ packages:
     engines: {node: '>=12'}
 
   duiba-utils@1.0.13:
-    resolution: {integrity: sha512-VEFzmfiujSZcl40jgRhkuv1lAsvLxhfArENFbI1NXxAz9iihdGOH1SdTektWaH5hrwsWvy/6kB088KzxJ+QvtA==, tarball: http://npm.dui88.com:80/duiba-utils/-/duiba-utils-1.0.13.tgz}
+    resolution: {integrity: sha512-VEFzmfiujSZcl40jgRhkuv1lAsvLxhfArENFbI1NXxAz9iihdGOH1SdTektWaH5hrwsWvy/6kB088KzxJ+QvtA==}
 
   duiba-utils@2.0.2:
     resolution: {integrity: sha512-xik6sEQfyiUBYhJZV96AYzy6/p7bYZAzHUBCPfHOFe6iHHUIibvBW2bA/NgSpvRdQ3+Sb5oWtOoLPGPH5+dtzQ==}
@@ -2860,10 +2857,10 @@ packages:
     resolution: {integrity: sha512-iARIBPgcQrwtEr+tALF+rapJ8qSc+Set2GJQl7xT1MQzWaVkFebdJhR3alVlSiUf5U7nAANKuj3aWpwerocD5w==}
 
   html-observer@1.0.5:
-    resolution: {integrity: sha512-mAEB5Pu/AxJl0cRrK2HB37h7U98FHy7vungNJSFvczNjx6Rd81YUkDLT6aAGLaX37+ulDwwLqJmY1r01A22aQQ==, tarball: http://npm.dui88.com:80/html-observer/-/html-observer-1.0.5.tgz}
+    resolution: {integrity: sha512-mAEB5Pu/AxJl0cRrK2HB37h7U98FHy7vungNJSFvczNjx6Rd81YUkDLT6aAGLaX37+ulDwwLqJmY1r01A22aQQ==}
 
   html-shot@1.0.32:
-    resolution: {integrity: sha512-to8GOLqWSskBLd1b7AMGIyK/KWNi+b+fWpYsL3xfZiLtVqVp4o7a8MhNIsVgDTLL0MnUphyS+3eaRi+fY2jt2w==, tarball: http://npm.dui88.com:80/html-shot/-/html-shot-1.0.32.tgz}
+    resolution: {integrity: sha512-to8GOLqWSskBLd1b7AMGIyK/KWNi+b+fWpYsL3xfZiLtVqVp4o7a8MhNIsVgDTLL0MnUphyS+3eaRi+fY2jt2w==}
 
   html2canvas@1.4.1:
     resolution: {integrity: sha512-fPU6BHNpsyIhr8yyMpTLLxAbkaK8ArIBcmZIRiBLiDhjeqvXolaEmDGmELFuX9I4xDcaKKcJl+TKZLqruBbmWA==}
@@ -3088,7 +3085,7 @@ packages:
     resolution: {integrity: sha512-xezGJmOb4lk/M1ZZLTR/jaBHQ4gG/lqQnJqdIv4721DMggsa1bDVlHXNeHYogaIEHD9vCRv0fcL4hMA+Coarkg==}
 
   js-md5@0.7.3:
-    resolution: {integrity: sha1-tPL7sLMnRV9ZjWcn447Ccs0Jw/I=, tarball: http://npm.dui88.com:80/js-md5/-/js-md5-0.7.3.tgz}
+    resolution: {integrity: sha1-tPL7sLMnRV9ZjWcn447Ccs0Jw/I=}
 
   js-tokens@4.0.0:
     resolution: {integrity: sha1-GSA/tZmR35jjoocFDUZHzerzJJk=}

src/pages/HomePage/HomePage.less

@@ -9,6 +9,22 @@
   overflow-x: hidden;
   background-color: #fff2e4;
 
+  .ActEndMask{
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 0;
+  }
+
+  .ActPreMask{
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 0;
+  }
+
   .homeRoot {
     position: relative;
     width: 100%;

src/pages/HomePage/HomePage.tsx

@@ -4,7 +4,7 @@ import './HomePage.less';
 import store from "@/store/store.ts";
 import Check from "@/pages/HomePage/Check/Check.tsx";
 import Sign from "@/pages/HomePage/Sign/Sign.tsx";
-import { Button } from "@grace/ui";
+import { Button, Toast } from "@grace/ui";
 import MyPrize from '../MyPrize/MyPrize';
 import Rule from '../RulePage/RulePage';
 import { PageCtrl } from '@/core/ctrls/PageCtrl';
@@ -38,8 +38,16 @@ class HomePage extends React.Component<any, any> {
     wx.miniProgram.navigateTo({ url: "/packages/user/points?source=duiba" });
   }
 
+  clickActPre = () => {
+    Toast.show("活动未开始");
+  }
+
+  clickActEnd = () => {
+    Toast.show("活动已结束");
+  }
+
   render() {
-    const { creditsNum, guideFlag } = store.indexData
+    const { creditsNum, guideFlag, actStartTime, currentTime, actEndTime } = store.indexData
     return <>
       <div className="homepage" ref={(el) => this.root = el}>
         <div className="homeRoot">
@@ -51,8 +59,12 @@ class HomePage extends React.Component<any, any> {
             onClick={this.clickCredits}>{creditsNum > 999999 ? "999999+" : creditsNum}</Button>
           {/*<Button className="cash"><span>￥</span>32.88</Button>*/}
 
+          {currentTime >= actEndTime && <div className="ActEndMask" onClick={this.clickActEnd}/>}
+
           <Button className="rule" onClick={this.clickRule} />
           <Button className="prize" onClick={this.clickPrize} />
+
+          {currentTime < actStartTime && <div className="ActPreMask" onClick={this.clickActPre}/>}
         </div>
 
       </div>