1

project/mock/e-family/index.js

@@ -5,7 +5,7 @@ export const homeInfo = {
         "figures": [
             { "figureId": "1" }, { "figureId": "2" }, { "figureId": "3" }
         ],
-        "newUser": true,
+        "newUser": false,
         "userInfo": null
     },
     "message": null,

project/src/components/prize/prize.jsx

+'use strict';
+
+import React, { Component } from 'react';
+import resList2 from '../../resconfig/resList2';
+import { Aup, AUPOP, AUP_MBX_STATE } from '../../pop';
+import './prize.less';
+class Comprize extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { resList: resList2 };
+  }
+  render() {
+    return (
+      <div className="prize ">
+        <img className="prize_bg " src={this.state.resList['27d97dbc-4f9f-4f3e-b064-1b6729dd8193'].url} />
+        <span className="prize_name ">恭喜你连续签到七天 获得e生活2元电子券奖励</span>
+        <span className="prize_tip ">请前往工银e生活app-我的- 优惠券-电子券中查看</span>
+        <img className="prize_img " src={this.state.resList['1dd8c28e-73c4-433d-9a49-d8ce3a0ca680'].url} />
+        <img className="prize_close " onClick={this.props.onClose} src={this.state.resList['b5b823ed-99a2-47fe-9512-1e3db73e8c89'].url} />
+        <img className="prize_ok " onClick={this.props.onClose} src={this.state.resList['1da83a0f-fa15-43c5-a36f-b696a6628303'].url} />
+      </div>
+    );
+  }
+}
+export default Comprize;
\ No newline at end of file

project/src/components/prize/prize.less

+.prize {
+    width: 750px;
+    height: 1321px;
+    opacity: 1;
+    top: 77px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    .prize_bg {
+      width: 750px;
+      height: 1321px;
+      opacity: 1;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+    .prize_name {
+      width: 340px;
+      height: 78px;
+      opacity: 1;
+      left: 205px;
+      top: 500px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      font-size: 30px;
+      color: rgba(83, 83, 83, 1);
+    }
+    .prize_tip {
+      width: 298px;
+      height: 53px;
+      opacity: 1;
+      left: 226px;
+      top: 1021px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      font-size: 24px;
+      color: rgba(83, 83, 83, 1);
+    }
+    .prize_img {
+      width: 471px;
+      height: 237px;
+      opacity: 1;
+      left: 137px;
+      top: 622px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+    .prize_close {
+      width: 48px;
+      height: 48px;
+      opacity: 1;
+      left: 635px;
+      top: 309px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+    .prize_ok {
+      width: 446px;
+      height: 99px;
+      opacity: 1;
+      left: 155px;
+      top: 894px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+  }
+  
\ No newline at end of file

project/src/components/sign/sign.jsx

@@ -2,7 +2,7 @@
 
 import React, { Component } from 'react';
 import resList from '../../resconfig/resList'; //import API from '../../api';
-
+import { Aup, AUPOP, AUP_MBX_STATE } from '../../pop';
 import './sign.less';
 import { Toast, Loading, Badge, CountDownButton, InputNumber } from '@spark/ui';
 import API from '../../api';
@@ -25,6 +25,9 @@ class Sign extends Component {
 
   doSign = () => {
     API.dosign().then((res) => {
+
+      Aup.show('PrizeRule', {}, this);
+
       this.props.ctx.updateMoney();
     });
   };

project/src/pop/PopMap.js

@@ -8,10 +8,12 @@ import PopRule from '../components/rule/rule.jsx'
 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 PopLightCard from '../components/pop/PopLightCard/PopLightCard.jsx'
 
 let popMap = new Map()
 
+popMap.set("PrizeRule", Comprize)
 popMap.set("PopRule", PopRule)
 popMap.set("Select", Select)
 popMap.set("Sign", Sign)

project/src/resconfig/resList2.js

+const resList2 = {
+    '27d97dbc-4f9f-4f3e-b064-1b6729dd8193': {
+      name: 'prize_bg',
+      ext: '.png',
+      uuid: '27d97dbc-4f9f-4f3e-b064-1b6729dd8193',
+      url: '//yun.duiba.com.cn/spark/assets/edccac4fdb6a4a1479c9b5773e76300018621773.png'
+    },
+    '1dd8c28e-73c4-433d-9a49-d8ce3a0ca680': {
+      name: 'prize_img',
+      ext: '.png',
+      uuid: '1dd8c28e-73c4-433d-9a49-d8ce3a0ca680',
+      url: '//yun.duiba.com.cn/spark/assets/c0392f9dba7287d3d2877c6bff60b55f01ef15e6.png'
+    },
+    'b5b823ed-99a2-47fe-9512-1e3db73e8c89': {
+      name: 'prize_close',
+      ext: '.png',
+      uuid: 'b5b823ed-99a2-47fe-9512-1e3db73e8c89',
+      url: '//yun.duiba.com.cn/spark/assets/2686334f61b25f441c4340343beacdb83532f670.png'
+    },
+    '1da83a0f-fa15-43c5-a36f-b696a6628303': {
+      name: 'prize_ok',
+      ext: '.png',
+      uuid: '1da83a0f-fa15-43c5-a36f-b696a6628303',
+      url: '//yun.duiba.com.cn/spark/assets/d7fd0f2e5f324306613bc1dea0cfd73144596b37.png'
+    }
+  };
+  export default resList2;
\ No newline at end of file