1

project/src/app.jsx

@@ -6,12 +6,12 @@ MOCK_STATUS && (require('../mock/index'));
 import MD from '../MD';
 MD();
 //此处为spark-cli动态生成
-import PageCanvas from "./pages/pagecanvas/pagecanvas.jsx";
+import Pagetian_mao_xiao_yuan_you_xi_ye_xing_huo from "./pages/pagetian_mao_xiao_yuan_you_xi_ye_xing_huo/pagetian_mao_xiao_yuan_you_xi_ye_xing_huo.jsx";
 class App extends Component {
  
   render() {
     return (
-      <PageCanvas></PageCanvas>
+      <Pagetian_mao_xiao_yuan_you_xi_ye_xing_huo></Pagetian_mao_xiao_yuan_you_xi_ye_xing_huo>
     );
   }
 }

project/src/components/comcatbackbed1/comcatbackbed1.jsx

+1'use strict';
+
+import React, { Component } from 'react';
+import resList from '../../resconfig/resList';
+
+import './comcatbackbed1.less';
+class Comcatbackbed1 extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { resList: resList };
+  }
+  render() {
+    return (
+      <div className="catbackbed1 ">
+        <div className="catbackbed ">
+          <img className="catbackbedbgaccident " src={this.state.resList['98a3f684-846b-479c-91ac-75b588e2b51b'].url} />
+          <img className="catbackbedbgsurprise " src={this.state.resList['98a3f684-846b-479c-91ac-75b588e2b51b'].url} />
+          <img className="catbackbedbgunluck " src={this.state.resList['3fa827d6-e333-4b56-a5d9-5f3ae2089127'].url} />
+          <img className="catbackbedok " src={this.state.resList['b701826c-63c5-4490-a380-52f273dad9af'].url} />
+          <span className="catbackbedtip2 ">获得+10000欢乐币</span>
+          <span className="catbackbedtip ">
+            文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案不要超过50字
+          </span>
+          <img className="catbackbedclose " src={this.state.resList['29e80fbb-98ed-40fb-a11b-e14b45fee158'].url} />
+          <img className="catbackbedcatimg " src={this.state.resList['51c97f4c-1f39-48cf-8865-c1c2fec500d8'].url} />
+        </div>
+      </div>
+    );
+  }
+}
+export default Comcatbackbed1;

project/src/components/comcatbackbed1/comcatbackbed1.less

+.catbackbed1 {
+  width: 750px;
+  height: 1093px;
+  opacity: 1;
+  top: 181px;
+  position: absolute;
+  transform-origin: 0px 0px 0px;
+  .catbackbed {
+    width: 750px;
+    height: 1093px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    .catbackbedbgaccident {
+      width: 750px;
+      height: 1093px;
+      opacity: 1;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      display: block;
+    }
+    .catbackbedbgsurprise {
+      width: 750px;
+      height: 1093px;
+      opacity: 1;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      display: block;
+    }
+    .catbackbedbgunluck {
+      width: 584px;
+      height: 715px;
+      opacity: 1;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      display: block;
+      top: 196px;
+      left: 84px;
+    }
+    .catbackbedok {
+      width: 351px;
+      height: 105px;
+      opacity: 1;
+      left: 201px;
+      top: 773px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+    .catbackbedtip2 {
+      width: 275px;
+      height: 32px;
+      opacity: 1;
+      left: 238px;
+      top: 706px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      font-size: 32px;
+      color: rgba(104, 91, 78, 1);
+    }
+    .catbackbedtip {
+      width: 447px;
+      height: 111px;
+      opacity: 1;
+      left: 152px;
+      top: 563px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      font-size: 28px;
+      color: rgba(104, 91, 78, 1);
+    }
+    .catbackbedclose {
+      width: 44px;
+      height: 44px;
+      opacity: 1;
+      display: block;
+      left: 586px;
+      top: 238px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+    .catbackbedcatimg {
+      width: 494px;
+      height: 262px;
+      opacity: 1;
+      display: block;
+      left: 128px;
+      top: 290px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+  }
+}

project/src/components/comcatname/comcatname.jsx

@@ -5,26 +5,61 @@ import resList from '../../resconfig/resList';
 
 import './comcatname.less';
 class Comcatname extends Component {
-  constructor(props) {
-    super(props);
-    this.state = this.state || { resList: resList };
-  }
-  render() {
-    return (
-      <div className="catname">
-        <img className="catnamecatimg" src={this.state.resList['02aacfd1-3347-40a7-8a3a-9f20c1b5706b'].url} />
-        <div className="catnamedialog">
-          <img className="catnamedialogbg" src={this.state.resList['50779aee-069e-4dd9-b2ff-88beda9f43d1'].url} />
-          <span className="catnamedialoglabel">铲屎官～帮我取个名字吧！喵～</span>
-        </div>
-        <img className="catnamesure" src={this.state.resList['c7916d41-ea9d-4f8e-b5aa-e2060d6ae265'].url} />
-        <div className="catnameinput">
-          <img className="catnameinputbg" src={this.state.resList['947d970f-52bf-4319-82f0-a3e65620ed75'].url} />
-          <span className="catnameinputlabel">输入名字</span>
-          <span className="catnameinputrandom">随机名字</span>
-        </div>
-      </div>
-    );
-  }
+constructor(props) {
+super(props);
+<<<<<<< HEAD
+this.state = this.state || { resList: resList };
+============
+>>>>>>>>
+<<<<<<< HEAD
+============
+this.state = { resList: resList };
+>>>>>>>>
 }
+render() {
+return (
+<<<<<<< HEAD
+<div className="catname">
+<img className="catnamecatimg" src={this.state.resList['02aacfd1-3347-40a7-8a3a-9f20c1b5706b'].url} />
+<div className="catnamedialog">
+<img className="catnamedialogbg" src={this.state.resList['50779aee-069e-4dd9-b2ff-88beda9f43d1'].url} />
+<span className="catnamedialoglabel">铲屎官～帮我取个名字吧！喵～</span>
+============
+>>>>>>>>
+<<<<<<< HEAD
+============
+<div className="catname ">
+<img className="catnamecatimg " src={this.state.resList['02aacfd1-3347-40a7-8a3a-9f20c1b5706b'].url} />
+<div className="catnamedialog ">
+<img className="catnamedialogbg " src={this.state.resList['50779aee-069e-4dd9-b2ff-88beda9f43d1'].url} />
+<span className="catnamedialoglabel ">铲屎官～帮我取个名字吧！喵～</span>
+>>>>>>>>
+</div>
+<<<<<<< HEAD
+<img className="catnamesure" src={this.state.resList['c7916d41-ea9d-4f8e-b5aa-e2060d6ae265'].url} />
+<div className="catnameinput">
+<img className="catnameinputbg" src={this.state.resList['947d970f-52bf-4319-82f0-a3e65620ed75'].url} />
+<span className="catnameinputlabel">输入名字</span>
+<span className="catnameinputrandom">随机名字</span>
+============
+>>>>>>>>
+<<<<<<< HEAD
+============
+<img className="catnamesure " src={this.state.resList['c7916d41-ea9d-4f8e-b5aa-e2060d6ae265'].url} />
+<div className="catnameinput ">
+<img className="catnameinputbg " src={this.state.resList['947d970f-52bf-4319-82f0-a3e65620ed75'].url} />
+<span className="catnameinputlabel ">输入名字</span>
+<span className="catnameinputrandom ">随机名字</span>
+>>>>>>>>
+</div>
+</div>
+);
+}
+}
+<<<<<<< HEAD
+export default Comcatname;============
+>>>>>>>>
+<<<<<<< HEAD
+============
 export default Comcatname;
+>>>>>>>>

project/src/components/comcatname/comcatname.less

 .catname {
-    width: 500px;
-    height: 842px;
-    opacity: 1;
-    left: 126px;
-    top: 378px;
-    position: absolute;
-    transform-origin: 0px 0px 0px;
-    .catnamecatimg {
-      width: 421px;
-      height: 301px;
-      opacity: 1;
-      left: 38px;
-      top: 202px;
-      position: absolute;
-      transform-origin: 0px 0px 0px;
-    }
-    .catnamedialog {
-      width: 466px;
-      height: 177px;
-      opacity: 1;
-      left: 5px;
-      position: absolute;
-      transform-origin: 0px 0px 0px;
-      .catnamedialogbg {
-        width: 466px;
-        height: 177px;
-        opacity: 1;
-        position: absolute;
-        transform-origin: 0px 0px 0px;
-      }
-      .catnamedialoglabel {
-        width: 359px;
-        height: 72px;
-        opacity: 1;
-        left: 59px;
-        top: 46px;
-        position: absolute;
-        transform-origin: 0px 0px 0px;
-        font-size: 28px;
-        color: rgba(87, 75, 69, 1);
-      }
-    }
-    .catnamesure {
-      width: 282px;
-      height: 106px;
-      opacity: 1;
-      left: 111px;
-      top: 736px;
-      position: absolute;
-      transform-origin: 0px 0px 0px;
-    }
-    .catnameinput {
-      width: 500px;
-      height: 147px;
-      opacity: 1;
-      top: 538px;
-      position: absolute;
-      transform-origin: 0px 0px 0px;
-      .catnameinputbg {
-        width: 500px;
-        height: 102px;
-        opacity: 1;
-        position: absolute;
-        transform-origin: 0px 0px 0px;
-      }
-      .catnameinputlabel {
-        width: 104px;
-        height: 27px;
-        opacity: 1;
-        left: 199px;
-        top: 37px;
-        position: absolute;
-        transform-origin: 0px 0px 0px;
-        font-size: 28px;
-        color: rgba(104, 91, 78, 1);
-      }
-      .catnameinputrandom {
-        width: 91px;
-        height: 26px;
-        opacity: 1;
-        left: 205px;
-        top: 121px;
-        position: absolute;
-        transform-origin: 0px 0px 0px;
-        font-size: 24px;
-        color: rgba(248, 241, 235, 1);
-      }
-    }
-  }
\ No newline at end of file
+width: 500px;
+height: 842px;
+opacity: 1;
+left: 126px;
+top: 378px;
+position: absolute;
+transform-origin: 0px 0px 0px;
+.catnamecatimg {
+width: 421px;
+height: 301px;
+opacity: 1;
+left: 38px;
+top: 202px;
+position: absolute;
+transform-origin: 0px 0px 0px;
+}
+.catnamedialog {
+width: 466px;
+height: 177px;
+opacity: 1;
+left: 5px;
+position: absolute;
+transform-origin: 0px 0px 0px;
+.catnamedialogbg {
+width: 466px;
+height: 177px;
+opacity: 1;
+position: absolute;
+transform-origin: 0px 0px 0px;
+}
+.catnamedialoglabel {
+width: 359px;
+height: 72px;
+opacity: 1;
+left: 59px;
+<<<<<<< HEAD
+top: 46px;
+============
+>>>>>>>>
+<<<<<<< HEAD
+============
+top: 38px;
+>>>>>>>>
+position: absolute;
+transform-origin: 0px 0px 0px;
+font-size: 28px;
+color: rgba(87, 75, 69, 1);
+}
+}
+.catnamesure {
+width: 282px;
+height: 106px;
+opacity: 1;
+left: 111px;
+top: 736px;
+position: absolute;
+transform-origin: 0px 0px 0px;
+}
+.catnameinput {
+width: 500px;
+height: 147px;
+opacity: 1;
+top: 538px;
+position: absolute;
+transform-origin: 0px 0px 0px;
+.catnameinputbg {
+width: 500px;
+height: 102px;
+opacity: 1;
+position: absolute;
+transform-origin: 0px 0px 0px;
+}
+.catnameinputlabel {
+<<<<<<< HEAD
+width: 104px;
+height: 27px;
+============
+>>>>>>>>
+<<<<<<< HEAD
+============
+width: 436px;
+height: 47px;
+>>>>>>>>
+opacity: 1;
+<<<<<<< HEAD
+left: 199px;
+top: 37px;
+============
+>>>>>>>>
+<<<<<<< HEAD
+============
+left: 33px;
+top: 25px;
+>>>>>>>>
+position: absolute;
+transform-origin: 0px 0px 0px;
+font-size: 28px;
+color: rgba(104, 91, 78, 1);
+}
+.catnameinputrandom {
+<<<<<<< HEAD
+width: 91px;
+============
+>>>>>>>>
+<<<<<<< HEAD
+============
+width: 500px;
+>>>>>>>>
+height: 26px;
+opacity: 1;
+<<<<<<< HEAD
+left: 205px;
+============
+>>>>>>>>
+<<<<<<< HEAD
+============
+left: 0px;
+>>>>>>>>
+top: 121px;
+position: absolute;
+transform-origin: 0px 0px 0px;
+font-size: 24px;
+color: rgba(248, 241, 235, 1);
+}
+}
+<<<<<<< HEAD
+}============
+>>>>>>>>
+<<<<<<< HEAD
+============
+}
+>>>>>>>>

project/src/components/comexchanged/comexchanged.jsx

+'use strict';
+
+import React, { Component } from 'react';
+import resList from '../../resconfig/resList';
+
+import './comexchanged.less';
+class Comexchanged extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { resList: resList };
+  }
+  render() {
+    return (
+      <div className="exchanged ">
+        <img className="exchanged_bg " src={this.state.resList['65d97f17-4b35-4ba7-b21b-7ec0bfac6639'].url} />
+        <img className="exchanged_imgbg " src={this.state.resList['e0ce2abf-64d3-40f3-a016-c7fb7772b3f6'].url} />
+        <img className="exchanged_close " src={this.state.resList['06f8e9d0-f0bf-41d3-bbc2-8a782eacae59'].url} />
+        <span className="exchanged_title ">获得 XXXX</span>
+        <img className="exchanged_btn " src={this.state.resList['923ae629-84ed-406d-b3cb-258742ffa2ba'].url} />
+      </div>
+    );
+  }
+}
+export default Comexchanged;

