1

project/src/pages/pagefrontpage/pagefrontpage.jsx

-"use strict";
+'use strict';
 
-import React, { Component } from "react";
-import resList from "../../resconfig/resList";
-import API from "../../api";
+import React, { Component } from 'react';
+import resList from '../../resconfig/resList';
+//import API from '../../api';
 
-import "./pagefrontpage.less";
+import './pagefrontpage.less';
 
 class Pagefrontpage extends Component {
   constructor(props) {
     super(props);
     this.state = this.state || { resList: resList };
   }
-
-  componentDidMount() {
-    API.getRule().then((res) => {
-       console.log(res)
-    });
-}
-
   render() {
     return (
       <div className="frontpage">
-        <div className="div" />
-        <img
-          className="image"
-          src={this.state.resList["eb602b5e-fd36-4968-bed0-ec786cd8e1c0"].url}
-        />
+        <img className="frontpage_placeholder" src={this.state.resList['9bfe28c7-7e25-4631-b5f1-0f52d4fb0643'].url} />
+        <div className="frontpage_wrapper">
+          <img className="frontpage_btn" src={this.state.resList['55c6197d-b4a9-45bc-92d8-328cc151512f'].url} />
+          <label className="frontpage_txt">已有 120382 人参与</label>
+          <img className="frontpage_image" src={this.state.resList['e4a03a02-4a52-4276-97e3-9f3dade11dfb'].url} />
+        </div>
       </div>
     );
   }

project/src/pages/pagefrontpage/pagefrontpage.less

 .frontpage {
   width: 750px;
   height: 1624px;
-    display: block;
+  opacity: 1;
+  position: absolute;
+  background-image: url(//yun.duiba.com.cn/aurora/assets/fb115c35b78fc3e792ee94b5831cca0c43174c0d.jpg);
+  .frontpage_placeholder {
+    width: 750px;
+    height: 1624px;
+    opacity: 1;
     position: absolute;
-    transform-origin: 0px 0px 0px;
-    left: 228px;
-    top: 146px;
-    .div {
-      width: 300px;
-      height: 300px;
+    background-image: url();
+  }
+  .frontpage_wrapper {
+    width: 673px;
+    height: 1065px;
+    opacity: 1;
+    left: 37px;
+    top: 328px;
+    position: absolute;
+    .frontpage_btn {
+      width: 458px;
+      height: 138px;
+      opacity: 1;
+      left: 108px;
+      top: 880px;
+      position: absolute;
+    }
+    .frontpage_txt {
+      width: 673px;
+      height: 30px;
       opacity: 1;
-      display: block;
+      left: 0px;
+      top: 1042px;
       position: absolute;
-      background-color: #ff6600;
-      transform-origin: 0px 0px 0px;
-      top: 278px;
-      left: -142;
+      font-size: 14.93076;
+      color: rgba(255, 255, 255, 1);
+      text-align: center;
     }
-    .image {
-      width: 276px;
-      height: 275px;
+    .frontpage_image {
+      width: 673px;
+      height: 830px;
       opacity: 1;
-      display: block;
       position: absolute;
-      transform-origin: 0px 0px 0px;
-      left: -184;
-      top: -134;
     }
   }
+}

project/src/resconfig/resList.js

 const resList = {
-    'eb602b5e-fd36-4968-bed0-ec786cd8e1c0': {
-      name: '资源',
+  '81133fa6-44b7-4a3f-b5d6-25e3da99cb8b': {
+    name: 'frontpage_placeholder',
     ext: '.png',
-      url: '//yun.duiba.com.cn/spark-prod/assets/资源.7ec4dc0a776a20da7e58e0cee4fab560dea0ec76.png',
-      uuid: 'eb602b5e-fd36-4968-bed0-ec786cd8e1c0'
+    uuid: '81133fa6-44b7-4a3f-b5d6-25e3da99cb8b',
+    url: '//yun.duiba.com.cn/spark-prod/assets/807317256624fc9e2d7aa080a5693b88a1cb0a43.png'
+  },
+  '55c6197d-b4a9-45bc-92d8-328cc151512f': {
+    name: 'frontpage_btn',
+    ext: '.png',
+    uuid: '55c6197d-b4a9-45bc-92d8-328cc151512f',
+    url: '//yun.duiba.com.cn/spark-prod/assets/ca79bd0c916e1bbadc7d4011439084061f0dc642.png'
+  },
+  'e4a03a02-4a52-4276-97e3-9f3dade11dfb': {
+    name: 'frontpage_image',
+    ext: '.png',
+    uuid: 'e4a03a02-4a52-4276-97e3-9f3dade11dfb',
+    url: '//yun.duiba.com.cn/spark-prod/assets/dc13e362bec7ac50ca21e84a882c87b9e3c7d3d5.png'
+  },
+  '9bfe28c7-7e25-4631-b5f1-0f52d4fb0643': {
+    name: 'bg',
+    ext: '.jpg',
+    url: '//yun.duiba.com.cn/spark-prod/assets/bg.fb115c35b78fc3e792ee94b5831cca0c43174c0d.jpg',
+    uuid: '9bfe28c7-7e25-4631-b5f1-0f52d4fb0643'
   }
-  };
-  export default resList;
\ No newline at end of file
+};
+export default resList;
\ No newline at end of file

project/src/utils/index.js

+
+export const getfucked=()=>{console.log('getfucked')}