1

project/src/pages/detail2/detail2.jsx

@@ -23,9 +23,12 @@ class Detail2 extends Component {
             src={this.state.resList['9d6135a5-469f-4293-b931-17786c977974'].url}
           />
           <div className="detail2_item_list" uuid="3804f60d-697f-4d68-98b5-ca8cf2e2d3ba">
+            {
+              [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map((i) => {
+                return (
                   <div className="detail2_item " uuid="4d8289ea-9464-4a92-a81c-3e24c364e707">
                     <span className="detail2_item_title " uuid="48b63d65-a3d8-4b94-b979-3fcb19c9d89c">
-                每日签到
+                      每日签到{i}
                     </span>
                     <span className="detail2_item_day " uuid="5e6c50df-f25c-4b91-acc7-95d4829ff7db">
                       2020-12-25 09:54:30
@@ -39,6 +42,10 @@ class Detail2 extends Component {
                       src={this.state.resList['eed0f2f8-74ef-4680-a29c-d5db6818738f'].url}
                     />
                   </div>
+                )
+              })
+            }
+
           </div>
         </div>
       </div>

project/src/pages/detail2/detail2.less

 .detail2 {
-  width: 750px;
-  height: 1624px;
-  position: fixed;
+  width: 100vw;
+  height: 100vh;
+  position: absolute;
   left: 0px;
   top: 0px;
   transform-origin: 0 0 0;
+  overflow: hidden;
   .detail2_wrapper {
     width: 100%;
     height: 100%;
@@ -20,18 +21,16 @@
     .detail2_item_list {
       width: 100%;
       height: auto;
-      margin-top: 214px;
+      padding-top: 214px;
       .detail2_item {
         display: flex;
         justify-content: center;
         align-items: center;
-        margin: 0 auto 0 63px;
+        margin-left:63px;
         position: relative;
         box-sizing: border-box;
         width: 618px;
-        height: 91px;
-        background-color: #ffffff;
-        box-sizing: border-box;
+        height: 107px;
 
         // width: 618px;
         // height: 91px;
@@ -67,7 +66,7 @@
         .detail2_item_bg {
           width: 618px;
           height: 1px;
-          top: 90px;
+          bottom: 0px;
           position: absolute;
         }
       }