project/src/components/comexchanged/comexchanged.less

+.exchanged {
+  width: 750px;
+  height: 1093px;
+  opacity: 1;
+  top: 221px;
+  position: absolute;
+  transform-origin: 0px 0px 0px;
+  .exchanged_bg {
+    width: 750px;
+    height: 1093px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .exchanged_imgbg {
+    width: 360px;
+    height: 299px;
+    opacity: 1;
+    left: 197px;
+    top: 377px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .exchanged_close {
+    width: 45px;
+    height: 45px;
+    opacity: 1;
+    left: 584px;
+    top: 236px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .exchanged_title {
+    width: 164px;
+    height: 35px;
+    opacity: 1;
+    left: 295px;
+    top: 315px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    font-size: 36px;
+    color: rgba(231, 72, 70, 1);
+  }
+  .exchanged_btn {
+    width: 351px;
+    height: 105px;
+    opacity: 1;
+    left: 201px;
+    top: 773px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+}

project/src/components/comgetcat/comgetcat.jsx

@@ -5,21 +5,52 @@ import resList from '../../resconfig/resList';
 
 import './comgetcat.less';
 class Comgetcat extends Component {
-  constructor(props) {
-    super(props);
-    this.state = this.state || { resList: resList };
-  }
-  render() {
-    return (
-      <div className="getcat">
-        <img className="getcatimg" src={this.state.resList['02aacfd1-3347-40a7-8a3a-9f20c1b5706b'].url} />
-        <div className="getcatdialog">
-          <img className="getcatdialogbg" src={this.state.resList['24b7d459-41d6-408c-9829-4768fe38abf5'].url} />
-          <span className="getcatdialogtext">好了，现在你就是 猫咪名字 的铲屎官了～</span>
-        </div>
-        <img className="getcatgo" src={this.state.resList['97484cf2-5146-4287-b104-ed1f43c71ee0'].url} />
-      </div>
-    );
-  }
+constructor(props) {
+super(props);
+<<<<<<< HEAD
+this.state = this.state || { resList: resList };
+============
+>>>>>>>>
+<<<<<<< HEAD
+============
+this.state = { resList: resList };
+>>>>>>>>
 }
+render() {
+return (
+<<<<<<< HEAD
+<div className="getcat">
+<img className="getcatimg" src={this.state.resList['02aacfd1-3347-40a7-8a3a-9f20c1b5706b'].url} />
+<div className="getcatdialog">
+<img className="getcatdialogbg" src={this.state.resList['24b7d459-41d6-408c-9829-4768fe38abf5'].url} />
+<span className="getcatdialogtext">好了，现在你就是 猫咪名字 的铲屎官了～</span>
+============
+>>>>>>>>
+<<<<<<< HEAD
+============
+<div className="getcat ">
+<img className="getcatimg " src={this.state.resList['02aacfd1-3347-40a7-8a3a-9f20c1b5706b'].url} />
+<div className="getcatdialog ">
+<img className="getcatdialogbg " src={this.state.resList['24b7d459-41d6-408c-9829-4768fe38abf5'].url} />
+<span className="getcatdialogtext ">好了，现在你就是 猫咪名字 的铲屎官了～</span>
+>>>>>>>>
+</div>
+<<<<<<< HEAD
+<img className="getcatgo" src={this.state.resList['97484cf2-5146-4287-b104-ed1f43c71ee0'].url} />
+============
+>>>>>>>>
+<<<<<<< HEAD
+============
+<img className="getcatgo " src={this.state.resList['97484cf2-5146-4287-b104-ed1f43c71ee0'].url} />
+>>>>>>>>
+</div>
+);
+}
+}
+<<<<<<< HEAD
+export default Comgetcat;============
+>>>>>>>>
+<<<<<<< HEAD
+============
 export default Comgetcat;
+>>>>>>>>

project/src/components/comgetcat/comgetcat.less

 .getcat {
-    width: 465px;
-    height: 671px;
-    opacity: 1;
-    left: 130px;
-    top: 378px;
-    position: absolute;
-    transform-origin: 0px 0px 0px;
-    .getcatimg {
-      width: 421px;
-      height: 301px;
-      opacity: 1;
-      left: 34px;
-      top: 202px;
-      position: absolute;
-      transform-origin: 0px 0px 0px;
-    }
-    .getcatdialog {
-      width: 465px;
-      height: 176px;
-      opacity: 1;
-      position: absolute;
-      transform-origin: 0px 0px 0px;
-      .getcatdialogbg {
-        width: 465px;
-        height: 176px;
-        opacity: 1;
-        position: absolute;
-        transform-origin: 0px 0px 0px;
-      }
-      .getcatdialogtext {
-        width: 326px;
-        height: 73px;
-        opacity: 1;
-        left: 69px;
-        top: 39px;
-        position: absolute;
-        transform-origin: 0px 0px 0px;
-        font-size: 28px;
-        color: rgba(87, 75, 69, 1);
-      }
-    }
-    .getcatgo {
-      width: 282px;
-      height: 106px;
-      opacity: 1;
-      left: 107px;
-      top: 565px;
-      position: absolute;
-      transform-origin: 0px 0px 0px;
-    }
-  }
\ No newline at end of file
+width: 465px;
+height: 671px;
+opacity: 1;
+left: 130px;
+top: 378px;
+position: absolute;
+transform-origin: 0px 0px 0px;
+.getcatimg {
+width: 421px;
+height: 301px;
+opacity: 1;
+left: 34px;
+top: 202px;
+position: absolute;
+transform-origin: 0px 0px 0px;
+}
+.getcatdialog {
+width: 465px;
+height: 176px;
+opacity: 1;
+position: absolute;
+transform-origin: 0px 0px 0px;
+.getcatdialogbg {
+width: 465px;
+height: 176px;
+opacity: 1;
+position: absolute;
+transform-origin: 0px 0px 0px;
+}
+.getcatdialogtext {
+width: 326px;
+height: 73px;
+opacity: 1;
+left: 69px;
+top: 39px;
+position: absolute;
+transform-origin: 0px 0px 0px;
+font-size: 28px;
+color: rgba(87, 75, 69, 1);
+}
+}
+.getcatgo {
+width: 282px;
+height: 106px;
+opacity: 1;
+left: 107px;
+top: 565px;
+position: absolute;
+transform-origin: 0px 0px 0px;
+}
+<<<<<<< HEAD
+}============
+>>>>>>>>
+<<<<<<< HEAD
+============
+}
+>>>>>>>>

project/src/components/comrecallcat/comrecallcat.jsx

@@ -5,23 +5,50 @@ import resList from '../../resconfig/resList';
 
 import './comrecallcat.less';
 class Comrecallcat extends Component {
-  constructor(props) {
-    super(props);
-    this.state = this.state || { resList: resList };
-  }
-  render() {
-    return (
-      <div className="recallcat">
-        <img className="recallcatbg" src={this.state.resList['40cac443-7998-4c2a-8f9c-38121b2385e3'].url} />
-        <span className="recallcatbacklabel">猫咪预计 1 小时 23 分 后回寝</span>
-        <span className="recallcathappycoin">101010</span>
-        <div className="recallbtngroup">
-          <img className="recallbtncancel" src={this.state.resList['6957d9f3-9aa4-4ed6-9b83-57cc68f16512'].url} />
-          <img className="recallbtngo" src={this.state.resList['6d8cdd11-fbc5-4e84-b5ef-1f74c9070738'].url} />
-        </div>
-        <img className="recallbtnclose" src={this.state.resList['29e80fbb-98ed-40fb-a11b-e14b45fee158'].url} />
-      </div>
-    );
-  }
+constructor(props) {
+super(props);
+<<<<<<< HEAD
+this.state = this.state || { resList: resList };
+============
+>>>>>>>>
+<<<<<<< HEAD
+============
+this.state = { resList: resList };
+>>>>>>>>
+}
+render() {
+return (
+<<<<<<< HEAD
+<div className="recallcat">
+<img className="recallcatbg" src={this.state.resList['40cac443-7998-4c2a-8f9c-38121b2385e3'].url} />
+<span className="recallcatbacklabel">猫咪预计 1 小时 23 分 后回寝</span>
+<span className="recallcathappycoin">101010</span>
+<div className="recallbtngroup">
+<img className="recallbtncancel" src={this.state.resList['6957d9f3-9aa4-4ed6-9b83-57cc68f16512'].url} />
+<img className="recallbtngo" src={this.state.resList['6d8cdd11-fbc5-4e84-b5ef-1f74c9070738'].url} />
+============
+>>>>>>>>
+<<<<<<< HEAD
+============
+<div className="recallcat ">
+<img className="recallcatbg " src={this.state.resList['40cac443-7998-4c2a-8f9c-38121b2385e3'].url} />
+<span className="recallcatbacklabel ">猫咪预计 1 小时 23 分 后回寝</span>
+<span className="recallcathappycoin ">101010</span>
+<div className="recallbtngroup ">
+<img className="recallbtncancel " src={this.state.resList['6957d9f3-9aa4-4ed6-9b83-57cc68f16512'].url} />
+<img className="recallbtngo " src={this.state.resList['6d8cdd11-fbc5-4e84-b5ef-1f74c9070738'].url} />
+>>>>>>>>
+</div>
+<<<<<<< HEAD
+<img className="recallbtnclose" src={this.state.resList['29e80fbb-98ed-40fb-a11b-e14b45fee158'].url} />
+============
+>>>>>>>>
+<<<<<<< HEAD
+============
+<img className="recallbtnclose " src={this.state.resList['29e80fbb-98ed-40fb-a11b-e14b45fee158'].url} />
+>>>>>>>>
+</div>
+);
+}
 }
 export default Comrecallcat;

project/src/components/comrecallcat/comrecallcat.less

 .recallcat {
-    width: 721px;
-    height: 562px;
-    opacity: 1;
-    left: 18px;
-    top: 392px;
-    position: absolute;
-    transform-origin: 0px 0px 0px;
-    .recallcatbg {
-      width: 721px;
-      height: 562px;
-      opacity: 1;
-      position: absolute;
-      transform-origin: 0px 0px 0px;
-    }
-    .recallcatbacklabel {
-      width: 615px;
-      height: 25px;
-      opacity: 1;
-      left: 52px;
-      top: 335px;
-      position: absolute;
-      transform-origin: 0px 0px 0px;
-      font-size: 26px;
-      color: rgba(104, 91, 78, 1);
-      text-align: center;
-    }
-    .recallcathappycoin {
-      width: 119px;
-      height: 29px;
-      opacity: 1;
-      left: 265px;
-      top: 250px;
-      position: absolute;
-      transform-origin: 0px 0px 0px;
-      font-size: 36px;
-      color: rgba(231, 72, 70, 1);
-    }
-    .recallbtngroup {
-      width: 608px;
-      height: 105px;
-      opacity: 1;
-      left: 54px;
-      top: 421px;
-      position: absolute;
-      transform-origin: 0px 0px 0px;
-      .recallbtncancel {
-        width: 281px;
-        height: 105px;
-        opacity: 1;
-        position: absolute;
-        transform-origin: 0px 0px 0px;
-      }
-      .recallbtngo {
-        width: 281px;
-        height: 105px;
-        opacity: 1;
-        left: 327px;
-        position: absolute;
-        transform-origin: 0px 0px 0px;
-      }
-    }
-    .recallbtnclose {
-      width: 44px;
-      height: 44px;
-      opacity: 1;
-      display: block;
-      left: 624px;
-      top: 38px;
-      position: absolute;
-      transform-origin: 0px 0px 0px;
-    }
-  }
\ No newline at end of file
+width: 721px;
+height: 562px;
+opacity: 1;
+left: 18px;
+top: 392px;
+position: absolute;
+transform-origin: 0px 0px 0px;
+.recallcatbg {
+width: 721px;
+height: 562px;
+opacity: 1;
+position: absolute;
+transform-origin: 0px 0px 0px;
+}
+.recallcatbacklabel {
+width: 615px;
+height: 25px;
+opacity: 1;
+left: 52px;
+top: 335px;
+position: absolute;
+transform-origin: 0px 0px 0px;
+font-size: 26px;
+color: rgba(104, 91, 78, 1);
+text-align: center;
+}
+.recallcathappycoin {
+width: 119px;
+height: 29px;
+opacity: 1;
+left: 265px;
+<<<<<<< HEAD
+top: 250px;
+============
+>>>>>>>>
+<<<<<<< HEAD
+============
+top: 235px;
+>>>>>>>>
+position: absolute;
+transform-origin: 0px 0px 0px;
+font-size: 36px;
+color: rgba(231, 72, 70, 1);
+<<<<<<< HEAD
+============
+text-align: center;
+>>>>>>>>
+}
+.recallbtngroup {
+width: 608px;
+height: 105px;
+opacity: 1;
+left: 54px;
+top: 421px;
+position: absolute;
+transform-origin: 0px 0px 0px;
+.recallbtncancel {
+width: 281px;
+height: 105px;
+opacity: 1;
+position: absolute;
+transform-origin: 0px 0px 0px;
+}
+.recallbtngo {
+width: 281px;
+height: 105px;
+opacity: 1;
+left: 327px;
+position: absolute;
+transform-origin: 0px 0px 0px;
+}
+}
+.recallbtnclose {
+width: 44px;
+height: 44px;
+opacity: 1;
+display: block;
+left: 624px;
+top: 38px;
+position: absolute;
+transform-origin: 0px 0px 0px;
+}
+<<<<<<< HEAD
+}============
+>>>>>>>>
+<<<<<<< HEAD
+============
+}
+>>>>>>>>

