1

project/src/app.jsx

@@ -3,7 +3,7 @@ import ReactDOM from "react-dom";
 import "./app.less";
 import { MOCK_STATUS } from '../sparkrc';
 MOCK_STATUS && (require('../mock/index'));
-import MD from './MD';
+import MD from '../MD';
 MD();
 //此处为spark-cli动态生成
 import Pagefrontpage from "./pages/pagefrontpage/pagefrontpage.jsx";

project/src/components/comrulepanel/comrulepanel.jsx

@@ -6,16 +6,16 @@ import resList from '../../resconfig/resList';
 import './comrulepanel.less';
 
 class Comrulepanel extends Component {
-  constructor(props) {
-    super(props);
-    this.state = this.state || { resList: resList };
-  }
-  render() {
-    return (
-      <div className="rulepanel">
-        <img className="image2" src={this.state.resList['eb602b5e-fd36-4968-bed0-ec786cd8e1c0'].url} />
-      </div>
-    );
-  }
+constructor(props) {
+super(props);
+this.state = { resList: resList };
+}
+render() {
+return (
+<div className="rulepanel ">
+<img className="image2 " src={this.state.resList['eb602b5e-fd36-4968-bed0-ec786cd8e1c0'].url} />
+</div>
+);
+}
 }
 export default Comrulepanel;

project/src/components/comrulepanel/comrulepanel.less

 .rulepanel {
-  top: 0px;
-  left: 0px;
-  width: 750px;
-  height: 1624px;
-  display: block;
-  position: absolute;
-  .image2 {
-    width: 300px;
-    height: 300px;
-    opacity: 1;
-    display: block;
-    left: 0px;
-    top: 0px;
-    position: absolute;
-    transform-origin: 0px 0px 0px;
-  }
+top: 0px;
+left: 0px;
+width: 750px;
+height: 1624px;
+display: block;
+position: absolute;
+.image2 {
+width: 300px;
+height: 300px;
+opacity: 1;
+display: block;
+left: 0px;
+top: 0px;
+position: absolute;
+transform-origin: 0px 0px 0px;
+}
 }

project/src/pages/pagefrontpage/pagefrontpage.jsx

@@ -7,17 +7,17 @@ import resList from '../../resconfig/resList';
 import './pagefrontpage.less';
 
 class Pagefrontpage extends Component {
-  constructor(props) {
-    super(props);
-    this.state = this.state || { resList: resList };
-  }
-  render() {
-    return (
-      <div className="frontpage">
-        <div className="div" />
-        <img className="image" src={this.state.resList['eb602b5e-fd36-4968-bed0-ec786cd8e1c0'].url} />
-      </div>
-    );
-  }
+constructor(props) {
+super(props);
+this.state = { resList: resList };
+}
+render() {
+return (
+<div className="frontpage ">
+<div className="div " />
+<img className="image " src={this.state.resList['eb602b5e-fd36-4968-bed0-ec786cd8e1c0'].url} />
+</div>
+);
+}
 }
 export default Pagefrontpage;

project/src/pages/pagefrontpage/pagefrontpage.less

 .frontpage {
-  width: 750px;
-  height: 1624px;
-  display: block;
-  position: absolute;
-  transform-origin: 0px 0px 0px;
-  left: 228px;
-  top: 146px;
-  .div {
-    width: 300px;
-    height: 300px;
-    opacity: 1;
-    display: block;
-    position: absolute;
-    background-color: #ff6600;
-    transform-origin: 0px 0px 0px;
-    top: 278px;
-    left: -142px;
-  }
-  .image {
-    width: 276px;
-    height: 275px;
-    opacity: 1;
-    display: block;
-    position: absolute;
-    transform-origin: 0px 0px 0px;
-    left: -184px;
-    top: -134px;
-  }
+width: 750px;
+height: 1624px;
+display: block;
+position: absolute;
+transform-origin: 0px 0px 0px;
+left: 228px;
+top: 146px;
+.div {
+width: 300px;
+height: 300px;
+opacity: 1;
+display: block;
+position: absolute;
+background-color: #ff6600;
+transform-origin: 0px 0px 0px;
+top: 278px;
+left: -142px;
+}
+.image {
+width: 276px;
+height: 275px;
+opacity: 1;
+display: block;
+position: absolute;
+transform-origin: 0px 0px 0px;
+left: -184px;
+top: -134px;
+}
 }

project/src/resconfig/resList.js

 const resList = {
-  'eb602b5e-fd36-4968-bed0-ec786cd8e1c0': {
-    name: '资源',
-    ext: '.png',
-    url: '//yun.duiba.com.cn/spark-prod/assets/资源.7ec4dc0a776a20da7e58e0cee4fab560dea0ec76.png',
-    uuid: 'eb602b5e-fd36-4968-bed0-ec786cd8e1c0',
-  },
+'eb602b5e-fd36-4968-bed0-ec786cd8e1c0': {
+name: '资源',
+ext: '.png',
+url: '//yun.duiba.com.cn/spark-prod/assets/资源.7ec4dc0a776a20da7e58e0cee4fab560dea0ec76.png',
+uuid: 'eb602b5e-fd36-4968-bed0-ec786cd8e1c0',
+},
 };
 export default resList;