init

src/panels/ReturnAwardPanel/ReturnAwardPanel.module.less

+@import "../../res.less";
+
+.ReturnAwardPanel {
+  width: 750px;
+  height: 1624px;
+  position: absolute;
+  left: 0;
+  top: 0;
+
+  .bgEffect {
+    width: 750px;
+    height: 1624px;
+    position: absolute;
+    left: 0;
+    top: 0;
+  }
+
+  .bg {
+    position: absolute;
+    left: 0;
+    top: 283px;
+    width: 750px;
+    height: 941px;
+    .webpBg("ReturnAwardPanel/bg.png");
+  }
+
+  .tip {
+    font-family: "zzgfyht";
+    font-size: 46.66px;
+    line-height: 1.2;
+    color: #8f2245;
+    position: absolute;
+    left: 0;
+    top: 480px;
+    width: 100%;
+    text-align: center;
+  }
+
+  .ok {
+    position: absolute;
+    left: 164px;
+    top: 930px;
+    width: 420px;
+    height: 123px;
+    .webpBg("ReturnAwardPanel/按钮.png");
+  }
+
+  .close {
+    position: absolute;
+    left: 336px;
+    top: 1242px;
+    width: 79px;
+    height: 79px;
+    .webpBg("common/close.png");
+  }
+
+}

src/panels/ReturnAwardPanel/ReturnAwardPanel.tsx

+import React from "react";
+import { observer } from "mobx-react";
+import styles from "./ReturnAwardPanel.module.less";
+import { Button } from "@grace/ui";
+import { ModalCtrl } from "@/core/ctrls/ModalCtrl.tsx";
+import classNames from "classnames";
+import { SvgaPlayer } from "@grace/svgaplayer";
+import bgEffectSvga from "@/assets/svga/2输出签到成功弹窗.svga";
+
+
+export interface IReturnAwardPanelProps {
+  creditNum: number,
+}
+
+@observer
+class ReturnAwardPanel extends React.Component<IReturnAwardPanelProps> {
+
+  componentDidMount() {
+  }
+
+  close = () => {
+    ModalCtrl.closeModal();
+  };
+
+  clickGet = () => {
+    ModalCtrl.closeModal();
+  };
+
+
+  render() {
+
+    const {creditNum} = this.props;
+
+    return <div className={classNames(styles.ReturnAwardPanel, "modal_center")}>
+      <SvgaPlayer className={styles.bgEffect} src={bgEffectSvga}/>
+      <div className={styles.bg}/>
+      <div className={styles.tip}>恭喜获得{creditNum}积分</div>
+      <div className="com_banner"/>
+      <Button className={styles.ok} onClick={this.clickGet}/>
+      <Button className={styles.close} onClick={this.close}/>
+    </div>;
+  }
+
+}
+
+export default ReturnAwardPanel;

src/store/store.ts

@@ -11,6 +11,7 @@ import Renewmodule from '../../src/components/renewmodule/renewmodule';
 import Finish_task from '../../src/components/finish_task/finish_task';
 import { IBubbleInfo } from "@/pages/HomePage/Top/Components/Bubble.ts";
 import { IOverflowBubbleInfo } from "@/pages/HomePage/Top/Components/OverflowBubble.ts";
+import ReturnAwardPanel from "@/panels/ReturnAwardPanel/ReturnAwardPanel.tsx";
 
 class Store {
 
@@ -96,6 +97,12 @@ class Store {
       ModalCtrl.showModal(SkyFullGoldPanel, data.downGoldVo);
     }
 
+    if (data.returnAwardCreditsNum) {
+      ModalCtrl.showModal(ReturnAwardPanel, {
+        creditNum: data.returnAwardCreditsNum,
+      });
+    }
+
   }
 
   /**