11

project/src/pages/pagefrontpage/pagefrontpage.jsx

@@ -14,9 +14,12 @@ class Pagefrontpage extends Component {
   render() {
     return (
       <div className="frontpage">
-        <img className="bei_jing" src={this.state.resList['7217f405-184d-449d-8f30-aa9f3e2935b5'].url} />
-        <img className="an_niu" src={this.state.resList['c9a962d2-df8e-4d01-8353-d9d20fa860c8'].url} />
-        <img className="biao_ti" src={this.state.resList['e46a7197-4d94-4816-9580-c7d8b01c0f91'].url} />
+        <img className="bei_jing" src={this.state.resList['940ca254-5896-41a7-8865-04baa065cb8d'].url} />
+        <img className="huo_dong_jie_shu" src={this.state.resList['bb425309-2ded-4038-9dd0-5c9f4c35f272'].url} />
+        <label className="times">今日游戏次数：1次</label>
+        <img className="gui_ze" src={this.state.resList['079290ec-3f86-4e43-9b6b-9a130c96ef37'].url} />
+        <img className="jiang_pin" src={this.state.resList['3b7b39ab-879b-443f-9eb4-d08719195195'].url} />
+        <img className="biao_ti" src={this.state.resList['d06c04df-81ec-478b-8fff-cca524108b3a'].url} />
       </div>
     );
   }

project/src/pages/pagefrontpage/pagefrontpage.less

@@ -6,17 +6,49 @@
   display: block;
   position: absolute;
   .bei_jing {
-    width: 750px;
-    height: 1624px;
+    width: 1132px;
+    height: 2029px;
     opacity: 1;
-    top: __m%;
+    vertical-center: -116.5;
+    left: -238px;
+    top: -407px;
     position: absolute;
   }
-  .an_niu {
-    width: 750px;
-    height: 1147px;
+  .huo_dong_jie_shu {
+    width: 526px;
+    height: 159px;
     opacity: 1;
-    vertical-center: -8.5;
+    vertical-center: 485.5;
+    left: 111px;
+    top: 1130px;
+    position: absolute;
+  }
+  .times {
+    width: 259px;
+    height: 29px;
+    opacity: 1;
+    vertical-center: 363.5;
+    left: 245px;
+    top: 1073px;
+    position: absolute;
+    font-size: 30px;
+    color: rgba(42, 85, 51, 1);
+  }
+  .gui_ze {
+    width: 141px;
+    height: 48px;
+    opacity: 1;
+    vertical-center: -558;
+    left: -13px;
+    top: 142px;
+    position: absolute;
+  }
+  .jiang_pin {
+    width: 141px;
+    height: 48px;
+    opacity: 1;
+    vertical-center: -558;
+    left: 623px;
     top: 142px;
     position: absolute;
   }
@@ -24,8 +56,9 @@
     width: 569px;
     height: 119px;
     opacity: 1;
-    top: __m%;
+    vertical-center: -367.5;
     left: 99px;
+    top: 297px;
     position: absolute;
   }
 }

project/src/resconfig/resList.js

 const resList = {
-  '7217f405-184d-449d-8f30-aa9f3e2935b5': {
+  '940ca254-5896-41a7-8865-04baa065cb8d': {
     name: '背景',
     ext: '.png',
-    uuid: '7217f405-184d-449d-8f30-aa9f3e2935b5',
-    url: '//yun.duiba.com.cn/spark/assets/808ee1bec7fd270d396dca19f742a69d80ee0508.png',
+    uuid: '940ca254-5896-41a7-8865-04baa065cb8d',
+    url: '//yun.duiba.com.cn/spark/assets/433eb955c2db63d4c68015a444fb10e84d1865d3.png',
   },
-  'c9a962d2-df8e-4d01-8353-d9d20fa860c8': {
-    name: '按钮',
+  'bb425309-2ded-4038-9dd0-5c9f4c35f272': {
+    name: '活动结束',
     ext: '.png',
-    uuid: 'c9a962d2-df8e-4d01-8353-d9d20fa860c8',
-    url: '//yun.duiba.com.cn/spark/assets/438fa9e6a39938dd7263a5038d30e55518473a7a.png',
+    uuid: 'bb425309-2ded-4038-9dd0-5c9f4c35f272',
+    url: '//yun.duiba.com.cn/spark/assets/6c4d485000efddb3e806915edf67eaf7050e5298.png',
   },
-  'e46a7197-4d94-4816-9580-c7d8b01c0f91': {
+  '079290ec-3f86-4e43-9b6b-9a130c96ef37': {
+    name: '规则',
+    ext: '.png',
+    uuid: '079290ec-3f86-4e43-9b6b-9a130c96ef37',
+    url: '//yun.duiba.com.cn/spark/assets/e6627777c9caacbfbf67f1949af2223aae60806d.png',
+  },
+  '3b7b39ab-879b-443f-9eb4-d08719195195': {
+    name: '奖品',
+    ext: '.png',
+    uuid: '3b7b39ab-879b-443f-9eb4-d08719195195',
+    url: '//yun.duiba.com.cn/spark/assets/fe7d2eeef465e1f5615d958f836a1c056ab87480.png',
+  },
+  'd06c04df-81ec-478b-8fff-cca524108b3a': {
     name: '标题',
     ext: '.png',
-    uuid: 'e46a7197-4d94-4816-9580-c7d8b01c0f91',
+    uuid: 'd06c04df-81ec-478b-8fff-cca524108b3a',
     url: '//yun.duiba.com.cn/spark/assets/17b9bc766788c5c861cf7c0156217e99d0b70ba4.png',
   },
 };