1

project/src/pages/detail2/detail2.jsx

@@ -22,6 +22,7 @@ class Detail2 extends Component {
             uuid="2b6c5d97-e458-42a0-b49b-49e9efc6abbc"
             src={this.state.resList['9d6135a5-469f-4293-b931-17786c977974'].url}
           />
+          <div className="detail2_item_list" uuid="3804f60d-697f-4d68-98b5-ca8cf2e2d3ba">
             <div className="detail2_item " uuid="4d8289ea-9464-4a92-a81c-3e24c364e707">
               <span className="detail2_item_title " uuid="48b63d65-a3d8-4b94-b979-3fcb19c9d89c">
                 每日签到
@@ -40,6 +41,7 @@ class Detail2 extends Component {
             </div>
           </div>
         </div>
+      </div>
     );
   }
 }

project/src/pages/detail2/detail2.less

@@ -17,12 +17,27 @@
       top: 0px;
       transform-origin: 0 0 0;
     }
+    .detail2_item_list {
+      width: 100%;
+      height: auto;
+      margin-top: 214px;
       .detail2_item {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        margin: 0 auto 0 63px;
+        position: relative;
+        box-sizing: border-box;
         width: 618px;
         height: 91px;
-      left: 65px;
-      top: 235px;
-      position: absolute;
+        background-color: #ffffff;
+        box-sizing: border-box;
+
+        // width: 618px;
+        // height: 91px;
+        // left: 65px;
+        // top: 235px;
+        // position: absolute;
         .detail2_item_title {
           width: 193px;
           height: 23px;
@@ -57,14 +72,5 @@
         }
       }
     }
-  .div {
-    width: 300px;
-    height: 300px;
-    opacity: 1;
-    display: block;
-    left: 0px;
-    top: 0px;
-    position: absolute;
-    transform-origin: 0px 0px 0px;
   }
 }