1

project/src/pages/detail2/detail2.jsx

@@ -16,27 +16,28 @@ class Detail2 extends Component {
   render() {
     return (
       <div className="detail2 " uuid="c5abc304-1a0b-4804-956a-d61c1d5b75ed">
-        <div className=""></div>
-        <img
-          className="detail2_bg "
-          uuid="2b6c5d97-e458-42a0-b49b-49e9efc6abbc"
-          src={this.state.resList['9d6135a5-469f-4293-b931-17786c977974'].url}
-        />
-        <div className="detail2_item " uuid="4d8289ea-9464-4a92-a81c-3e24c364e707">
-          <span className="detail2_item_title " uuid="48b63d65-a3d8-4b94-b979-3fcb19c9d89c">
-            每日签到
-          </span>
-          <span className="detail2_item_day " uuid="5e6c50df-f25c-4b91-acc7-95d4829ff7db">
-            2020-12-25 09:54:30
-          </span>
-          <span className="detail2_item_num " uuid="e576e938-d57d-4101-82bc-c0b0782033c9">
-            +418
-          </span>
+        <div className="detail2_wrapper" uuid="583667d9-e382-49d8-bfc9-50b6d800c794">
           <img
-            className="detail2_item_bg "
-            uuid="46e8b6fd-f561-445c-85eb-be7136ea5183"
-            src={this.state.resList['eed0f2f8-74ef-4680-a29c-d5db6818738f'].url}
+            className="detail2_bg "
+            uuid="2b6c5d97-e458-42a0-b49b-49e9efc6abbc"
+            src={this.state.resList['9d6135a5-469f-4293-b931-17786c977974'].url}
           />
+          <div className="detail2_item " uuid="4d8289ea-9464-4a92-a81c-3e24c364e707">
+            <span className="detail2_item_title " uuid="48b63d65-a3d8-4b94-b979-3fcb19c9d89c">
+              每日签到
+            </span>
+            <span className="detail2_item_day " uuid="5e6c50df-f25c-4b91-acc7-95d4829ff7db">
+              2020-12-25 09:54:30
+            </span>
+            <span className="detail2_item_num " uuid="e576e938-d57d-4101-82bc-c0b0782033c9">
+              +418
+            </span>
+            <img
+              className="detail2_item_bg "
+              uuid="46e8b6fd-f561-445c-85eb-be7136ea5183"
+              src={this.state.resList['eed0f2f8-74ef-4680-a29c-d5db6818738f'].url}
+            />
+          </div>
         </div>
       </div>
     );

project/src/pages/detail2/detail2.less

 .detail2 {
-  width: 100vw;
-  height: 100vh;
-  opacity: 1;
-  position: absolute;
-  top: 0;
-  left: 0;
-  overflow: hidden;
-  .detail2_bg {
-    width: 750px;
-    height: 1624px;
-    position: absolute;
-    top: 0px;
-    transform-origin: 0px 0px 0px;
-  }
-  .detail2_item {
-    width: 618px;
-    height: 91px;
-    left: 65px;
-    top: 235px;
-    position: absolute;
-    .detail2_item_title {
-      width: 193px;
-      height: 23px;
-      left: 53px;
-      position: absolute;
-      font-size: 24px;
-      color: #474747;
-    }
-    .detail2_item_day {
-      width: 284px;
-      height: 16px;
-      left: 52px;
-      top: 42px;
+  width: 750px;
+  height: 1624px;
+  position: fixed;
+  left: 0px;
+  top: 0px;
+  transform-origin: 0 0 0;
+  .detail2_wrapper {
+    .detail2_bg {
+      width: 750px;
+      height: 1624px;
       position: absolute;
-      font-size: 20px;
-      color: #949494;
+      left: -2px;
+      top: 0px;
+      transform-origin: 0 0 0;
     }
-    .detail2_item_num {
-      width: 88px;
-      height: 31px;
-      left: 455px;
-      top: 8px;
-      position: absolute;
-      font-size: 40px;
-      color: #474747;
-    }
-    .detail2_item_bg {
+    .detail2_item {
       width: 618px;
-      height: 1px;
-      top: 90px;
+      height: 91px;
+      left: 65px;
+      top: 235px;
       position: absolute;
+      .detail2_item_title {
+        width: 193px;
+        height: 23px;
+        left: 53px;
+        position: absolute;
+        font-size: 24px;
+        color: #474747;
+      }
+      .detail2_item_day {
+        width: 284px;
+        height: 16px;
+        left: 52px;
+        top: 42px;
+        position: absolute;
+        font-size: 20px;
+        color: #949494;
+      }
+      .detail2_item_num {
+        width: 88px;
+        height: 31px;
+        left: 455px;
+        top: 8px;
+        position: absolute;
+        font-size: 40px;
+        color: #474747;
+      }
+      .detail2_item_bg {
+        width: 618px;
+        height: 1px;
+        top: 90px;
+        position: absolute;
+      }
     }
   }
+  .div {
+    width: 300px;
+    height: 300px;
+    opacity: 1;
+    display: block;
+    left: 0px;
+    top: 0px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
 }

project/src/pages/loading/loading.jsx

 'use strict';
 
 import { appID } from 'duiba-utils';
-import React, { Component } from 'react'; 
+import React, { Component } from 'react';
 import { Timer } from 'teddi';
-
 import resList from '../../resconfig/resList'; //import API from '../../api';
 
 import API from '../../api';
@@ -29,8 +28,7 @@ class Loading extends Component {
       const timer = new Timer(1 * 30, 1000 / 30);
       timer.on('timer', this.onupdate, this);
       timer.on('complete', r, this);
-      timer.start();
-      // r();
+      timer.start(); // r();
     });
   }