增加弹框

project/src/components/tips/tips.jsx

+'use strict';
+
+import React, { Component } from 'react';
+import resList from '../../resconfig/resList'; //import API from '../../api';
+import dataCenter, { getAPIdata, getHomeInfo, netErrMsg, Role, Store } from '../../dataCenter';
+import './tips.less';
+
+class Tips extends Component {
+  constructor(props) {
+    super(props);
+
+  }
+
+  componentDidMount() {
+
+  }
+
+  render() {
+    return (
+      <div className="tips " uuid="099305aa-5cb6-4428-85b7-a6498169b9d0">
+        <img
+          className="rule_bg "
+          uuid="7f53d222-559f-4c28-9a4e-7feff72991aa"
+          src="//yun.duiba.com.cn/spark/assets/24184af1e4b1022cd7d62939eaaad9c818183448.png"
+        />
+        <div className="tips_text">
+          <div className="hello">e趣小镇的居民们：</div>
+          感谢大家在这一年陪伴我们成长<br />
+          e趣小镇将在<span className="red_text">2021年12月31日</span> <br />
+          下线，与大家告别了<br />
+          小镇也将在12月21日起的每个工作日10:30<br />
+          开启各类奖品的兑换<br />
+          <span className="red_text"> 奖品数量有限，先到先得</span> <br />
+          若在12月31日前未兑换的欢趣豆<br />
+          和作物都将<span className="red_text">作废处理，请及时兑换</span> <br />
+          我们期待在2022年<br />
+          以更优秀的面貌与大家再次相见！<br />
+        </div>
+        <img className="conformBtn"  onClick={this.props.closeWin} src="//yun.duiba.com.cn/spark/assets/9a45510fa65132e063c120b940b7b926648f4cd3.png" alt="" />
+        <img
+          onClick={this.props.closeWin}
+          className="rule_close "
+          uuid="af9001ed-b3c5-404d-ab2a-34939510ea61"
+          src="//yun.duiba.com.cn/spark/assets/4c811bc2448778d48cb5cb629959d07fff0eba90.png"
+        />
+      </div>
+    );
+  }
+}
+
+export default Tips;

project/src/components/tips/tips.less

+.tips {
+  width: 548px;
+  height: 736px;
+  left: 101px;
+  top: 50%;
+  margin-top: -392px;
+  position: absolute;
+  
+  .rule_bg {
+    width: 548px;
+    height: 736px;
+    top: 5px;
+    position: absolute;
+  }
+  .tips_text {
+    width: 470px;
+    height: 480px;
+    position: absolute;
+    left: 39px;
+    top: 120px;
+    font-size: 18px;
+    color: #535353;
+    text-align: center;
+    line-height: 1.7;
+    overflow: scroll;
+    color: #d98600;
+    .hello{
+      margin-bottom: 20px;
+    }
+    .red_text{
+      color: rgb(217,68,40);
+      font-weight: 600;
+    }
+  }
+  .conformBtn{
+    position: absolute;
+    left: 136px;
+    width: 276px;
+    height: 72px;
+    bottom: 40px;
+  }
+  .rule_close {
+    width: 48px;
+    height: 48px;
+    top: -20px;
+    left: 524px;
+    position: absolute;
+  }
+}

project/src/pages/main3/main3.jsx

@@ -99,6 +99,7 @@ class Main3 extends Component {
     ViewCtrl.showWin(Enum.Com.Rule);
   }
 
+
   onclick_jingcai = () => {
     console.log('onclick_jingcai')
     location.href = "https://gonghang.activity-1.m.duiba.com.cn/projectx/p4f90ce5d/index.html?appID=66480"
@@ -123,7 +124,7 @@ class Main3 extends Component {
         }
       });
     }
-
+    ViewCtrl.showWin(Enum.Com.Tips);
 
   }
 

project/src/util/PopMap.js

@@ -9,6 +9,7 @@ import Select from '../components/select/select.jsx'
 import Sign from '../components/sign/sign.jsx'
 import Userinfo from '../components/userinfo/userinfo.jsx'
 import Comprize from '../components/prize/prize.jsx'
+import ComTips from '../components/tips/tips.jsx'
 // import PopLightCard from '../components/pop/PopLightCard/PopLightCard.jsx'
 
 let popMap = new Map()
@@ -18,6 +19,7 @@ popMap.set("PopRule", PopRule)
 popMap.set("Select", Select)
 popMap.set("Sign", Sign)
 popMap.set("Userinfo", Userinfo)
+popMap.set("ComTips", ComTips)
 // popMap.set("PopGetPiece", PopGetPiece)
 // popMap.set("PopRegret", PopRegret)
 // popMap.set("PopInfiniteA", PopInfiniteA)

project/src/util/config.js

@@ -5,6 +5,7 @@ import Rule from "../components/rule/rule.jsx";
 import Sign from "../components/sign/sign.jsx";
 
 import Task from "../components/task/task.jsx";
+import Tips from "../components/tips/tips.jsx";
 
 // import Comtask from '../components/comtask/comtask.jsx';
 // import ComconfirmExchange from '../components/comconfirmExcahnge/comconfirmExcahnge.jsx';
@@ -21,6 +22,7 @@ comMap.set(Enum.Com.Rule, Rule);
 comMap.set(Enum.Com.Sign, Sign);
 
 comMap.set(Enum.Com.Task, Task);
+comMap.set(Enum.Com.Tips, Tips);
 
 // comMap.set(Enum.Com.comtask, Comtask);
 // comMap.set(Enum.Com.comconfirmExchange, ComconfirmExchange);

project/src/util/enum.js

@@ -29,6 +29,7 @@ const Enum = {
         Rule:2008,
         Comprize:2009,
         Task:2010,
+        Tips: 2011
     },
     Store:{
         

spark.config.json

-{"proName":"未命名项目","proDesc":"","proPath":"/Users/wanghongyuan/icbcrpg","createTime":1608281698074}
+{"proName":"未命名项目","proDesc":"","proPath":"/Users/jinlixiang/Documents/2021下/1218e趣小镇/icbcrpg","createTime":1608281698074}