1

project/src/pages/main/main.jsx

-'use strict';
-
-import React, { Component } from 'react';
-import resList from '../../resconfig/resList'; //import API from '../../api';
-
-import './main.less';
-
-class Main extends Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      resList: resList,
-    };
-  }
-
-  render() {
-    return (
-      <div uuid="dcb72301-f3b1-42ff-94ba-311f05058c81">
-        <img uuid="feecd846-a2fd-4ae9-a0a9-fc1c2086955d" />
-        <div uuid="23054cba-ac5d-4a1a-af6a-ec04a685b652">
-          <img uuid="6ded2eb8-846a-421c-929a-99f039cf579b" />
-          <div uuid="94af8f2a-66c0-4a1d-b6af-504690f34e76">
-            <img uuid="bd40c7cc-de3a-4449-9dfa-07a221278e54" />
-            <span uuid="79cf97c7-50cb-40b5-8f62-763801a42a42">
-              亲爱的朋友，欢迎来到e趣小镇，我是您的小镇管家小e！ 首先赠送你10000欢趣豆 下面跟着我一起了解e趣小镇吧！
-            </span>
-          </div>
-        </div>
-        <img uuid="cd670a8b-ddcc-4a92-bc68-5943727d0b9a" />
-        <img uuid="0f7ad163-d34f-484f-9ff6-efb8686cf708" />
-        <img uuid="df67b413-c047-442e-8692-fba2d031cf98" />
-        <img uuid="407ca175-0d42-4387-b0a5-90b8f01c1765" />
-        <img uuid="977fa499-6b23-46b1-9a9c-042294931abb" />
-        <img uuid="cf6fbf0d-27db-419e-9a05-81a111aa06b4" />
-        <img uuid="12cb1416-3b88-40c8-aa93-2dc1990737ef" />
-        <img uuid="20c80614-efa8-4dad-87d1-ba80bbfd2432" />
-        <img uuid="d0764dc4-1c49-4312-81af-8a30ce5453b2" />
-      </div>
-    );
-  }
-}
-
-export default Main;

project/src/pages/mainpage/mainpage.jsx

+'use strict';
+
+import React, { Component } from 'react';
+import resList from '../../resconfig/resList';
+//import API from '../../api';
+
+import './mainpage.less';
+class Mainpage extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { resList: resList };
+  }
+  render() {
+    return (
+      <div className="mainpage " uuid="1898b1e3-7737-449c-b7bf-0ee3cc1182bc">
+        <img
+          className="main_bg "
+          uuid="a0f83312-9ae7-4672-a6f6-4202140f86d7"
+          src={this.state.resList['6552b8b5-695f-49df-b74b-ad44aad81fd5'].url}
+        />
+        <div className="main_guide1 " uuid="96dcfa18-ae8b-4f1b-aa08-6cabe9421c59">
+          <img
+            className="main_guide1_bg2 "
+            uuid="a0325fdb-ff80-4c8f-8acd-0b21a429222e"
+            src={this.state.resList['228a8b05-3ca7-49d9-b8c6-4a6081eca39c'].url}
+          />
+          <div className="main_guide1_pop " uuid="c4a62680-a427-48b5-826a-712f63f9a78f">
+            <img
+              className="main_guide1_bg1 "
+              uuid="82835a57-239b-4a5f-b549-d479e4eb41df"
+              src={this.state.resList['79dcfca1-182c-49a1-ae2d-6c766a509ad9'].url}
+            />
+            <span className="main_guide1_txt " uuid="2e1732e4-f5f2-4e8b-aa06-c26f2d24920d">
+              亲爱的朋友，欢迎来到e趣小镇，我是您的小镇管家小e！ 首先赠送你10000欢趣豆 下面跟着我一起了解e趣小镇吧！
+            </span>
+          </div>
+        </div>
+        <img
+          className="main_guide2 "
+          uuid="5774a705-4112-4719-a9eb-10ad79f9aaff"
+          src={this.state.resList['c88a14e8-fc0a-47b0-8e74-5e0d60a9aa27'].url}
+        />
+        <img
+          className="main_guide3 "
+          uuid="73b50009-e44c-4466-8b59-8660fbc126cc"
+          src={this.state.resList['ef6eb21b-0ea0-441a-8de1-85b5c2f555fd'].url}
+        />
+        <img
+          className="main_guide4 "
+          uuid="dd1830ef-df12-4831-b43b-3b5543907cf4"
+          src={this.state.resList['a4ccaf41-5a52-4cd5-82d3-6716e5c27d17'].url}
+        />
+        <img
+          className="main_guide5 "
+          uuid="7fe077e3-50f2-4c90-a332-23525311567d"
+          src={this.state.resList['f843394c-9904-4134-ac2c-bde91e5a4f08'].url}
+        />
+        <img
+          className="main_guide6 "
+          uuid="65dd0bd9-e7dd-4e2e-bc54-1ffc6dea5c37"
+          src={this.state.resList['907d8167-51e6-4f73-b4c6-ebc8af060aba'].url}
+        />
+        <img
+          className="main_guide7 "
+          uuid="b56f9c9b-d76e-496f-b296-08e7253e5b35"
+          src={this.state.resList['fb184f33-56b2-4f62-9482-244ac9b24401'].url}
+        />
+        <img
+          className="main_guide8 "
+          uuid="4d64de57-63e7-42da-9a3d-2900e7bb8717"
+          src={this.state.resList['1beada9a-81e4-4603-8446-9e961c914a9d'].url}
+        />
+        <img
+          className="main_guide9 "
+          uuid="ac4a7c12-d6f8-40d9-8563-27f7c725b2f5"
+          src={this.state.resList['ef3545cf-abef-4010-99ed-16d6129c855d'].url}
+        />
+        <img
+          className="main_skip "
+          uuid="a322a72f-6bed-4991-8029-69fcae878bb5"
+          src={this.state.resList['92613e30-1ac0-46f4-bc8a-a0ffa8f42b99'].url}
+        />
+      </div>
+    );
+  }
+}
+export default Mainpage;

project/src/pages/main/main.less → project/src/pages/mainpage/mainpage.less

-.main {
+.mainpage {
   width: 752px;
   height: 1666px;
   position: absolute;