1

project/src/pages/detail2/detail2.jsx

@@ -23,22 +23,29 @@ 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">
-            <div className="detail2_item " uuid="4d8289ea-9464-4a92-a81c-3e24c364e707">
-              <span className="detail2_item_title " uuid="48b63d65-a3d8-4b94-b979-3fcb19c9d89c">
-                每日签到
+            {
+              [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
               </span>
-              <span className="detail2_item_day " uuid="5e6c50df-f25c-4b91-acc7-95d4829ff7db">
-                2020-12-25 09:54:30
+                    <span className="detail2_item_num " uuid="e576e938-d57d-4101-82bc-c0b0782033c9">
+                      +418
               </span>
-              <span className="detail2_item_num " uuid="e576e938-d57d-4101-82bc-c0b0782033c9">
-                +418
-              </span>
-              <img
-                className="detail2_item_bg "
-                uuid="46e8b6fd-f561-445c-85eb-be7136ea5183"
-                src={this.state.resList['eed0f2f8-74ef-4680-a29c-d5db6818738f'].url}
-              />
-            </div>
+                    <img
+                      className="detail2_item_bg "
+                      uuid="46e8b6fd-f561-445c-85eb-be7136ea5183"
+                      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;
         }
       }