project/src/components/comselectcat/comselectcat.jsx

@@ -5,41 +5,107 @@ import resList from '../../resconfig/resList';
 
 import './comselectcat.less';
 class Comselectcat extends Component {
-  constructor(props) {
-    super(props);
-    this.state = this.state || { resList: resList };
-  }
-  render() {
-    return (
-      <div className="selectcat">
-        <img className="selectcatbg" src={this.state.resList['db53267d-4141-4d3e-afda-9b523c89be3e'].url} />
-        <div className="selectcatblue">
-          <img className="bluebg" src={this.state.resList['02183198-f4da-4ac2-8bf3-d6b7a07d3279'].url} />
-          <img className="blueimg" src={this.state.resList['95a6b0a9-3e7a-4a0b-82b6-6742e2a8bddf'].url} />
-          <span className="bluename">田园橘猫</span>
-          <img className="bluesure" src={this.state.resList['f956cda2-5eef-4942-8737-742d171527bd'].url} />
-        </div>
-        <div className="selectcatsh">
-          <img className="shbg" src={this.state.resList['8b464624-24b0-46ae-ab4a-65928d4784c7'].url} />
-          <img className="shimg" src={this.state.resList['fe52ffae-fadd-40f3-97b5-d3d56fd04781'].url} />
-          <span className="shname">田园橘猫</span>
-          <img className="shsure" src={this.state.resList['f956cda2-5eef-4942-8737-742d171527bd'].url} />
-        </div>
-        <div className="selectcatxl">
-          <img className="xlbg" src={this.state.resList['6a1a5aa9-affa-42e2-9703-ec36c33f0635'].url} />
-          <img className="xlimg" src={this.state.resList['193f6955-d754-4b9f-80ca-b9b9a72e8a8b'].url} />
-          <span className="xlname">田园橘猫</span>
-          <img className="xlsure" src={this.state.resList['f956cda2-5eef-4942-8737-742d171527bd'].url} />
-        </div>
-        <div className="selectcatorge">
-          <img className="orgebg" src={this.state.resList['8850353b-0a98-4335-9d46-a36678f44be0'].url} />
-          <img className="orgeimg" src={this.state.resList['e28e5250-c740-4e4f-a855-c415c557e77e'].url} />
-          <span className="orgename">田园橘猫</span>
-          <img className="orgesure" src={this.state.resList['f956cda2-5eef-4942-8737-742d171527bd'].url} />
-        </div>
-        <img className="selectcattrue" src={this.state.resList['628fc38b-7dc0-4c69-aac1-279d60c8f1ed'].url} />
-      </div>
-    );
-  }
+constructor(props) {
+super(props);
+<<<<<<< HEAD
+this.state = this.state || { resList: resList };
+============
+>>>>>>>>
+<<<<<<< HEAD
+============
+this.state = { resList: resList };
+>>>>>>>>
 }
+render() {
+return (
+<<<<<<< HEAD
+<div className="selectcat">
+<img className="selectcatbg" src={this.state.resList['db53267d-4141-4d3e-afda-9b523c89be3e'].url} />
+<div className="selectcatblue">
+<img className="bluebg" src={this.state.resList['02183198-f4da-4ac2-8bf3-d6b7a07d3279'].url} />
+<img className="blueimg" src={this.state.resList['95a6b0a9-3e7a-4a0b-82b6-6742e2a8bddf'].url} />
+<span className="bluename">田园橘猫</span>
+<img className="bluesure" src={this.state.resList['f956cda2-5eef-4942-8737-742d171527bd'].url} />
+============
+>>>>>>>>
+<<<<<<< HEAD
+============
+<div className="selectcat ">
+<img className="selectcatbg " src={this.state.resList['db53267d-4141-4d3e-afda-9b523c89be3e'].url} />
+<div className="selectcatblue ">
+<img className="bluebg " src={this.state.resList['02183198-f4da-4ac2-8bf3-d6b7a07d3279'].url} />
+<img className="blueimg " src={this.state.resList['95a6b0a9-3e7a-4a0b-82b6-6742e2a8bddf'].url} />
+<span className="bluename ">田园橘猫</span>
+<img className="bluesure " src={this.state.resList['f956cda2-5eef-4942-8737-742d171527bd'].url} />
+>>>>>>>>
+</div>
+<<<<<<< HEAD
+<div className="selectcatsh">
+<img className="shbg" src={this.state.resList['8b464624-24b0-46ae-ab4a-65928d4784c7'].url} />
+<img className="shimg" src={this.state.resList['fe52ffae-fadd-40f3-97b5-d3d56fd04781'].url} />
+<span className="shname">田园橘猫</span>
+<img className="shsure" src={this.state.resList['f956cda2-5eef-4942-8737-742d171527bd'].url} />
+============
+>>>>>>>>
+<<<<<<< HEAD
+============
+<div className="selectcatsh ">
+<img className="shbg " src={this.state.resList['8b464624-24b0-46ae-ab4a-65928d4784c7'].url} />
+<img className="shimg " src={this.state.resList['fe52ffae-fadd-40f3-97b5-d3d56fd04781'].url} />
+<span className="shname ">田园橘猫</span>
+<img className="shsure " src={this.state.resList['f956cda2-5eef-4942-8737-742d171527bd'].url} />
+>>>>>>>>
+</div>
+<<<<<<< HEAD
+<div className="selectcatxl">
+<img className="xlbg" src={this.state.resList['6a1a5aa9-affa-42e2-9703-ec36c33f0635'].url} />
+<img className="xlimg" src={this.state.resList['193f6955-d754-4b9f-80ca-b9b9a72e8a8b'].url} />
+<span className="xlname">田园橘猫</span>
+<img className="xlsure" src={this.state.resList['f956cda2-5eef-4942-8737-742d171527bd'].url} />
+============
+>>>>>>>>
+<<<<<<< HEAD
+============
+<div className="selectcatxl ">
+<img className="xlbg " src={this.state.resList['6a1a5aa9-affa-42e2-9703-ec36c33f0635'].url} />
+<img className="xlimg " src={this.state.resList['193f6955-d754-4b9f-80ca-b9b9a72e8a8b'].url} />
+<span className="xlname ">田园橘猫</span>
+<img className="xlsure " src={this.state.resList['f956cda2-5eef-4942-8737-742d171527bd'].url} />
+>>>>>>>>
+</div>
+<<<<<<< HEAD
+<div className="selectcatorge">
+<img className="orgebg" src={this.state.resList['8850353b-0a98-4335-9d46-a36678f44be0'].url} />
+<img className="orgeimg" src={this.state.resList['e28e5250-c740-4e4f-a855-c415c557e77e'].url} />
+<span className="orgename">田园橘猫</span>
+<img className="orgesure" src={this.state.resList['f956cda2-5eef-4942-8737-742d171527bd'].url} />
+============
+>>>>>>>>
+<<<<<<< HEAD
+============
+<div className="selectcatorge ">
+<img className="orgebg " src={this.state.resList['8850353b-0a98-4335-9d46-a36678f44be0'].url} />
+<img className="orgeimg " src={this.state.resList['e28e5250-c740-4e4f-a855-c415c557e77e'].url} />
+<span className="orgename ">田园橘猫</span>
+<img className="orgesure " src={this.state.resList['f956cda2-5eef-4942-8737-742d171527bd'].url} />
+>>>>>>>>
+</div>
+<<<<<<< HEAD
+<img className="selectcattrue" src={this.state.resList['628fc38b-7dc0-4c69-aac1-279d60c8f1ed'].url} />
+============
+>>>>>>>>
+<<<<<<< HEAD
+============
+<img className="selectcattrue " src={this.state.resList['628fc38b-7dc0-4c69-aac1-279d60c8f1ed'].url} />
+>>>>>>>>
+</div>
+);
+}
+}
+<<<<<<< HEAD
+export default Comselectcat;============
+>>>>>>>>
+<<<<<<< HEAD
+============
 export default Comselectcat;
+>>>>>>>>

