music

src/components/AssistFailPanel/AssistFailPanel.jsx

+import React from "react";
+import { observer } from "mobx-react";
+import "./AssistFailPanel.less";
+import { Button } from "@src/components/Button";
+import modalStore from "@src/store/modal";
+import store from "@src/store";
+import { PAGE_MAP } from "@src/utils/constants";
+
+@observer
+class AssistFailPanel extends React.Component {
+
+  componentDidMount = async () => {
+
+  };
+
+  /** 关闭 */
+  clickClose = () => {
+    modalStore.closePop();
+  };
+
+  clickOk = () => {
+    modalStore.closePop();
+    store.changePage(PAGE_MAP.DRAW_PAGE);
+  }
+
+  render() {
+    return <div className="AssistFailPanel modal_center">
+      <div className="bg"/>
+      <div className="tip">活动已结束</div>
+      <Button className="btn" onClick={this.clickOk} />
+      <Button className="close" onClick={this.clickClose} />
+    </div>;
+  }
+}
+
+export default AssistFailPanel;

src/components/AssistFailPanel/AssistFailPanel.less

+@import "../../res.less";
+
+.AssistFailPanel {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 750px;
+  height: 1624px;
+
+  .bg {
+    position: absolute;
+    left: 99px;
+    top: 358px;
+    width: 553px;
+    height: 610px;
+    .sparkBg("AssistFailPanel/bg.png")
+  }
+
+  .btn {
+    position: absolute;
+    left: 221px;
+    top: 784px;
+    width: 310px;
+    height: 94px;
+    .sparkBg("AssistFailPanel/btn.png")
+  }
+
+  .tip {
+    position: absolute;
+    top: 673px;
+    left: 150px;
+    right: 150px;
+    text-align: center;
+    font-size: 35px;
+    color: #333333;
+  }
+
+  .close {
+    position: absolute;
+    left: 345px;
+    top: 1046px;
+    width: 60px;
+    height: 60px;
+    .sparkBg("common/closeBtn.png")
+  }
+}

src/modal/modal.jsx

@@ -18,6 +18,7 @@ import LongImgPop from "@src/components/longImgPop/longImgPop";
 import AssistCountPanel from "@src/components/AssistCountPanel/AssistCountPanel";
 import CarvePanel from "@src/components/CarvePanel/CarvePanel";
 import AssistSucPanel from "@src/components/AssistSucPanel/AssistSucPanel";
+import AssistFailPanel from "@src/components/AssistFailPanel/AssistFailPanel";
 /**
  * 弹窗配置
 */
@@ -51,6 +52,7 @@ export const cfg = {
   AssistCountPanel,
   CarvePanel,
   AssistSucPanel,
+  AssistFailPanel,
 
 };
 

src/pages/userhomepage/userhomepage.jsx

@@ -34,6 +34,9 @@ class Userhomepage extends React.Component {
     await store.getHomeInfo();
     this.flushCD();
     shareStore.doAssist();
+
+    modalStore.pushPop("AssistFailPanel")
+
   }
 
   /** 规则按钮*/