Browse Source

H5地图适配

Eechon 6 years ago
parent
commit
41280ded86

+ 1 - 1
web/1807-工具页面/src/sass/global.scss

@@ -1174,7 +1174,7 @@ img{
         width: px2rem(850);
         height: px2rem(850);
         background: #616f9f;
-        border: 8px solid #FFFFFF;
+        border: px2rem(8) solid #FFFFFF;
         overflow: hidden;
         img{
             height: auto;

+ 56 - 1
web/1807-工具页面/src/sass/wapChallenges.scss

@@ -20,8 +20,63 @@ $bfz:14px;
     
     body{
         .page-challenge{
+            /* .zt-inner{
+                width: wpx2rem(100);
+            } */
             .map-wrap{
-                    background: #FF0000;
+                border:wpx2rem(8) solid #FFFFFF;
+                width: wpx2rem(684);
+                height:wpx2rem(684);
+            }
+            .task-wrap{
+                margin:wpx2rem(100) 0 0 0;
+                border:wpx2rem(8) solid #FFFFFF;
+                width: wpx2rem(684);
+                height:wpx2rem(684);
+                .task-hd{
+                    line-height: wpx2rem(65);
+                    padding: 0 wpx2rem(15);
+                    font-size: wpx2rem(24);
+                }
+                .task-bd{
+                    padding:0 wpx2rem(10);
+                }
+                .table-task{
+                    font-weight: 700;
+                    thead{
+                        line-height: wpx2rem(66);
+                        td{
+                            font-size: wpx2rem(24);
+                        }
+                    }
+                    tbody{
+                        td{
+                            padding: wpx2rem(9) 0;
+                        }
+                    }
+                    p{
+                        font-size: wpx2rem(20);
+                        line-height: 1.2em;
+                    }
+                    img{
+                        height: wpx2rem(48);
+                    }
+                     .col-desc{
+                        width: wpx2rem(380);
+                    }
+                }
+            }
+        }
+        .page-chests{
+            .tool-box {
+                border:none;
+                padding:0 0 0 0;
+            }
+            .map-wrap{
+                border:wpx2rem(8) solid #FFFFFF;
+                width: wpx2rem(684);
+                height:wpx2rem(684);
+                margin:0 auto;
             }
         }
     }