project/src/components/comselectcat/comselectcat.less

 .selectcat {
-    width: 721px;
-    height: 943px;
-    opacity: 1;
-    left: 15px;
-    top: 300px;
-    position: absolute;
-    transform-origin: 0px 0px 0px;
-    .selectcatbg {
-      width: 721px;
-      height: 943px;
-      opacity: 1;
-      position: absolute;
-      transform-origin: 0px 0px 0px;
-      left: 0px;
-      top: 0px;
-    }
-    .selectcatblue {
-      width: 303px;
-      height: 272px;
-      opacity: 1;
-      left: 377px;
-      top: 501px;
-      position: absolute;
-      transform-origin: 0px 0px 0px;
-      .bluebg {
-        width: 303px;
-        height: 272px;
-        opacity: 1;
-        position: absolute;
-        transform-origin: 0px 0px 0px;
-      }
-      .blueimg {
-        width: 161px;
-        height: 145px;
-        opacity: 1;
-        left: 68px;
-        top: 32px;
-        position: absolute;
-        transform-origin: 0px 0px 0px;
-      }
-      .bluename {
-        width: 244px;
-        height: 26px;
-        opacity: 1;
-        left: 26px;
-        top: 198px;
-        position: absolute;
-        transform-origin: 0px 0px 0px;
-        font-size: 28px;
-        color: rgba(104, 91, 78, 1);
-        text-align: center;
-      }
-      .bluesure {
-        width: 68px;
-        height: 53px;
-        opacity: 1;
-        left: 224px;
-        top: 172px;
-        position: absolute;
-        transform-origin: 0px 0px 0px;
-      }
-    }
-    .selectcatsh {
-      width: 302px;
-      height: 272px;
-      opacity: 1;
-      left: 43px;
-      top: 501px;
-      position: absolute;
-      transform-origin: 0px 0px 0px;
-      .shbg {
-        width: 302px;
-        height: 272px;
-        opacity: 1;
-        position: absolute;
-        transform-origin: 0px 0px 0px;
-      }
-      .shimg {
-        width: 173px;
-        height: 138px;
-        opacity: 1;
-        left: 59px;
-        top: 43px;
-        position: absolute;
-        transform-origin: 0px 0px 0px;
-      }
-      .shname {
-        width: 244px;
-        height: 26px;
-        opacity: 1;
-        left: 26px;
-        top: 198px;
-        position: absolute;
-        transform-origin: 0px 0px 0px;
-        font-size: 28px;
-        color: rgba(104, 91, 78, 1);
-        text-align: center;
-      }
-      .shsure {
-        width: 68px;
-        height: 53px;
-        opacity: 1;
-        left: 224px;
-        top: 172px;
-        position: absolute;
-        transform-origin: 0px 0px 0px;
-      }
-    }
-    .selectcatxl {
-      width: 303px;
-      height: 271px;
-      opacity: 1;
-      left: 377px;
-      top: 197px;
-      position: absolute;
-      transform-origin: 0px 0px 0px;
-      .xlbg {
-        width: 303px;
-        height: 271px;
-        opacity: 1;
-        position: absolute;
-        transform-origin: 0px 0px 0px;
-      }
-      .xlimg {
-        width: 157px;
-        height: 153px;
-        opacity: 1;
-        left: 72px;
-        top: 29px;
-        position: absolute;
-        transform-origin: 0px 0px 0px;
-      }
-      .xlname {
-        width: 244px;
-        height: 26px;
-        opacity: 1;
-        left: 26px;
-        top: 198px;
-        position: absolute;
-        transform-origin: 0px 0px 0px;
-        font-size: 28px;
-        color: rgba(104, 91, 78, 1);
-        text-align: center;
-      }
-      .xlsure {
-        width: 68px;
-        height: 53px;
-        opacity: 1;
-        left: 224px;
-        top: 172px;
-        position: absolute;
-        transform-origin: 0px 0px 0px;
-      }
-    }
-    .selectcatorge {
-      width: 302px;
-      height: 271px;
-      opacity: 1;
-      left: 43px;
-      top: 197px;
-      position: absolute;
-      transform-origin: 0px 0px 0px;
-      .orgebg {
-        width: 302px;
-        height: 271px;
-        opacity: 1;
-        position: absolute;
-        transform-origin: 0px 0px 0px;
-      }
-      .orgeimg {
-        width: 164px;
-        height: 141px;
-        opacity: 1;
-        left: 67px;
-        top: 36px;
-        position: absolute;
-        transform-origin: 0px 0px 0px;
-      }
-      .orgename {
-        width: 244px;
-        height: 26px;
-        opacity: 1;
-        left: 26px;
-        top: 198px;
-        position: absolute;
-        transform-origin: 0px 0px 0px;
-        font-size: 28px;
-        color: rgba(104, 91, 78, 1);
-        text-align: center;
-      }
-      .orgesure {
-        width: 68px;
-        height: 53px;
-        opacity: 1;
-        left: 224px;
-        top: 172px;
-        position: absolute;
-        transform-origin: 0px 0px 0px;
-      }
-    }
-    .selectcattrue {
-      width: 352px;
-      height: 106px;
-      opacity: 1;
-      left: 185px;
-      top: 804px;
-      position: absolute;
-      transform-origin: 0px 0px 0px;
-    }
-  }
\ No newline at end of file
+width: 721px;
+height: 943px;
+opacity: 1;
+left: 15px;
+top: 300px;
+position: absolute;
+transform-origin: 0px 0px 0px;
+.selectcatbg {
+width: 721px;
+height: 943px;
+opacity: 1;
+position: absolute;
+transform-origin: 0px 0px 0px;
+left: 0px;
+top: 0px;
+}
+.selectcatblue {
+width: 303px;
+height: 272px;
+opacity: 1;
+left: 377px;
+top: 501px;
+position: absolute;
+transform-origin: 0px 0px 0px;
+.bluebg {
+width: 303px;
+height: 272px;
+opacity: 1;
+position: absolute;
+transform-origin: 0px 0px 0px;
+}
+.blueimg {
+width: 161px;
+height: 145px;
+opacity: 1;
+left: 68px;
+top: 32px;
+position: absolute;
+transform-origin: 0px 0px 0px;
+}
+.bluename {
+width: 244px;
+height: 26px;
+opacity: 1;
+left: 26px;
+top: 198px;
+position: absolute;
+transform-origin: 0px 0px 0px;
+font-size: 28px;
+color: rgba(104, 91, 78, 1);
+text-align: center;
+}
+.bluesure {
+width: 68px;
+height: 53px;
+opacity: 1;
+left: 224px;
+top: 172px;
+position: absolute;
+transform-origin: 0px 0px 0px;
+}
+}
+.selectcatsh {
+width: 302px;
+height: 272px;
+opacity: 1;
+left: 43px;
+top: 501px;
+position: absolute;
+transform-origin: 0px 0px 0px;
+.shbg {
+width: 302px;
+height: 272px;
+opacity: 1;
+position: absolute;
+transform-origin: 0px 0px 0px;
+}
+.shimg {
+width: 173px;
+height: 138px;
+opacity: 1;
+left: 59px;
+top: 43px;
+position: absolute;
+transform-origin: 0px 0px 0px;
+}
+.shname {
+width: 244px;
+height: 26px;
+opacity: 1;
+left: 26px;
+top: 198px;
+position: absolute;
+transform-origin: 0px 0px 0px;
+font-size: 28px;
+color: rgba(104, 91, 78, 1);
+text-align: center;
+}
+.shsure {
+width: 68px;
+height: 53px;
+opacity: 1;
+left: 224px;
+top: 172px;
+position: absolute;
+transform-origin: 0px 0px 0px;
+}
+}
+.selectcatxl {
+width: 303px;
+height: 271px;
+opacity: 1;
+left: 377px;
+top: 197px;
+position: absolute;
+transform-origin: 0px 0px 0px;
+.xlbg {
+width: 303px;
+height: 271px;
+opacity: 1;
+position: absolute;
+transform-origin: 0px 0px 0px;
+}
+.xlimg {
+width: 157px;
+height: 153px;
+opacity: 1;
+left: 72px;
+top: 29px;
+position: absolute;
+transform-origin: 0px 0px 0px;
+}
+.xlname {
+width: 244px;
+height: 26px;
+opacity: 1;
+left: 26px;
+top: 198px;
+position: absolute;
+transform-origin: 0px 0px 0px;
+font-size: 28px;
+color: rgba(104, 91, 78, 1);
+text-align: center;
+}
+.xlsure {
+width: 68px;
+height: 53px;
+opacity: 1;
+left: 224px;
+top: 172px;
+position: absolute;
+transform-origin: 0px 0px 0px;
+}
+}
+.selectcatorge {
+width: 302px;
+height: 271px;
+opacity: 1;
+left: 43px;
+top: 197px;
+position: absolute;
+transform-origin: 0px 0px 0px;
+.orgebg {
+width: 302px;
+height: 271px;
+opacity: 1;
+position: absolute;
+transform-origin: 0px 0px 0px;
+}
+.orgeimg {
+width: 164px;
+height: 141px;
+opacity: 1;
+left: 67px;
+top: 36px;
+position: absolute;
+transform-origin: 0px 0px 0px;
+}
+.orgename {
+width: 244px;
+height: 26px;
+opacity: 1;
+left: 26px;
+top: 198px;
+position: absolute;
+transform-origin: 0px 0px 0px;
+font-size: 28px;
+color: rgba(104, 91, 78, 1);
+text-align: center;
+}
+.orgesure {
+width: 68px;
+height: 53px;
+opacity: 1;
+left: 224px;
+top: 172px;
+position: absolute;
+transform-origin: 0px 0px 0px;
+}
+}
+.selectcattrue {
+width: 352px;
+height: 106px;
+opacity: 1;
+left: 185px;
+top: 804px;
+position: absolute;
+transform-origin: 0px 0px 0px;
+}
+<<<<<<< HEAD
+}============
+>>>>>>>>
+<<<<<<< HEAD
+============
+}
+>>>>>>>>

project/src/pages/pagedan_chuang11/pagedan_chuang11.jsx

+'use strict';
+
+import React, { Component } from 'react';
+import resList from '../../resconfig/resList';
+//import API from '../../api';
+
+import './pagedan_chuang11.less';
+class Pagedan_chuang11 extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { resList: resList };
+  }
+  render() {
+    return (
+      <div className="dan_chuang11 ">
+        <div className="ju_xing3090 " />
+      </div>
+    );
+  }
+}
+export default Pagedan_chuang11;

project/src/pages/pagedan_chuang11/pagedan_chuang11.less

+.dan_chuang11 {
+  width: 921px;
+  height: 1758px;
+  opacity: 1;
+  left: -38px;
+  top: -44px;
+  position: absolute;
+  transform-origin: 0px 0px 0px;
+  display: none;
+  .ju_xing3090 {
+    width: 921px;
+    height: 1758px;
+    opacity: 0.5019607843137255;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    background-color: rgba(0, 0, 0, 1);
+  }
+}

project/src/pages/pagedui_huan_cheng_gong/pagedui_huan_cheng_gong.jsx

+'use strict';
+
+import React, { Component } from 'react';
+import resList from '../../resconfig/resList';
+//import API from '../../api';
+
+import './pagedui_huan_cheng_gong.less';
+class Pagedui_huan_cheng_gong extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { resList: resList };
+  }
+  render() {
+    return (
+      <div className="dui_huan_cheng_gong ">
+        <img className="di47 " src={this.state.resList['05c4f778-f591-4c20-9788-705961908161'].url} />
+        <img
+          className="yuan_jiao_ju_xing119746 "
+          src={this.state.resList['563b6c6c-020c-4224-9e27-18e40ec924ab'].url}
+        />
+        <span className="huo_dexxxx ">获得 XXXX</span>
+        <span className="jiang_pin_tu_pian45 ">奖品图片</span>
+        <img className="an_niu44 " src={this.state.resList['b701826c-63c5-4490-a380-52f273dad9af'].url} />
+      </div>
+    );
+  }
+}
+export default Pagedui_huan_cheng_gong;

project/src/pages/pagedui_huan_cheng_gong/pagedui_huan_cheng_gong.less

