1

project/src/pages/prize/prize.jsx

+'use strict';
+
+import React, { Component } from 'react';
+import resList from '../../resconfig/resList';
+//import API from '../../api';
+
+import './prize.less';
+class Prize extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { resList: resList };
+  }
+  render() {
+    return (
+      <div className="prize " uuid="45702298-de75-4918-b86a-52a4773082eb">
+        <div className="prize_bg " uuid="0213b47b-ed4a-4f5a-9313-3231fd08d0aa">
+          <img
+            className="fa_guang "
+            uuid="f96f6c87-ba23-429c-90f1-ee912f911229"
+            src={this.state.resList['8fb093c7-4ff2-4b94-89b0-fcca3d751681'].url}
+          />
+          <img
+            className="bei_jing_kuang "
+            uuid="f0d4a6ba-2dd8-40e5-a53d-dfb88731c366"
+            src={this.state.resList['31e87d8d-953a-421e-8132-aa43e5d7b3a7'].url}
+          />
+        </div>
+        <span className="prize_name " uuid="3ef3f806-c0a7-4bc3-92fd-d58db313d174">
+          恭喜你连续签到七天 获得e生活2元电子券奖励
+        </span>
+        <span className="prize_tip " uuid="58dc4743-080e-4099-8bbf-51216b406f08">
+          请前往工银e生活app-我的- 优惠券-电子券中查看
+        </span>
+        <img
+          className="prize_img "
+          uuid="3dd9f6a1-e9d3-4727-8aab-c95ba2e61ccb"
+          src={this.state.resList['e083cf3e-505c-45be-bb12-e1645720024d'].url}
+        />
+        <img
+          className="prize_close "
+          uuid="4e148a13-40fd-4f07-b3cb-1ff907a67580"
+          src={this.state.resList['692d197b-97a1-4bf4-a9d8-f5c20feba9ab'].url}
+        />
+        <img
+          className="prize_ok "
+          uuid="7c7632d8-0a5f-476b-99b0-c14f986dcfc5"
+          src={this.state.resList['40c888b6-7080-4402-b20c-3d5c634d6209'].url}
+        />
+      </div>
+    );
+  }
+}
+export default Prize;

project/src/pages/prize/prize.less

+.prize {
+  width: 750px;
+  height: 1321px;
+  top: 77px;
+  position: absolute;
+  .prize_bg {
+    width: 750px;
+    height: 1321px;
+    position: absolute;
+    .fa_guang {
+      width: 750px;
+      height: 1321px;
+      position: absolute;
+    }
+    .bei_jing_kuang {
+      width: 609px;
+      height: 779px;
+      left: 71px;
+      top: 341px;
+      position: absolute;
+    }
+  }
+  .prize_name {
+    width: 340px;
+    height: 78px;
+    left: 205px;
+    top: 500px;
+    position: absolute;
+    font-size: 30px;
+    color: rgba(83, 83, 83, 1);
+  }
+  .prize_tip {
+    width: 298px;
+    height: 53px;
+    left: 226px;
+    top: 1021px;
+    position: absolute;
+    font-size: 24px;
+    color: rgba(83, 83, 83, 1);
+  }
+  .prize_img {
+    width: 470px;
+    height: 236px;
+    left: 137px;
+    top: 623px;
+    position: absolute;
+  }
+  .prize_close {
+    width: 48px;
+    height: 48px;
+    left: 635px;
+    top: 309px;
+    position: absolute;
+  }
+  .prize_ok {
+    width: 446px;
+    height: 99px;
+    left: 155px;
+    top: 894px;
+    position: absolute;
+  }
+}