init

src/pages/ResPage/TurnTable/TurnTable.tsx

@@ -8,6 +8,8 @@ import { _asyncThrottle } from "@/utils/utils.ts";
 import API from "@/api";
 import resStore from "@/store/ResStore.ts";
 import classNames from "classnames";
+import { NoPrizePanel } from "@/panels/NoPrizePanel/NoPrizePanel.tsx";
+import { ModalCtrl } from "@/core/ctrls/ModalCtrl.tsx";
 
 @observer
 class TurnTable extends React.Component {
@@ -21,7 +23,8 @@ class TurnTable extends React.Component {
 
     onStop = () => {
         this.btnStarting = false;
-        // modalStore.pushPop("PrizePanel", this.drawResultInfo);
+        resStore.updateInfo();
+        // ModalCtrl.showModal(NoPrizePanel, this.drawResultInfo);
     }
 
     // 开始抽奖

src/panels/NoPrizePanel/NoPrizePanel.less

+@import "../../res.less";
+
+.NoPrizePanel {
+  width: 750px;
+  height: 100%;
+  left: 0;
+  top: 0;
+  position: absolute;
+
+  .bg {
+    position: absolute;
+    left: 82px;
+    top: 448px;
+    width: 585px;
+    height: 388px;
+    .webpBg("NoPrizePanel/noPrize.png");
+  }
+
+  .btn {
+    position: absolute;
+    left: 120px;
+    top: 673px;
+    width: 510px;
+    height: 138px;
+    .webpBg("NoPrizePanel/btn.png");
+  }
+
+  .close {
+    position: absolute;
+    left: 346px;
+    top: 958px;
+    width: 58px;
+    height: 58px;
+    .webpBg("common/close.png");
+  }
+}

src/panels/NoPrizePanel/NoPrizePanel.tsx

+import { Component } from "react";
+
+import "./NoPrizePanel.less";
+import { Button } from "@grace/ui";
+import { ModalCtrl } from "@/core/ctrls/ModalCtrl.tsx";
+
+export class NoPrizePanel extends Component<any, any> {
+
+    componentDidMount() {
+    }
+
+    clickClose = () => {
+        ModalCtrl.closeModal();
+    }
+
+    render() {
+
+        return <div className="NoPrizePanel">
+            <div className="bg"/>
+            <Button className="btn" onClick={this.clickClose}/>
+            <Button className="close" onClick={this.clickClose}/>
+        </div>
+    }
+
+
+}