+.dui_huan_cheng_gong {
+  width: 750px;
+  height: 1093px;
+  opacity: 1;
+  top: 221px;
+  position: absolute;
+  transform-origin: 0px 0px 0px;
+  .di47 {
+    width: 750px;
+    height: 1093px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .yuan_jiao_ju_xing119746 {
+    width: 362px;
+    height: 301px;
+    opacity: 1;
+    left: 196px;
+    top: 376px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .huo_dexxxx {
+    width: 164px;
+    height: 35px;
+    opacity: 1;
+    left: 295px;
+    top: 315px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    font-size: 36px;
+    color: rgba(231, 72, 70, 1);
+  }
+  .jiang_pin_tu_pian45 {
+    width: 138px;
+    height: 31px;
+    opacity: 1;
+    left: 308px;
+    top: 511px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    font-size: 12.14767px;
+    color: rgba(104, 91, 78, 1);
+  }
+  .an_niu44 {
+    width: 351px;
+    height: 105px;
+    opacity: 1;
+    left: 201px;
+    top: 773px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+}

project/src/pages/pagemao_mi_de_liu_yan/pagemao_mi_de_liu_yan.jsx

+'use strict';
+
+import React, { Component } from 'react';
+import resList from '../../resconfig/resList';
+//import API from '../../api';
+
+import './pagemao_mi_de_liu_yan.less';
+class Pagemao_mi_de_liu_yan extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { resList: resList };
+  }
+  render() {
+    return (
+      <div className="mao_mi_de_liu_yan ">
+        <img className="di51 " src={this.state.resList['ed31e83e-535d-45bf-ba5b-20827a4cd104'].url} />
+        <span className="mao_mi_ming_zi_liu ">猫咪名字 留</span>
+        <img className="an_niu50 " src={this.state.resList['c68019be-dab4-42bc-bacd-d56091f8d3c2'].url} />
+        <span className="label ">铲屎官，俺出去逛逛，</span>
+      </div>
+    );
+  }
+}
+export default Pagemao_mi_de_liu_yan;

project/src/pages/pagemao_mi_de_liu_yan/pagemao_mi_de_liu_yan.less

+.mao_mi_de_liu_yan {
+  width: 676px;
+  height: 650px;
+  opacity: 1;
+  left: 40px;
+  top: 418px;
+  position: absolute;
+  transform-origin: 0px 0px 0px;
+  .di51 {
+    width: 676px;
+    height: 650px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .mao_mi_ming_zi_liu {
+    width: 142px;
+    height: 25px;
+    opacity: 1;
+    left: 268px;
+    top: 355px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    font-size: 26px;
+    color: rgba(104, 91, 78, 1);
+  }
+  .an_niu50 {
+    width: 352px;
+    height: 106px;
+    opacity: 1;
+    left: 161px;
+    top: 510px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .label {
+    width: 578px;
+    height: 58px;
+    opacity: 1;
+    display: block;
+    left: 52px;
+    top: 148px;
+    position: absolute;
+    font-size: 36px;
+    color: rgba(undefined, undefined, undefined, undefined);
+    transform-origin: 0px 0px 0px;
+    text-align: center;
+  }
+}

project/src/pages/pagemao_mi_sheng_ji/pagemao_mi_sheng_ji.jsx

+'use strict';
+
+import React, { Component } from 'react';
+import resList from '../../resconfig/resList';
+//import API from '../../api';
+
+import './pagemao_mi_sheng_ji.less';
+class Pagemao_mi_sheng_ji extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { resList: resList };
+  }
+  render() {
+    return (
+      <div className="mao_mi_sheng_ji ">
+        <img className="di34 " src={this.state.resList['2c67981f-5186-4b18-bf0b-ccc6a79192bf'].url} />
+        <span className="jing_li_shang_xian1200_jing_li_shang_xian1500 ">精力上限1200 → 精力上限1500</span>
+        <span className="huo_de_sheng_ji_li_bao ">获得升级礼包</span>
+        <img
+          className="yuan_jiao_ju_xing119733 "
+          src={this.state.resList['563b6c6c-020c-4224-9e27-18e40ec924ab'].url}
+        />
+        <span className="jiang_pin_tu_pian32 ">奖品图片</span>
+        <img className="an_niu31 " src={this.state.resList['b701826c-63c5-4490-a380-52f273dad9af'].url} />
+      </div>
+    );
+  }
+}
+export default Pagemao_mi_sheng_ji;

project/src/pages/pagemao_mi_sheng_ji/pagemao_mi_sheng_ji.less

+.mao_mi_sheng_ji {
+  width: 750px;
+  height: 1093px;
+  opacity: 1;
+  top: 221px;
+  position: absolute;
+  transform-origin: 0px 0px 0px;
+  .di34 {
+    width: 750px;
+    height: 1093px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .jing_li_shang_xian1200_jing_li_shang_xian1500 {
+    width: 371px;
+    height: 26px;
+    opacity: 1;
+    left: 191px;
+    top: 711px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    font-size: 26px;
+    color: rgba(87, 71, 56, 1);
+  }
+  .huo_de_sheng_ji_li_bao {
+    width: 206px;
+    height: 35px;
+    opacity: 1;
+    left: 274px;
+    top: 314px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    font-size: 36px;
+    color: rgba(231, 72, 70, 1);
+  }
+  .yuan_jiao_ju_xing119733 {
+    width: 362px;
+    height: 301px;
+    opacity: 1;
+    left: 196px;
+    top: 376px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .jiang_pin_tu_pian32 {
+    width: 138px;
+    height: 31px;
+    opacity: 1;
+    left: 308px;
+    top: 511px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    font-size: 12.14767px;
+    color: rgba(104, 91, 78, 1);
+  }
+  .an_niu31 {
+    width: 351px;
+    height: 105px;
+    opacity: 1;
+    left: 201px;
+    top: 773px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+}

project/src/pages/pagemei_ri_ren_wu/pagemei_ri_ren_wu.jsx

+'use strict';
+
+import React, { Component } from 'react';
+import resList from '../../resconfig/resList';
+//import API from '../../api';
+
+import './pagemei_ri_ren_wu.less';
+class Pagemei_ri_ren_wu extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { resList: resList };
+  }
+  render() {
+    return (
+      <div className="mei_ri_ren_wu ">
+        <img className="di84 " src={this.state.resList['b91a1bd5-2962-4f1a-81f6-065c18c84b60'].url} />
+        <img className="cha_cha " src={this.state.resList['170e23fc-4e05-4dea-bbc4-96f11e632e99'].url} />
+        <div className="tu_ceng178 ">
+          <img className="di83 " src={this.state.resList['5bae0e46-a031-46e9-b63c-0912da12c627'].url} />
+          <img className="tu_biao82 " src={this.state.resList['9ba15e89-1667-4c66-9865-36fd161dd781'].url} />
+          <img className="zhi_hui_an_niu " src={this.state.resList['f4913b2f-7ebc-4430-8e53-052b914b2cb7'].url} />
+          <div className="wen_an80 ">
+            <span className="qian_dao ">签到</span>
+            <span className="jing_li1081 ">精力 +10</span>
+          </div>
+          <span className="tu_ceng101079 ">（10/10）</span>
+        </div>
+        <div className="tu_ceng272 ">
+          <img className="di77 " src={this.state.resList['37893a10-1f25-4b9d-b1e3-c1f51d959b67'].url} />
+          <div className="wen_an75 ">
+            <span className="yao_qing_hao_you ">邀请好友</span>
+            <span className="jing_li1076 ">精力 +10</span>
+          </div>
+          <img className="tu_biao74 " src={this.state.resList['7636eaba-d8d6-4016-ac79-5087b3571d0f'].url} />
+          <img className="dian_liang_an_niu " src={this.state.resList['fbcdff91-9a4c-4e57-aaf2-9dad2d2da4bf'].url} />
+          <span className="tu_ceng101073 ">（10/10）</span>
+        </div>
+        <div className="tu_ceng365 ">
+          <img className="di71 " src={this.state.resList['37893a10-1f25-4b9d-b1e3-c1f51d959b67'].url} />
+          <div className="wen_an69 ">
+            <span className="shou_cang_shang_pin ">收藏商品</span>
+            <span className="jing_li1070 ">精力 +10</span>
+          </div>
+          <img className="tu_biao68 " src={this.state.resList['a3c512dd-83b4-466a-858b-8cd8bcb2f902'].url} />
+          <img className="an_niu67 " src={this.state.resList['88a046c2-df78-46e8-b7ba-6f1b3a77bce7'].url} />
+          <span className="tu_ceng101066 ">（10/10）</span>
+        </div>
+        <div className="tu_ceng458 ">
+          <img className="di64 " src={this.state.resList['37893a10-1f25-4b9d-b1e3-c1f51d959b67'].url} />
+          <img className="an_niu63 " src={this.state.resList['76eee716-8182-4eeb-86ab-2bc8529b1bc4'].url} />
+          <div className="wen_an60 ">
+            <span className="qu_tian_mao_xiao_yuan_dian_ka_pei_xiao_fei ">去天猫校园店/咖啡消费</span>
+            <span className="tu_ceng101062 ">（10/10）</span>
+            <span className="jing_li1061 ">精力 +10</span>
+          </div>
+          <img className="tu_biao59 " src={this.state.resList['8848a9b1-9b47-4490-b43b-71b296d925a8'].url} />
+        </div>
+        <div className="tu_ceng5 ">
+          <img className="di57 " src={this.state.resList['37893a10-1f25-4b9d-b1e3-c1f51d959b67'].url} />
+          <div className="wen_an55 ">
+            <span className="tian_mao_dian_pu_xiao_fei ">天猫店铺消费</span>
+            <span className="jing_li1056 ">精力 +10</span>
+          </div>
+          <img className="tu_biao54 " src={this.state.resList['978986db-0de3-4bac-b455-c8ee35f4b3de'].url} />
+          <img className="ling_qu_an_niu " src={this.state.resList['7596e77c-eb19-465c-94c7-d7a76a5c7932'].url} />
+          <span className="tu_ceng101053 ">（10/10）</span>
+        </div>
+        <div className="ti_shi1 ">
+          <img className="di52 " src={this.state.resList['c6625a32-6100-47e6-a9ed-cd146a7f4bd8'].url} />
+          <span className="jing_li_da_dao_shang_shang_xian_liao_wu_fa_ling_qu_miao ">
+            精力达到上上限了，无法领取喵～
+          </span>
+        </div>
+      </div>
+    );
+  }
+}
+export default Pagemei_ri_ren_wu;

project/src/pages/pagemei_ri_ren_wu/pagemei_ri_ren_wu.less

+.mei_ri_ren_wu {
+  width: 750px;
+  height: 948px;
+  opacity: 1;
+  top: 676px;
+  position: absolute;
+  transform-origin: 0px 0px 0px;
+  .di84 {
+    width: 750px;
+    height: 948px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .cha_cha {
+    width: 57px;
+    height: 57px;
+    opacity: 1;
+    left: 684px;
+    top: 53px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .tu_ceng178 {
+    width: 670px;
+    height: 143px;
+    opacity: 1;
+    left: 40px;
+    top: 161px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    .di83 {
+      width: 670px;
+      height: 143px;
+      opacity: 1;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+    .tu_biao82 {
+      width: 90px;
+      height: 91px;
+      opacity: 1;
+      left: 26px;
+      top: 26px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+    .zhi_hui_an_niu {
+      width: 165px;
+      height: 61px;
+      opacity: 1;
+      left: 480px;
+      top: 27px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+    .wen_an80 {
+      width: 118px;
+      height: 66px;
+      opacity: 1;
+      left: 139px;
+      top: 37px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      .qian_dao {
+        width: 52px;
+        height: 26px;
+        opacity: 1;
+        left: 1px;
+        position: absolute;
+        transform-origin: 0px 0px 0px;
+        font-size: 28px;
+        color: rgba(104, 91, 78, 1);
+      }
+      .jing_li1081 {
+        width: 118px;
+        height: 24px;
+        opacity: 1;
+        top: 42px;
+        position: absolute;
+        transform-origin: 0px 0px 0px;
+        font-size: 26px;
+        color: rgba(57, 171, 237, 1);
+      }
+    }
+    .tu_ceng101079 {
+      width: 90px;
+      height: 22px;
+      opacity: 1;
+      left: 518px;
+      top: 96px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      font-size: 24px;
+      color: rgba(104, 91, 78, 1);
+    }
+  }
+  .tu_ceng272 {
+    width: 670px;
+    height: 143px;
+    opacity: 1;
+    left: 40px;
+    top: 313px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    .di77 {
+      width: 670px;
+      height: 143px;
+      opacity: 1;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+    .wen_an75 {
+      width: 118px;
+      height: 66px;
+      opacity: 1;
+      left: 139px;
+      top: 37px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      .yao_qing_hao_you {
+        width: 109px;
+        height: 27px;
+        opacity: 1;
+        position: absolute;
+        transform-origin: 0px 0px 0px;
+        font-size: 28px;
+        color: rgba(104, 91, 78, 1);
+      }
+      .jing_li1076 {
+        width: 118px;
+        height: 24px;
+        opacity: 1;
+        top: 42px;
+        position: absolute;
+        transform-origin: 0px 0px 0px;
+        font-size: 26px;
+        color: rgba(57, 171, 237, 1);
+      }
+    }
+    .tu_biao74 {
+      width: 90px;
+      height: 91px;
+      opacity: 1;
+      left: 26px;
+      top: 26px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+    .dian_liang_an_niu {
+      width: 165px;
+      height: 61px;
+      opacity: 1;
+      left: 480px;
+      top: 27px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+    .tu_ceng101073 {
+      width: 90px;
+      height: 22px;
+      opacity: 1;
+      left: 518px;
+      top: 95px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      font-size: 24px;
+      color: rgba(104, 91, 78, 1);
+    }
+  }
+  .tu_ceng365 {
+    width: 670px;
+    height: 143px;
+    opacity: 1;
+    left: 40px;
+    top: 465px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    .di71 {
+      width: 670px;
+      height: 143px;
+      opacity: 1;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+    .wen_an69 {
+      width: 118px;
+      height: 66px;
+      opacity: 1;
+      left: 139px;
+      top: 37px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      .shou_cang_shang_pin {
+        width: 107px;
+        height: 27px;
+        opacity: 1;
+        left: 1px;
+        position: absolute;
+        transform-origin: 0px 0px 0px;
+        font-size: 28px;
+        color: rgba(104, 91, 78, 1);
+      }
+      .jing_li1070 {
+        width: 118px;
+        height: 24px;
+        opacity: 1;
+        top: 42px;
+        position: absolute;
+        transform-origin: 0px 0px 0px;
+        font-size: 26px;
+        color: rgba(57, 171, 237, 1);
+      }
+    }
+    .tu_biao68 {
+      width: 90px;
+      height: 91px;
+      opacity: 1;
+      left: 26px;
+      top: 26px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+    .an_niu67 {
+      width: 165px;
+      height: 61px;
+      opacity: 1;
+      left: 480px;
+      top: 27px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+    .tu_ceng101066 {
+      width: 90px;
+      height: 22px;
+      opacity: 1;
+      left: 518px;
+      top: 95px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      font-size: 24px;
+      color: rgba(104, 91, 78, 1);
+    }
+  }
+  .tu_ceng458 {
+    width: 670px;
+    height: 143px;
+    opacity: 1;
+    left: 40px;
+    top: 617px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    .di64 {
+      width: 670px;
+      height: 143px;
+      opacity: 1;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+    .an_niu63 {
+      width: 165px;
+      height: 61px;
+      opacity: 1;
+      left: 480px;
+      top: 27px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+    .wen_an60 {
+      width: 469px;
+      height: 82px;
+      opacity: 1;
+      left: 139px;
+      top: 37px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      .qu_tian_mao_xiao_yuan_dian_ka_pei_xiao_fei {
+        width: 287px;
+        height: 27px;
+        opacity: 1;
+        left: 1px;
+        position: absolute;
+        transform-origin: 0px 0px 0px;
+        font-size: 28px;
+        color: rgba(104, 91, 78, 1);
+      }
+      .tu_ceng101062 {
+        width: 90px;
+        height: 22px;
+        opacity: 1;
+        left: 379px;
+        top: 60px;
+        position: absolute;
+        transform-origin: 0px 0px 0px;
+        font-size: 24px;
+        color: rgba(104, 91, 78, 1);
+      }
+      .jing_li1061 {
+        width: 118px;
+        height: 24px;
+        opacity: 1;
+        top: 42px;
+        position: absolute;
+        transform-origin: 0px 0px 0px;
+        font-size: 26px;
+        color: rgba(57, 171, 237, 1);
+      }
+    }
+    .tu_biao59 {
+      width: 90px;
+      height: 91px;
+      opacity: 1;
+      left: 26px;
+      top: 26px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+  }
+  .tu_ceng5 {
+    width: 670px;
+    height: 143px;
+    opacity: 1;
+    left: 40px;
+    top: 769px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    .di57 {
+      width: 670px;
+      height: 143px;
+      opacity: 1;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+    .wen_an55 {
+      width: 163px;
+      height: 66px;
+      opacity: 1;
+      left: 139px;
+      top: 39px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      .tian_mao_dian_pu_xiao_fei {
+        width: 162px;
+        height: 27px;
+        opacity: 1;
+        left: 1px;
+        position: absolute;
+        transform-origin: 0px 0px 0px;
+        font-size: 28px;
+        color: rgba(104, 91, 78, 1);
+      }
+      .jing_li1056 {
+        width: 116px;
+        height: 24px;
+        opacity: 1;
+        top: 42px;
+        position: absolute;
+        transform-origin: 0px 0px 0px;
+        font-size: 26px;
+        color: rgba(57, 171, 237, 1);
+      }
+    }
+    .tu_biao54 {
+      width: 90px;
+      height: 91px;
+      opacity: 1;
+      left: 26px;
+      top: 26px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+    .ling_qu_an_niu {
+      width: 165px;
+      height: 61px;
+      opacity: 1;
+      left: 480px;
+      top: 27px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+    .tu_ceng101053 {
+      width: 90px;
+      height: 22px;
+      opacity: 1;
+      left: 518px;
+      top: 96px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      font-size: 24px;
+      color: rgba(104, 91, 78, 1);
+    }
+  }
+  .ti_shi1 {
+    width: 465px;
+    height: 42px;
+    opacity: 1;
+    left: 144px;
+    top: 278px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    .di52 {
+      width: 465px;
+      height: 42px;
+      opacity: 0.8;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+    .jing_li_da_dao_shang_shang_xian_liao_wu_fa_ling_qu_miao {
+      width: 348px;
+      height: 24px;
+      opacity: 1;
+      left: 59px;
+      top: 8px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      font-size: 24px;
+      color: rgba(248, 241, 235, 1);
+    }
+  }
+}

project/src/pages/pageshop/pageshop.jsx

+'use strict';
+
+import React, { Component } from 'react';
+import resList from '../../resconfig/resList';
+//import API from '../../api';
+
+import './pageshop.less';
+class Pageshop extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { resList: resList };
+  }
+  render() {
+    return (
+      <div className="shop ">
+        <img className="shopbg " src={this.state.resList['da6bc001-768a-4b1c-95af-a9a8853ef6f9'].url} />
+        <div className="shopitem ">
+          <img className="shopitem_bg2 " src={this.state.resList['a5230993-3870-4a91-bdd1-ffc4782770d0'].url} />
+          <img className="shopitem_bg1 " src={this.state.resList['dd4ee407-16e4-4cb7-9eba-365b33f466a3'].url} />
+          <img className="shopitem_disabledbtn " src={this.state.resList['8d08152f-311a-446a-a15a-ff02ebed0139'].url} />
+          <img className="shopitem_buybtn " src={this.state.resList['dd8ea96e-e33f-4f5d-b31f-29f332c3c867'].url} />
+          <span className="shopitem_txt ">101010</span>
+          <span className="shopitem_name ">商品名商品名商品名</span>
+        </div>
+        <span className="shop_gold ">101010</span>
+        <img className="shop_backbtn " src={this.state.resList['bdab9777-8a4d-4659-ba23-66aaddb7fa5b'].url} />
+      </div>
+    );
+  }
+}
+export default Pageshop;

project/src/pages/pageshop/pageshop.less

+.shop {
+  width: 750px;
+  height: 1624px;
+  opacity: 1;
+  position: absolute;
+  transform-origin: 0px 0px 0px;
+  .shopbg {
+    width: 750px;
+    height: 1624px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .shopitem {
+    width: 309px;
+    height: 324px;
+    opacity: 1;
+    left: 54px;
+    top: 254px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    .shopitem_bg2 {
+      width: 309px;
+      height: 324px;
+      opacity: 1;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+    .shopitem_bg1 {
+      width: 224px;
+      height: 161px;
+      opacity: 1;
+      left: 45px;
+      top: 29px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+    .shopitem_disabledbtn {
+      width: 209px;
+      height: 60px;
+      opacity: 1;
+      left: 49px;
+      top: 241px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+    .shopitem_buybtn {
+      width: 217px;
+      height: 68px;
+      opacity: 1;
+      left: 45px;
+      top: 237px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+    .shopitem_txt {
+      width: 88px;
+      height: 20px;
+      opacity: 1;
+      left: 136px;
+      top: 261px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      font-size: 21.79723px;
+      color: rgba(71, 69, 67, 1);
+    }
+    .shopitem_name {
+      width: 209px;
+      height: 23px;
+      opacity: 1;
+      left: 51px;
+      top: 203px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      font-size: 20.12052px;
+      color: rgba(71, 69, 67, 1);
+    }
+  }
+  .shop_gold {
+    width: 98px;
+    height: 21px;
+    opacity: 1;
+    left: 348px;
+    top: 151px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    font-size: 23.47394px;
+    color: rgba(123, 100, 78, 1);
+  }
+  .shop_backbtn {
+    width: 67px;
+    height: 67px;
+    opacity: 1;
+    left: 48px;
+    top: 41px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+}

project/src/pages/pagetian_mao_xiao_yuan_you_xi_ye_xing_huo/pagetian_mao_xiao_yuan_you_xi_ye_xing_huo.jsx

+'use strict';
+
+import React, { Component } from 'react';
+import resList from '../../resconfig/resList';
+//import API from '../../api';
+
+import './pagetian_mao_xiao_yuan_you_xi_ye_xing_huo.less';
+class Pagetian_mao_xiao_yuan_you_xi_ye_xing_huo extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { resList: resList };
+  }
+  render() {
+    return (
+      <div className="tian_mao_xiao_yuan_you_xi_ye_xing_huo ">
+        <div className="you_xi_ye1 ">
+          <div className="chang_jing ">
+            <img className="qin_shi " src={this.state.resList['ceb650c2-9620-4b5b-ad34-c95af25d77ce'].url} />
+            <img className="cao_chang " src={this.state.resList['52c9cc35-c220-4dac-9c26-639b88a043b3'].url} />
+            <img className="jiao_shi " src={this.state.resList['3ebdda49-754c-42e5-bfb3-daefa9835fb5'].url} />
+          </div>
+          <div className="mao_de_zhuang_tai ">
+            <img className="wan_shua_mao " src={this.state.resList['483dbc34-2962-4483-8968-71e3cc5182b9'].url} />
+            <img className="mo_tou_mao " src={this.state.resList['42c18212-4b77-4374-9f6f-85dd3a51231b'].url} />
+            <img className="shui_jue_mao " src={this.state.resList['8177c25e-479a-4159-89c5-19553dfed48c'].url} />
+            <img className="shuo_hua_mao " src={this.state.resList['23c9550c-72a6-427f-aa1b-50373559a485'].url} />
+            <img className="shu_mao_mao " src={this.state.resList['f33f7958-d257-4908-9ec1-a2da61d964ae'].url} />
+            <img className="lu_mao_mao " src={this.state.resList['90cfa014-f89b-4bea-9f47-f44d4c1b6389'].url} />
+          </div>
+          <div className="liu_yan_xin_feng_dim ">
+            <div className="di9 ">
+              <img className="xia " src={this.state.resList['a2b95a3b-6e0a-492a-9a86-d01a6faf8cb4'].url} />
+              <div className="zi_tiao ">
+                <img className="ju_xing3591 " src={this.state.resList['e4dbd57c-f431-42e7-bbab-c12f09077d73'].url} />
+                <img className="tuo_yuan753 " src={this.state.resList['9b4f0172-309b-46b4-aabe-a05c1559953d'].url} />
+                <span className="chan_shi_guan_shou ">铲屎官收</span>
+              </div>
+              <div className="shang ">
+                <img className="ju_xing3590 " src={this.state.resList['a8495fbc-0762-4995-94d6-ea26bb272c8c'].url} />
+                <img
+                  className="xing_zhuang3593 "
+                  src={this.state.resList['4399e878-934c-41e6-bada-a886ebedb7fe'].url}
+                />
+              </div>
+            </div>
+            <span className="dian_ji_xin_feng_da_kai_kan_kan ">点击信封打开看看</span>
+          </div>
+          <div className="tu_biao ">
+            <img className="shu_maoicon " src={this.state.resList['aa17cfa9-f1db-47eb-9eeb-f5947b7f47a8'].url} />
+            <img className="lu_maoicon " src={this.state.resList['0b44efa9-1e8a-4c43-a2a5-93852d88918c'].url} />
+            <img className="mo_tou_shaicon " src={this.state.resList['b7ec0f16-ea48-4e41-8def-7cc660fa93d7'].url} />
+            <img className="wan_shuaicon " src={this.state.resList['922deced-62d2-4995-9dd6-82bc7913f362'].url} />
+            <img className="fan_huiicon " src={this.state.resList['55f703cd-f0d2-4ec1-9430-6193c1cbc1cb'].url} />
+            <img className="jiang_pinicon " src={this.state.resList['e8b083c7-307a-4446-9bc9-99f75c3573e5'].url} />
+            <img className="gong_lueicon " src={this.state.resList['e636bd22-361f-442a-8684-ccfe1141485a'].url} />
+            <img
+              className="bu_chong_jing_liicon "
+              src={this.state.resList['cdb8e186-9872-442e-b71e-bba0a9ce5846'].url}
+            />
+            <div className="tou_xiangicon ">
+              <div className="tou_xiang6 ">
+                <img className="di8 " src={this.state.resList['af4b699e-5152-4571-8c54-1c06eabf19e9'].url} />
+                <div className="tou_xiang7 ">
+                  <img className="tuo_yuan591 " src={this.state.resList['da6cd2f6-d145-40eb-a3a4-8063452101a7'].url} />
+                  <img className="tu_ceng592 " src={this.state.resList['f13fb0bb-6ad4-4494-bc78-bdf5cbaf8b0d'].url} />
+                </div>
+                <span className="xia_tiao_tiao ">虾条条</span>
+                <span className="lv1 ">Lv.1</span>
+              </div>
+            </div>
+            <div className="ji_fenicon ">
+              <img className="di5 " src={this.state.resList['f0810375-c8f1-4939-9b11-1cbde6840e2a'].url} />
+              <span className="tu_ceng101010 ">101010</span>
+            </div>
+            <div className="jin_du_tiao2 ">
+              <div className="zu265 ">
+                <img className="di4 " src={this.state.resList['fa59e617-f1d9-4065-85e1-6f6ebefb230f'].url} />
+                <img className="jin_du_tiao3 " src={this.state.resList['e00aee6d-2a90-4e92-b365-f031320d582c'].url} />
+                <img className="mao_zhua " src={this.state.resList['0eb9c19f-248e-4bf1-bffb-ea694a94b16f'].url} />
+              </div>
+              <span className="jing_li12001500 ">精力 1200 / 1500</span>
+              <img className="dui_hua_kuang " src={this.state.resList['74c7c0ac-885c-4dc3-b72d-d2ec32a53558'].url} />
+            </div>
+          </div>
+          <img className="ti_shi " src={this.state.resList['bcaf3af2-5ac6-4169-90ed-4333858e2521'].url} />
+        </div>
+      </div>
+    );
+  }
+}
+export default Pagetian_mao_xiao_yuan_you_xi_ye_xing_huo;

project/src/pages/pagetian_mao_xiao_yuanloading_ye/pagetian_mao_xiao_yuanloading_ye.jsx

+'use strict';
+
+import React, { Component } from 'react';
+import resList from '../../resconfig/resList';
+//import API from '../../api';
+
+import './pagetian_mao_xiao_yuanloading_ye.less';
+class Pagetian_mao_xiao_yuanloading_ye extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { resList: resList };
+  }
+  render() {
+    return (
+      <div className="tian_mao_xiao_yuanloading_ye ">
+        <div className="loding_ye11 ">
+          <img className="loading_di " src={this.state.resList['42084cc4-390d-4eee-8392-fbbe2e59455e'].url} />
+          <img
+            className="loading_dui_hua_kuang "
+            src={this.state.resList['1857a043-27d7-4925-9535-acb70ae3e90e'].url}
+          />
+          <div className="jin_du_tiaoloading ">
+            <img className="loding_tiao_di " src={this.state.resList['bd699d4f-af43-463f-b2ba-43e2803228a1'].url} />
+            <img className="jin_du_tiao4 " src={this.state.resList['efc21755-0441-41d5-b56f-d177026342d4'].url} />
+            <img className="zhua_zi " src={this.state.resList['d01a19e5-fa4f-40b9-a6dc-9d21e0cc756e'].url} />
+          </div>
+          <span className="mao_mi_jing_li_tiao_hui_fu_man_hou_jiu_bu_zai_hui_fu_liao_e ">
+            猫咪精力条恢复满后就不再恢复了哦～
+          </span>
+          <img className="mo_tou_mao2 " src={this.state.resList['4e3c6e09-0593-4818-976a-d73fe588580b'].url} />
+        </div>
+      </div>
+    );
+  }
+}
+export default Pagetian_mao_xiao_yuanloading_ye;

project/src/pages/pagetian_mao_xiao_yuanloading_ye/pagetian_mao_xiao_yuanloading_ye.less

+.tian_mao_xiao_yuanloading_ye {
+  top: 0px;
+  left: 0px;
+  width: 750px;
+  height: 1624px;
+  display: none;
+  position: absolute;
+  .loding_ye11 {
+    width: 750px;
+    height: 1624px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    .loading_di {
+      width: 750px;
+      height: 1624px;
+      opacity: 1;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+    .loading_dui_hua_kuang {
+      width: 365px;
+      height: 90px;
+      opacity: 1;
+      left: 268px;
+      top: 695px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+    .jin_du_tiaoloading {
+      width: 631px;
+      height: 76px;
+      opacity: 1;
+      left: 65px;
+      top: 1043px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      .loding_tiao_di {
+        width: 622px;
+        height: 59px;
+        opacity: 1;
+        top: 10px;
+        position: absolute;
+        transform-origin: 0px 0px 0px;
+      }
+      .jin_du_tiao4 {
+        width: 604px;
+        height: 41px;
+        opacity: 1;
+        left: 9px;
+        top: 19px;
+        position: absolute;
+        transform-origin: 0px 0px 0px;
+      }
+      .zhua_zi {
+        width: 90px;
+        height: 76px;
+        opacity: 1;
+        left: 541px;
+        position: absolute;
+        transform-origin: 0px 0px 0px;
+      }
+    }
+    .mao_mi_jing_li_tiao_hui_fu_man_hou_jiu_bu_zai_hui_fu_liao_e {
+      width: 453px;
+      height: 26px;
+      opacity: 1;
+      left: 150px;
+      top: 1134px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      font-size: 5.8843px;
+      color: rgba(71, 69, 67, 1);
+    }
+    .mo_tou_mao2 {
+      width: 563px;
+      height: 196px;
+      opacity: 1;
+      left: 91px;
+      top: 792px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+  }
+}

project/src/pages/pagewo_de_jiang_pin/pagewo_de_jiang_pin.jsx

+'use strict';
+
+import React, { Component } from 'react';
+import resList from '../../resconfig/resList';
+//import API from '../../api';
+
+import './pagewo_de_jiang_pin.less';
+class Pagewo_de_jiang_pin extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { resList: resList };
+  }
+  render() {
+    return (
+      <div className="wo_de_jiang_pin ">
+        <img className="bei_jing51 " src={this.state.resList['6d21c615-b90f-45c8-ba39-df49ac167cf2'].url} />
+        <div className="tu_ceng121 ">
+          <img className="di " src={this.state.resList['330c7d88-40c7-4c23-af59-69837ba5842e'].url} />
+          <div className="ju_xing150 " />
+          <div className="zu847 ">
+            <span className="xian_shi_hou_tai_pei_zhi_de_jiang_pin_ming_cheng49 ">显示后台配置的奖品名称</span>
+            <span className="qing_yu20202301420_qian_ling_qu48 ">请于2020.2.30 14:20前领取</span>
+            <img className="icon " src={this.state.resList['959c96e7-1df5-41a7-a94b-97225bb6038d'].url} />
+          </div>
+          <img className="li_ji_ling_qu " src={this.state.resList['e2db27e8-051d-472f-a966-ac9acfbf8398'].url} />
+        </div>
+        <div className="tu_ceng21 ">
+          <img
+            className="yuan_jiao_ju_xing86046 "
+            src={this.state.resList['330c7d88-40c7-4c23-af59-69837ba5842e'].url}
+          />
+          <div className="ju_xing145 " />
+          <div className="zu842 ">
+            <span className="xian_shi_hou_tai_pei_zhi_de_jiang_pin_ming_cheng44 ">显示后台配置的奖品名称</span>
+            <span className="qing_yu20202301420_qian_ling_qu43 ">请于2020.2.30 14:20前领取</span>
+          </div>
+          <img className="yi_ling_qu " src={this.state.resList['1c6b7b34-4d98-4a59-adf3-f3a99a8e2433'].url} />
+          <img className="hei_bai1_kao_bei41 " />
+        </div>
+        <div className="tu_ceng31 ">
+          <img
+            className="yuan_jiao_ju_xing86040 "
+            src={this.state.resList['330c7d88-40c7-4c23-af59-69837ba5842e'].url}
+          />
+          <div className="ju_xing139 " />
+          <div className="zu836 ">
+            <span className="xian_shi_hou_tai_pei_zhi_de_jiang_pin_ming_cheng38 ">显示后台配置的奖品名称</span>
+            <span className="qing_yu20202301420_qian_ling_qu37 ">请于2020.2.30 14:20前领取</span>
+          </div>
+          <img className="chong_xin_ling_qu " src={this.state.resList['0b73b3d9-fe14-4718-b98f-4af789883849'].url} />
+        </div>
+        <div className="tu_ceng41 ">
+          <img
+            className="yuan_jiao_ju_xing86035 "
+            src={this.state.resList['330c7d88-40c7-4c23-af59-69837ba5842e'].url}
+          />
+          <div className="ju_xing134 " />
+          <div className="zu831 ">
+            <span className="xian_shi_hou_tai_pei_zhi_de_jiang_pin_ming_cheng33 ">显示后台配置的奖品名称</span>
+            <span className="qing_yu20202301420_qian_ling_qu32 ">请于2020.2.30 14:20前领取</span>
+          </div>
+          <img className="fu_you_fei_ling_qu " src={this.state.resList['21a09955-5fa9-46ee-9078-3a7e07494d9e'].url} />
+        </div>
+        <div className="tu_ceng51 ">
+          <img
+            className="yuan_jiao_ju_xing86030 "
+            src={this.state.resList['330c7d88-40c7-4c23-af59-69837ba5842e'].url}
+          />
+          <div className="ju_xing129 " />
+          <div className="zu826 ">
+            <span className="xian_shi_hou_tai_pei_zhi_de_jiang_pin_ming_cheng28 ">显示后台配置的奖品名称</span>
+            <span className="qing_yu20202301420_qian_ling_qu27 ">请于2020.2.30 14:20前领取</span>
+            <span className="shi_bai_wen_an_miao_shu ">失败文案描述</span>
+          </div>
+          <img className="ling_qu_shi_bai25 " src={this.state.resList['74c28c99-adb9-4f95-86bd-547ee30831e8'].url} />
+          <img className="hei_bai1_kao_bei24 " />
+        </div>
+        <div className="tu_ceng61 ">
+          <img
+            className="yuan_jiao_ju_xing86023 "
+            src={this.state.resList['330c7d88-40c7-4c23-af59-69837ba5842e'].url}
+          />
+          <div className="ju_xing122 " />
+          <div className="zu819 ">
+            <span className="xian_shi_hou_tai_pei_zhi_de_jiang_pin_ming_cheng21 ">显示后台配置的奖品名称</span>
+            <span className="qing_yu20202301420_qian_ling_qu20 ">请于2020.2.30 14:20前领取</span>
+          </div>
+          <img className="ling_qu_shi_bai18 " src={this.state.resList['1993e8f1-375d-4386-b63d-f85745da93aa'].url} />
+        </div>
+        <div className="tu_ceng91 ">
+          <img
+            className="yuan_jiao_ju_xing86017 "
+            src={this.state.resList['eef9788e-5126-4e80-bf34-0a2616e32c54'].url}
+          />
+          <div className="ju_xing116 " />
+          <div className="zu814 ">
+            <span className="xian_shi_hou_tai_pei_zhi_de_jiang_pin_ming_cheng15 ">显示后台配置的奖品名称</span>
+            <span className="jiang_pin_yi_guo_qi_shi_xiao ">奖品已过期失效</span>
+            <span className="jiang_pin_bian_ma202020202020200202 ">奖品编码：202020202020200202</span>
+            <img className="iconcopy " src={this.state.resList['959c96e7-1df5-41a7-a94b-97225bb6038d'].url} />
+          </div>
+          <img className="yi_shi_xiao " src={this.state.resList['765898fe-3e98-4090-9a5f-b5749fc5911b'].url} />
+        </div>
+        <img className="iconcopy_kao_bei " src={this.state.resList['959c96e7-1df5-41a7-a94b-97225bb6038d'].url} />
+        <img className="iconcopy_kao_bei2 " src={this.state.resList['959c96e7-1df5-41a7-a94b-97225bb6038d'].url} />
+        <img className="iconcopy_kao_bei3 " src={this.state.resList['959c96e7-1df5-41a7-a94b-97225bb6038d'].url} />
+        <img className="iconcopy_kao_bei4 " src={this.state.resList['959c96e7-1df5-41a7-a94b-97225bb6038d'].url} />
+        <img className="iconcopy_kao_bei5 " src={this.state.resList['959c96e7-1df5-41a7-a94b-97225bb6038d'].url} />
+      </div>
+    );
+  }
+}
+export default Pagewo_de_jiang_pin;

project/src/pages/pagewu_liu_dan_chuang1/pagewu_liu_dan_chuang1.jsx

+'use strict';
+
+import React, { Component } from 'react';
+import resList from '../../resconfig/resList';
+//import API from '../../api';
+
+import './pagewu_liu_dan_chuang1.less';
+class Pagewu_liu_dan_chuang1 extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { resList: resList };
+  }
+  render() {
+    return (
+      <div className="wu_liu_dan_chuang1 ">
+        <img className="mask " src={this.state.resList['9e9e71a6-9764-4740-9de9-827e06853d80'].url} />
+        <div className="yi_fa_huov ">
+          <img className="bei_jing13 " src={this.state.resList['59417914-0a16-4ce9-ae6b-8adcd73787e1'].url} />
+          <div className="jiang_pin_tu_pian12 " />
+          <div className="wen_zi9 ">
+            <span className="yi_ge_chang_da_shi_er_ge_zi_de_jiang_pin_ming11 ">一个长达十二个字的奖品名</span>
+            <span className="jiang_pin_bian_ma202020202020202010 ">奖品编码：2020202020202020</span>
+            <span className="fa_huo_zhuang_tai_yi_fa_huo ">发货状态：已发货</span>
+            <span className="wu_liu_dan_hao234868903238748990 ">物流单号：234868903238748990</span>
+          </div>
+          <img
+            className="an_niu_guan_bi_dan_chuang8 "
+            src={this.state.resList['adc09482-392c-47ca-88ec-b3c15acb7039'].url}
+          />
+        </div>
+        <div className="dai_fa_huov ">
+          <img className="bei_jing7 " src={this.state.resList['d4acd4e4-169d-417a-8c18-44efc33b4c7f'].url} />
+          <div className="jiang_pin_tu_pian6 " />
+          <div className="wen_zi3 ">
+            <span className="yi_ge_chang_da_shi_er_ge_zi_de_jiang_pin_ming5 ">一个长达十二个字的奖品名</span>
+            <span className="jiang_pin_bian_ma20202020202020204 ">奖品编码：2020202020202020</span>
+            <span className="fa_huo_zhuang_tai_dai_fa_huo ">发货状态：待发货</span>
+            <span className="wen_xin_ti_xing_jiang_pin_jiang_zai_huo_dong_jie_shu7_tian_nei_lu_xu_fa_chu ">
+              温馨提醒：奖品将在活动结束7天内陆续发出
+            </span>
+          </div>
+          <img
+            className="an_niu_guan_bi_dan_chuang2 "
+            src={this.state.resList['adc09482-392c-47ca-88ec-b3c15acb7039'].url}
+          />
+        </div>
+      </div>
+    );
+  }
+}
+export default Pagewu_liu_dan_chuang1;

project/src/pages/pagewu_liu_dan_chuang1/pagewu_liu_dan_chuang1.less

+.wu_liu_dan_chuang1 {
+  width: 750px;
+  height: 1624px;
+  opacity: 1;
+  position: absolute;
+  transform-origin: 0px 0px 0px;
+  .mask {
+    width: 750px;
+    height: 1624px;
+    opacity: 0.7019607843137254;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .yi_fa_huov {
+    width: 655px;
+    height: 314px;
+    opacity: 1;
+    left: 52px;
+    top: 486px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    .bei_jing13 {
+      width: 645px;
+      height: 244px;
+      opacity: 1;
+      top: 70px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+    .jiang_pin_tu_pian12 {
+      width: 146px;
+      height: 146px;
+      opacity: 1;
+      left: 45px;
+      top: 117px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      background-color: rgba(244, 244, 244, 1);
+    }
+    .wen_zi9 {
+      width: 328px;
+      height: 139px;
+      opacity: 1;
+      left: 213px;
+      top: 119px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      .yi_ge_chang_da_shi_er_ge_zi_de_jiang_pin_ming11 {
+        width: 324px;
+        height: 27px;
+        opacity: 1;
+        left: 4px;
+        position: absolute;
+        transform-origin: 0px 0px 0px;
+        font-size: 28px;
+        color: rgba(51, 51, 51, 1);
+      }
+      .jiang_pin_bian_ma202020202020202010 {
+        width: 291px;
+        height: 20px;
+        opacity: 1;
+        top: 51px;
+        position: absolute;
+        transform-origin: 0px 0px 0px;
+        font-size: 20px;
+        color: rgba(149, 149, 149, 1);
+      }
+      .fa_huo_zhuang_tai_yi_fa_huo {
+        width: 159px;
+        height: 20px;
+        opacity: 1;
+        top: 85px;
+        position: absolute;
+        transform-origin: 0px 0px 0px;
+        font-size: 20px;
+        color: rgba(149, 149, 149, 1);
+      }
+      .wu_liu_dan_hao234868903238748990 {
+        width: 314px;
+        height: 20px;
+        opacity: 1;
+        top: 119px;
+        position: absolute;
+        transform-origin: 0px 0px 0px;
+        font-size: 20px;
+        color: rgba(149, 149, 149, 1);
+      }
+    }
+    .an_niu_guan_bi_dan_chuang8 {
+      width: 50px;
+      height: 50px;
+      opacity: 0.5019607843137255;
+      left: 605px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+  }
+  .dai_fa_huov {
+    width: 655px;
+    height: 314px;
+    opacity: 1;
+    left: 52px;
+    top: 486px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    .bei_jing7 {
+      width: 645px;
+      height: 244px;
+      opacity: 1;
+      top: 70px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+    .jiang_pin_tu_pian6 {
+      width: 146px;
+      height: 146px;
+      opacity: 1;
+      left: 45px;
+      top: 117px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      background-color: rgba(244, 244, 244, 1);
+    }
+    .wen_zi3 {
+      width: 389px;
+      height: 139px;
+      opacity: 1;
+      left: 213px;
+      top: 119px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+      .yi_ge_chang_da_shi_er_ge_zi_de_jiang_pin_ming5 {
+        width: 324px;
+        height: 27px;
+        opacity: 1;
+        left: 4px;
+        position: absolute;
+        transform-origin: 0px 0px 0px;
+        font-size: 28px;
+        color: rgba(51, 51, 51, 1);
+      }
+      .jiang_pin_bian_ma20202020202020204 {
+        width: 291px;
+        height: 20px;
+        opacity: 1;
+        top: 51px;
+        position: absolute;
+        transform-origin: 0px 0px 0px;
+        font-size: 20px;
+        color: rgba(149, 149, 149, 1);
+      }
+      .fa_huo_zhuang_tai_dai_fa_huo {
+        width: 159px;
+        height: 20px;
+        opacity: 1;
+        top: 85px;
+        position: absolute;
+        transform-origin: 0px 0px 0px;
+        font-size: 20px;
+        color: rgba(149, 149, 149, 1);
+      }
+      .wen_xin_ti_xing_jiang_pin_jiang_zai_huo_dong_jie_shu7_tian_nei_lu_xu_fa_chu {
+        width: 388px;
+        height: 20px;
+        opacity: 1;
+        left: 1px;
+        top: 119px;
+        position: absolute;
+        transform-origin: 0px 0px 0px;
+        font-size: 20px;
+        color: rgba(149, 149, 149, 1);
+      }
+    }
+    .an_niu_guan_bi_dan_chuang2 {
+      width: 50px;
+      height: 50px;
+      opacity: 0.5019607843137255;
+      left: 605px;
+      position: absolute;
+      transform-origin: 0px 0px 0px;
+    }
+  }
+}

project/src/pages/pageyou_xi_gui_ze/pageyou_xi_gui_ze.jsx

+'use strict';
+
+import React, { Component } from 'react';
+import resList from '../../resconfig/resList';
+//import API from '../../api';
+
+import './pageyou_xi_gui_ze.less';
+class Pageyou_xi_gui_ze extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { resList: resList };
+  }
+  render() {
+    return (
+      <div className="you_xi_gui_ze ">
+        <img className="di85 " src={this.state.resList['41365963-7e27-42a2-963d-157d40b0fb6d'].url} />
+        <img className="jin_du_tiao " src={this.state.resList['617927a2-2dd6-456a-9d92-1f607a137dbc'].url} />
+        <span className="you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui ">
+          游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则
+        </span>
+      </div>
+    );
+  }
+}
+export default Pageyou_xi_gui_ze;

project/src/pages/pageyou_xi_gui_ze/pageyou_xi_gui_ze.less

+.you_xi_gui_ze {
+  width: 721px;
+  height: 559px;
+  opacity: 1;
+  left: 18px;
+  top: 392px;
+  position: absolute;
+  transform-origin: 0px 0px 0px;
+  display: block;
+  .di85 {
+    width: 721px;
+    height: 559px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .jin_du_tiao {
+    width: 13px;
+    height: 69px;
+    opacity: 1;
+    left: 667px;
+    top: 168px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui_ze_you_xi_gui {
+    width: 574px;
+    height: 279px;
+    opacity: 1;
+    left: 76px;
+    top: 167px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    font-size: 24px;
+    color: rgba(104, 91, 78, 1);
+  }
+}

taobao_mini/client/components/comexchanged/comexchanged.axml

+<view class="exchanged ">
+  <image class="exchanged_bg " src={{resList['65d97f17-4b35-4ba7-b21b-7ec0bfac6639'].url}} />
+  <image class="exchanged_imgbg " src={{resList['e0ce2abf-64d3-40f3-a016-c7fb7772b3f6'].url}} />
+  <image class="exchanged_close " onTap="onModalClose" src={{resList['06f8e9d0-f0bf-41d3-bbc2-8a782eacae59'].url}} />
+  <span class="exchanged_title ">获得 XXXX</span>
+  <image class="exchanged_btn " onTap="onModalClose" src={{resList['923ae629-84ed-406d-b3cb-258742ffa2ba'].url}} />
+</view>
\ No newline at end of file

taobao_mini/client/components/comexchanged/comexchanged.js

+'use strict';
+
+import resList from '../../resconfig/resList';
+Component({
+  props: {},
+  data: {resList: resList},
+  methods: {},
+
+  methods: {
+    // onBtnClick() {
+    //   console.log('onBtnClick');
+    //   this.onModalClose();
+    // },
+    onModalClose() {
+      const { onModalClose } = this.props;
+      onModalClose && onModalClose();
+      console.log('onModalClose')
+    }
+  }
+
+});
\ No newline at end of file

taobao_mini/client/components/comexchanged/comexchanged.json

+{
+  "component": true,
+  "usingComponents": {}
+}
\ No newline at end of file

taobao_mini/client/pages/pageshop/pageshop.axml

@@ -4,3 +4,5 @@
     happyCoin ="{{happyCoin}}" 
     onHandleClick="handleClick" />
 </view>
+
+<exchanged-modal a:if="{{exchangedModalVisible}}" mydata="{{exchangedModalData}}" onModalClose="closeExchangedModal"></message-modal>

taobao_mini/client/pages/pageshop/pageshop.json

 {
   "usingComponents": {
-    "shop-modal": "/components/shopModal/shopModal"
+    "shop-modal": "/components/shopModal/shopModal",
+    "exchanged-modal": "/components/comexchanged/comexchanged"
   }
 }
\ No newline at end of file