init

mock/project/home.js

@@ -15,7 +15,7 @@ module.exports = {
       newAssistUser: 0,
       carvePop: false,
       rankPopInfo: {
-        boolReward: true,
+        boolReward: false,
         rank: 1,
         prizeName: "奖品名称",
         prizeImg: "奖品名称"

src/components/RankNoPrizePop/RankNoPrizePop.jsx

@@ -3,7 +3,6 @@ import {observer} from "mobx-react";
 import "./RankNoPrizePop.less";
 import {Button} from "@src/components/Button";
 import modalStore from "@src/store/modal";
-import store from "@src/store";
 
 @observer
 class RankNoPrizePop extends React.Component {
@@ -15,13 +14,11 @@ class RankNoPrizePop extends React.Component {
   render() {
     const {data} = this.props.popData;
     return <div className="RankNoPrizePop modal_center">
-      <div className="light"/>
-      <div className="bg">
-        <div className="rankText">
-          最终排名为{+data.rank == -1 ? "500+" : data.rank}
-        </div>
+      <div className="bg"/>
+      <div className="rankText">
+        最终排名为{+data.rank == -1 ? "3000+" : data.rank}
       </div>
-      <Button className="know md41" onClick={this.clickClose}/>
+      <Button className="know" onClick={this.clickClose}/>
       <Button className="close" onClick={this.clickClose}/>
     </div>;
   }

src/components/RankNoPrizePop/RankNoPrizePop.less

@@ -8,53 +8,42 @@
   top: 0;
   width: 750px;
   height: 1624px;
-  .light {
-    position: absolute;
-    left: 79px;
-    top: 275px;
-    width: 593px;
-    height: 593px;
-    // .sparkBg("common/light.png");
-  }
-
 
   .bg {
     position: absolute;
-    left: 110px;
-    top: 482px;
-    width: 529px;
-    height: 520px;
+    left: 99px;
+    top: 358px;
+    width: 553px;
+    height: 610px;
     .sparkBg("RankNoPrizePop/bg.png")
   }
 
   .rankText {
-    font-size: 30px;
-    color: rgb(239, 125, 30);
-    text-transform: uppercase;
-    line-height: 1;
-    position: absolute;
-    left: 15px;
-    top: 267px;
+    font-size: 35px;
+    color: rgb(51, 51, 51);
     text-align: center;
-    width: 490px;
+    position: absolute;
+    left: 0;
+    top: 670px;
+    width: 750px;
     .lineClamp1()
   }
 
   .know {
     position: absolute;
-    left: 180px;
-    top: 829px;
-    width: 373px;
-    height: 110px;
-    .sparkBg("RankNoPrizePop/know.png")
+    left: 221px;
+    top: 784px;
+    width: 310px;
+    height: 94px;
+    .sparkBg("RankNoPrizePop/btn.png")
   }
 
   .close {
     position: absolute;
     left: 345px;
-    top: 1082px;
-    width: 61px;
-    height: 61px;
+    top: 1046px;
+    width: 60px;
+    height: 60px;
     .sparkBg("common/closeBtn.png")
   }
-}
+}
\ No newline at end of file