1

project/src/components/rule/rule.less

 .rule {
   width: 612px;
   height: 784px;
-  left: calc(50% - (612px / 2));
-  top: calc(50% - (784px / 2));
+  left: 71px;
+  top: 386px;
   position: absolute;
   .rule_bg {
     width: 609px;

project/src/components/select/select.jsx

@@ -13,9 +13,9 @@ class Select extends Component {
     };
   }
 
-  componentDidMount(){
+  componentDidMount() {
     setTimeout(() => {
-      console.log('关闭这个弹窗')
+      console.log('关闭这个弹窗');
       this.props.onClose();
     }, 1000);
   }

project/src/components/select/select.less

 .select {
   width: 656px;
   height: 1140px;
-  left: calc(50% - (656px / 2));
-  top: calc(50% - (1140px / 2));
+  left: 47px;
+  top: 228px;
   position: absolute;
   .select_role1 {
     width: 535px;

project/src/components/sign/sign.jsx

@@ -4,8 +4,7 @@ import React, { Component } from 'react';
 import resList from '../../resconfig/resList'; //import API from '../../api';
 
 import './sign.less';
-import {Toast, Loading, Badge, CountDownButton, InputNumber} from '@spark/ui'
-
+import { Toast, Loading, Badge, CountDownButton, InputNumber } from '@spark/ui';
 
 class Sign extends Component {
   constructor(props) {
@@ -15,9 +14,9 @@ class Sign extends Component {
     };
   }
 
-  componentDidMount(){
+  componentDidMount() {
     setTimeout(() => {
-      Toast('sdfsdfsdfsdf',1000*100)
+      Toast('sdfsdfsdfsdf', 1000 * 100);
     }, 1000);
   }
 

project/src/components/sign/sign.less

 .sign {
   width: 612px;
   height: 936px;
-  left: calc(50% - (612px / 2));
-  top: calc(50% - (936px / 2));
+  left: 71px;
+  top: 291px;
   position: absolute;
   .sign_bg {
     width: 609px;

project/src/components/userinfo/userinfo.jsx

 'use strict';
 
 import React, { Component } from 'react';
-import { Aup } from '../../pop'
+import { Aup } from '../../pop';
 import resList from '../../resconfig/resList';
-
 import './userinfo.less';
+
 class Userinfo extends Component {
   constructor(props) {
     super(props);
-    this.state = { resList: resList };
+    this.state = {
+      resList: resList,
+    };
   }
 
   render() {
     return (
-      <div className="userinfo "  uuid="a9143822-c421-48d3-92c3-de9eafe5c234">
+      <div className="userinfo " uuid="a9143822-c421-48d3-92c3-de9eafe5c234">
         <img
           className="userinfo_bg "
           uuid="cf852278-516f-48f3-bad2-0e38a1431c4e"
@@ -39,4 +41,5 @@ class Userinfo extends Component {
     );
   }
 }
+
 export default Userinfo;

project/src/components/userinfo/userinfo.less

 .userinfo {
   width: 514px;
   height: 555px;
-  left: calc(50% - (514px / 2));
-  top: calc(50% - (555px / 2));
+  left: 121px;
+  top: 486px;
   position: absolute;
   .userinfo_bg {
     width: 509px;

project/src/pages/detail/detail.jsx

-'use strict';
-
-import React, { Component } from 'react';
-import resList from '../../resconfig/resList';
-//import API from '../../api';
-
-import './detail.less';
-class Detail extends Component {
-  constructor(props) {
-    super(props);
-    this.state = { resList: resList };
-  }
-  render() {
-    return (
-      <div className="detail " uuid="40303f78-3c87-463f-8633-a0043cdf118a">
-        <img
-          className="bg "
-          uuid="9f7c3255-2829-4c0a-8585-5b668ddcde02"
-          src={this.state.resList['129f287f-8585-4d2b-b154-1de369768dd4'].url}
-        />
-        <div className="detail_item " uuid="9692209d-7d42-40b7-bd7c-d1b6c4132233">
-          <span className="detail_item_title " uuid="b2dee338-d45c-4f0c-b323-44ba03104e16">
-            每日签到
-          </span>
-          <span className="detail_item_day " uuid="2d667e76-6d99-405c-92d3-1794b0679731">
-            2020-12-25 09:54:30
-          </span>
-          <span className="detail_item_num " uuid="cd162388-3e1d-4f2e-a14e-539adac55aea">
-            +418
-          </span>
-          <img
-            className="detail_item_bg "
-            uuid="1f564446-2649-497d-b70b-4424ae06c7cc"
-            src={this.state.resList['0b91c63a-0cc0-4dde-b95e-5d17ca479291'].url}
-          />
-        </div>
-      </div>
-    );
-  }
-}
-export default Detail;

project/src/pages/detail/detail.less

-.detail {
-  width: 1600px;
-  height: 3511px;
-  left: -379px;
-  top: -572px;
-  position: absolute;
-  .bg {
-    width: 1600px;
-    height: 3511px;
-    position: absolute;
-  }
-  .detail_item {
-    width: 618px;
-    height: 91px;
-    left: 444px;
-    top: 807px;
-    position: absolute;
-    .detail_item_title {
-      width: 93px;
-      height: 23px;
-      left: 53px;
-      position: absolute;
-      font-size: 24px;
-      color: rgba(71, 71, 71, 1);
-    }
-    .detail_item_day {
-      width: 184px;
-      height: 16px;
-      left: 52px;
-      top: 42px;
-      position: absolute;
-      font-size: 20px;
-      color: rgba(148, 148, 148, 1);
-    }
-    .detail_item_num {
-      width: 88px;
-      height: 31px;
-      left: 455px;
-      top: 8px;
-      position: absolute;
-      font-size: 40px;
-      color: rgba(71, 71, 71, 1);
-    }
-    .detail_item_bg {
-      width: 618px;
-      height: 1px;
-      top: 90px;
-      position: absolute;
-    }
-  }
-}

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';
 
 import API from '../../api';

project/src/pages/mainpage/mainpage.jsx

@@ -16,14 +16,11 @@ class Mainpage extends Component {
 
   componentDidMount() {
     if (this.props.data) {
-
       setTimeout(() => {
         // Aup.show('PopRule', {}, this)
         // Aup.show('Userinfo', {}, this);
-        Aup.show('Sign', {}, this);
-        // Aup.show('Select', {}, this);
+        Aup.show('Sign', {}, this); // Aup.show('Select', {}, this);
       }, 200);
-      
     }
   }