1

project/src/pages/detail2/detail2.jsx

@@ -18,7 +18,7 @@ class Detail2 extends Component {
   componentDidMount() {
     API.pageList({
       pageNo:1,
-      pageSize:20
+      pageSize:999999
     }).then((res) => {
       console.log('pagelist ', res)
       this.setState({list:res})

project/src/pages/main3/main3.jsx

@@ -26,6 +26,13 @@ class Main3 extends Component {
     };
   }
 
+  onclick_main3_role=()=>{
+    this.setState({rolepop:1})
+    setTimeout(() => {
+      this.setState({rolepop:0})
+    }, 3000);
+  }
+
   gotoURL=(type)=>{
     const urlmap = {
       ganji:'https://baidu.com?ganji',
@@ -70,6 +77,8 @@ class Main3 extends Component {
     this.initEvent();
 
     getSVGA('//yun.duiba.com.cn/spark/assets/37b62d421a7d224b291960c898bdc9fd1824f561.svga','.main3_role')
+    getSVGA('//yun.duiba.com.cn/spark/assets/8928d4a90feb4614b76753de25ad3694f85c11d6.svga','.main3_btn_jingcai2')
+    getSVGA('//yun.duiba.com.cn/spark/assets/327e6a094060ad20d67bfccc16ffe42f20adc1d1.svga','.main3_cursor ')
 
     if( this.props.data &&!this.props.data.isnewUser) { //不是新用户
       API.signInfo().then((res)=>{
@@ -89,6 +98,7 @@ class Main3 extends Component {
   //首页信息显示更新
   freshHomeInfo() {
     let homeinfo = dataCenter.getData(Store.homeinfo);
+    if(!homeinfo)return;
     console.log('freshHomeInfo',homeinfo.userInfo);
     if(homeinfo.userInfo)
       this.setState({
@@ -229,12 +239,14 @@ class Main3 extends Component {
             uuid="def4d721-bfe0-4c42-970c-40d99e1c2944"
             src={this.state.resList['82a28387-28f0-4e49-856a-dbe5e981bbb1'].url}
           />
+           <div  className="main3_btn_jingcai2 "  />
           <img
             onClick={this.onclick_jingcai}
             className="main3_btn_jingcai md4"
             uuid="de6b0150-9221-439d-adf7-ec3e3ad5466e"
             src={this.state.resList['8d1cc843-b298-42e1-a092-954edfcf93e2'].url}
           />
+         
         </div>
         <img
           onClick={()=>this.gotoURL('wodeejia')}
@@ -266,12 +278,11 @@ class Main3 extends Component {
           uuid="cbdb75d5-b009-403b-98b2-056b8bdfaa71"
           src={this.state.resList['3e030f90-a5de-4c99-b717-9b9e89b7eaa1'].url}
         />
-        <img
+        <div
           className="main3_cursor "
-          uuid="58323460-dc19-4377-b25c-fb1cabf8a29b"
-          src={this.state.resList['d86e633a-b211-4d24-b56b-90da3da4a4e5'].url}
+         
         />
-        <div  className="main3_role "  />
+        <div  className="main3_role " onClick={this.onclick_main3_role} />
         {rolepop&&<img
           className="main3_rolepop "
           uuid="c27fef65-4506-42f8-85df-207999e11de1"

project/src/pages/main3/main3.less

@@ -15,6 +15,7 @@
     top: 38px;
     position: fixed;
     display: block;
+    z-index: 99999;
     .main3_userinfo {
       width: 375px;
       height: 97px;
@@ -95,6 +96,16 @@
       left: 11px;
       top: 130px;
       position: absolute;
+      opacity: 0;
+    }
+    .main3_btn_jingcai2 {
+      touch-action: none;
+      pointer-events: none;
+      width: 300px;
+      height: 300px;
+      left: -70px;
+      top: 10px;
+      position: absolute;
     }
   }
   .main3_btn5 {
@@ -135,15 +146,21 @@
     opacity: 0;
   }
   .main3_cursor {
-    width: 88px;
-    height: 104px;
-    left: 540px;
-    top: 610px;
+    touch-action: none;
+    pointer-events: none;
+    width: 200px;
+    height: 200px;
+    left: 490px;
+    top: 600px;
     position: absolute;
+    canvas{
+      touch-action: none;
+      pointer-events: none;
+    }
   }
   .main3_role {
-    width: 124px;
-    height: 165px;
+    width: 200px;
+    height: 200px;
     left: 417px;
     top: 1337px;
     position: absolute;