init

src/components/CarvePanel/CarvePanel.jsx

+import React from "react";
+import { observer } from "mobx-react";
+import "./CarvePanel.less";
+import { Button } from "@src/components/Button";
+import modalStore from "@src/store/modal";
+import store from "@src/store";
+
+@observer
+class CarvePanel extends React.Component {
+
+  componentDidMount = async () => {
+
+  };
+
+  /** 关闭 */
+  clickClose = () => {
+    modalStore.closePop();
+  };
+
+  clickOk = () => {
+    modalStore.closePop();
+  }
+
+  render() {
+    return <div className="CarvePanel modal_center">
+      <div className="bg"/>
+      <div className="txt">一共有{store.setIndex.newAssistUser}位好友助力</div>
+      <Button className="btn" onClick={this.clickOk} />
+      <Button className="close" onClick={this.clickClose} />
+    </div>;
+  }
+}
+
+export default CarvePanel;

src/components/CarvePanel/CarvePanel.less

+@import "../../res.less";
+
+.CarvePanel {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 750px;
+  height: 1624px;
+
+  .bg {
+    position: absolute;
+    left: 99px;
+    top: 289px;
+    width: 553px;
+    height: 730px;
+    .sparkBg("CarvePanel/bg.png")
+  }
+
+  .btn {
+    position: absolute;
+    left: 228px;
+    top: 845px;
+    width: 310px;
+    height: 94px;
+    .sparkBg("CarvePanel/btn.png")
+  }
+
+  .close {
+    position: absolute;
+    left: 345px;
+    top: 1160px;
+    width: 60px;
+    height: 60px;
+    .sparkBg("common/closeBtn.png")
+  }
+}

src/modal/modal.jsx

@@ -17,6 +17,7 @@ import Selectmodal from "../components/selectmodal/selectmodal";
 import Yinsirulepop from "../components/yinsirulepop/yinsirulepop";
 import LongImgPop from "@src/components/longImgPop/longImgPop";
 import AssistCountPanel from "@src/components/AssistCountPanel/AssistCountPanel";
+import CarvePanel from "@src/components/CarvePanel/CarvePanel";
 /**
  * 弹窗配置
 */
@@ -49,6 +50,7 @@ export const cfg = {
   LongImgPop,
 
   AssistCountPanel,
+  CarvePanel,
 
 };
 

src/store/index.js

@@ -108,6 +108,10 @@ const store = makeAutoObservable({
       modalStore.pushPop("AssistCountPanel");
     }
 
+    if (data?.carvePop) {
+      modalStore.pushPop("CarvePanel");
+    }
+
     // 首页接口把绑定逻辑加上
     /** 绑定业务员code判断 */
     if (data?.boundYkCode) {