init

.npmrc

+registry = http://npm.dui88.com
\ No newline at end of file

src/pages/HomePage/Check/Check.less

+@import "../../../res.less";
+
+.homepage > .homeRoot > .check {
+  position: relative;
+  margin-top: 30px;
+  margin-left: 5px;
+  width: 741px;
+  min-height: 1400px;
+
+  .check-color {
+    position: absolute;
+    left: 8px;
+    right: 8px;
+    top: 300px;
+    bottom: 0;
+
+    border-radius: 8px;
+    background-color: rgb(255, 255, 251);
+    box-shadow: 0 5px 10px 0 rgba(235, 198, 192, 0.22), inset 0 2px 3px 0 rgba(255, 255, 255, 0.72), inset 0 24px 125px 0 rgba(255, 255, 255, 0.7);
+  }
+
+  .check-bg {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 741px;
+    height: 563px;
+    .webpBg("HomePage/checkBg.png");
+  }
+}

src/pages/HomePage/Check/Check.tsx

+import React from 'react';
+import { observer } from 'mobx-react';
+import './Check.less';
+import store from "@/store/store.ts";
+
+
+@observer
+class Check extends React.Component<any, any> {
+
+  componentDidMount() {
+
+  }
+
+  render() {
+    const {} = store.indexData
+    return <div className="check">
+      <div className="check-color"/>
+      <div className="check-bg"/>
+
+    </div>;
+  }
+}
+
+export default Check;

src/pages/HomePage/HomePage.less

@@ -8,4 +8,52 @@
   overflow-y: scroll;
   overflow-x: hidden;
 
+  .homeRoot {
+    width: 100%;
+    padding-top: 961px;
+    padding-bottom: 120px;
+    .webpBg("HomePage/bg.jpg");
+    background-size: 750px 977px;
+    background-repeat: no-repeat;
+    background-position: top center;
+    background-color: #fff2e4;
+
+    .sign {
+      margin-left: 5px;
+      margin-top: 0;
+      width: 741px;
+      height: 455px;
+      .webpBg("HomePage/signBg.png");
+    }
+
+    .check {
+      position: relative;
+      margin-top: 30px;
+      margin-left: 5px;
+      width: 741px;
+      min-height: 1400px;
+
+      .check-color {
+        position: absolute;
+        left: 8px;
+        right: 8px;
+        top: 300px;
+        bottom: 0;
+
+        border-radius: 8px;
+        background-color: rgb(255, 255, 251);
+        box-shadow: 0 5px 10px 0 rgba(235, 198, 192, 0.22), inset 0 2px 3px 0 rgba(255, 255, 255, 0.72), inset 0 24px 125px 0 rgba(255, 255, 255, 0.7);
+      }
+
+      .check-bg {
+        position: absolute;
+        left: 0;
+        top: 0;
+        width: 741px;
+        height: 563px;
+        .webpBg("HomePage/checkBg.png");
+      }
+    }
+  }
+
 }

src/pages/HomePage/HomePage.tsx

@@ -3,6 +3,8 @@ import { observer } from 'mobx-react';
 import './HomePage.less';
 import { getUrlParam } from "@/utils/utils.ts";
 import store from "@/store/store.ts";
+import Check from "@/pages/HomePage/Check/Check.tsx";
+import Sign from "@/pages/HomePage/Sign/Sign.tsx";
 
 
 @observer
@@ -21,7 +23,15 @@ class HomePage extends React.Component<any, any> {
   render() {
     const {  } = store.indexData
     return <div className="homepage" ref={(el) => this.root = el}>
+      <div className="homeRoot">
+        <div className="sign">
 
+        </div>
+
+        <Sign/>
+        <Check/>
+
+      </div>
     </div>;
   }
 }

src/pages/HomePage/Sign/Sign.less

+@import "../../../res.less";
+
+.homepage > .homeRoot > .sign {
+  margin-left: 5px;
+  margin-top: 0;
+  width: 741px;
+  height: 455px;
+  .webpBg("HomePage/signBg.png");
+}

src/pages/HomePage/Sign/Sign.tsx

+import React from 'react';
+import { observer } from 'mobx-react';
+import './Sign.less';
+import store from "@/store/store.ts";
+
+
+@observer
+class Sign extends React.Component<any, any> {
+
+  componentDidMount() {
+
+  }
+
+  render() {
+    const {} = store.indexData
+    return <div className="sign">
+
+    </div>;
+  }
+}
+
+export default Sign;