1

project/src/app.jsx

@@ -16,7 +16,7 @@ class App extends Component {
   constructor(props) {
     super(props);
     this.state = {
-      page: 'loading',
+      page: 'detail',
     };
   }
 

project/src/pages/detail2/detail2.jsx

@@ -16,6 +16,7 @@ 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"

project/src/pages/detail2/detail2.less

 .detail2 {
-  width: 750px;
-  height: 1624px;
+  width: 100vw;
+  height: 100vh;
+  opacity: 1;
   position: absolute;
-  left: 0px;
-  top: 0px;
-  transform-origin: 0 0 0;
+  top: 0;
+  left: 0;
+  overflow: hidden;
   .detail2_bg {
     width: 750px;
     height: 1624px;
     position: absolute;
-    left: -2px;
     top: 0px;
     transform-origin: 0px 0px 0px;
   }

project/src/pages/loading/loading.jsx

 'use strict';
 
 import { appID } from 'duiba-utils';
-import React, { Component } from 'react'; // import { Timer } from 'teddi';
+import React, { Component } from 'react'; 
+import { Timer } from 'teddi';
 
 import resList from '../../resconfig/resList'; //import API from '../../api';
 
@@ -24,12 +25,12 @@ class Loading extends Component {
 
   getCountdown() {
     return new Promise((r) => {
-      // const delta = 30;
-      // const timer = new Timer(1 * 30, 1000 / 30);
-      // timer.on('timer', this.onupdate, this);
-      // timer.on('complete', r, this);
-      // timer.start();
-      r();
+      const delta = 30;
+      const timer = new Timer(1 * 30, 1000 / 30);
+      timer.on('timer', this.onupdate, this);
+      timer.on('complete', r, this);
+      timer.start();
+      // r();
     });
   }