11

project/src/pages/main3/main3.jsx

@@ -2,6 +2,7 @@
 
 import React, { Component } from 'react';
 import resList from '../../resconfig/resList'; //import API from '../../api';
+
 import { Aup, AUPOP, AUP_MBX_STATE } from '../../pop';
 import './main3.less';
 
@@ -10,6 +11,9 @@ class Main3 extends Component {
     super(props);
     this.state = {
       resList: resList,
+      nickname:'nickname',
+      avatar:1,
+      num:"1123"
     };
   }
 
@@ -24,6 +28,7 @@ class Main3 extends Component {
   }
 
   render() {
+    const {avatar,nickname,num} = this.state;
     return (
       <div className="main3 " uuid="8754a9d1-7453-474b-b722-7cb71483ae85">
         <img
@@ -38,26 +43,26 @@ class Main3 extends Component {
               uuid="5316b02a-5b8e-4355-b556-cd801852df7e"
               src={this.state.resList['31522099-3ea6-4d2b-ae84-99e2877bd2d0'].url}
             />
-            <img
+            {avatar == 1 &&<img
               className="main3_avatar1 "
               uuid="f2277018-36fd-4f47-9124-d73324505dff"
               src={this.state.resList['6dda365e-565e-4e15-9fc9-89b5e173dcd9'].url}
-            />
-            <img
+            />}
+            {avatar == 2 &&<img
               className="main3_avatar2 "
               uuid="07d1620b-d31e-4ef7-a63a-9b0ef49497da"
               src={this.state.resList['6ff31046-e036-4218-8cc9-5d715dfa64a1'].url}
-            />
-            <img
+            />}
+            {avatar == 3 &&<img
               className="main3_avatar3 "
               uuid="dc2306b9-90e0-4e98-a967-e0f263a3217a"
               src={this.state.resList['b4aa3a56-6a4f-4984-9aa2-1932c35de3b4'].url}
-            />
+            />}
             <span className="main3_num " uuid="018875e0-9592-4854-ba0b-2cd58464a6a2">
-              欢趣豆：12352
+              欢趣豆：{num}
             </span>
             <span className="main3_nick " uuid="a7518930-17cc-427a-a6e5-27a593b309c4">
-              用户昵称
+              {nickname}
             </span>
             <img
               onClick={() => {

project/src/pages/main3/main3.less

@@ -12,7 +12,8 @@
     height: 401px;
     left: 22px;
     top: 38px;
-    position: absolute;
+    position: fixed;
+    display: block;
     .main3_userinfo {
       width: 375px;
       height: 97px;
@@ -44,8 +45,8 @@
         position: absolute;
       }
       .main3_num {
-        width: 164px;
-        height: 22px;
+        // width: 164px;
+        // height: 22px;
         left: 105px;
         top: 57px;
         position: absolute;
@@ -53,8 +54,8 @@
         color: #ffffff;
       }
       .main3_nick {
-        width: 96px;
-        height: 24px;
+        // width: 96px;
+        // height: 24px;
         left: 105px;
         top: 20px;
         position: absolute;
@@ -102,6 +103,7 @@
     height: 405px;
     top: 1073px;
     position: absolute;
+    opacity: 0;
   }
   .main3_btn4 {
     width: 279px;
@@ -109,12 +111,14 @@
     left: 440px;
     top: 925px;
     position: absolute;
+    opacity: 0;
   }
   .main3_btn3 {
     width: 320px;
     height: 315px;
     top: 680px;
     position: absolute;
+    opacity: 0;
   }
   .main3_btn2 {
     width: 383px;
@@ -122,12 +126,14 @@
     left: 351px;
     top: 419px;
     position: absolute;
+    opacity: 0;
   }
   .main3_btn1 {
     width: 283px;
     height: 303px;
     top: 308px;
     position: absolute;
+    opacity: 0;
   }
   .main3_cursor {
     width: 88px;
@@ -149,5 +155,6 @@
     left: 287px;
     top: 1212px;
     position: absolute;
+    display: none;
   }
 }