测试

mTest/css/index.css

@@ -493,15 +493,16 @@
 }
 }
 .zone-content-box1-card {
 .zone-content-box1-card {
   margin-left: 0.2rem;
   margin-left: 0.2rem;
-  margin-top: 0.45rem;
+  margin-top: 0.3rem;
 }
 }
 .zone-content-box1-card > div {
 .zone-content-box1-card > div {
   font-size: 0.3rem;
   font-size: 0.3rem;
   padding: 0.05rem 0.15rem;
   padding: 0.05rem 0.15rem;
   border: 0.05rem solid #F3D3D5;
   border: 0.05rem solid #F3D3D5;
   border-radius: 1rem;
   border-radius: 1rem;
-  display: inline-block;
+  float: left;
   margin-right: 0.15rem;
   margin-right: 0.15rem;
+  margin-top: 0.2rem;
 }
 }
 .zone-content-box1-tips {
 .zone-content-box1-tips {
   text-indent: 0.3rem;
   text-indent: 0.3rem;

mTest/css/index.less

@@ -506,14 +506,16 @@
 }
 }
 .zone-content-box1-card{
 .zone-content-box1-card{
   margin-left: 0.2rem;
   margin-left: 0.2rem;
-  margin-top: 0.45rem;
+  margin-top: 0.3rem;
   >div{
   >div{
     font-size: 0.3rem;
     font-size: 0.3rem;
     padding: 0.05rem 0.15rem;
     padding: 0.05rem 0.15rem;
     border: 0.05rem solid #F3D3D5;
     border: 0.05rem solid #F3D3D5;
     border-radius: 1rem;
     border-radius: 1rem;
-    display: inline-block;
+
+    float: left;
     margin-right: 0.15rem;
     margin-right: 0.15rem;
+    margin-top: 0.2rem;
   }
   }
 }
 }
 .zone-content-box1-tips{
 .zone-content-box1-tips{

mTest/index.html

@@ -129,7 +129,7 @@
                 <div class="zone-content-box1">
                 <div class="zone-content-box1">
                     <div class="zone-content-box1-id"> <div></div></div>
                     <div class="zone-content-box1-id"> <div></div></div>
                     <div class="zone-content-box1-poster"><img src="images/poster.png"></div>
                     <div class="zone-content-box1-poster"><img src="images/poster.png"></div>
-                    <div class="zone-content-box1-card">
+                    <div class="zone-content-box1-card clearfix">
                         <div></div>
                         <div></div>
                         <div></div>
                         <div></div>
                         <div></div>
                         <div></div>
@@ -366,7 +366,7 @@
 </body>
 </body>
 <script src="layer-v3.1.0/layer/layer.js"></script>
 <script src="layer-v3.1.0/layer/layer.js"></script>
 <!-- <script src="lib/fingerprint2.js"></script> -->
 <!-- <script src="lib/fingerprint2.js"></script> -->
-<script src="lib/login.js?v=2022111709"></script>
+<script src="lib/login.js?v=2022111710"></script>
 <!-- <script src="index.js" defer></script> -->
 <!-- <script src="index.js" defer></script> -->
 <!-- <link rel="manifest" href="manifest.webmanifest" /> -->
 <!-- <link rel="manifest" href="manifest.webmanifest" /> -->
 
 

mTest/room/liveRoom.html

@@ -561,7 +561,7 @@
 <script src="../layer-v3.1.0/layer/layer.js"></script>
 <script src="../layer-v3.1.0/layer/layer.js"></script>
 <!-- <script src="../lib/inobounce.js"></script> -->
 <!-- <script src="../lib/inobounce.js"></script> -->
 <!-- <script src="lib/fingerprint2.js"></script> -->
 <!-- <script src="lib/fingerprint2.js"></script> -->
-<script src="../lib/login.js?v=2022111702"></script>
+<script src="../lib/login.js?v=2022111711"></script>
 <script>
 <script>
 $(function(){
 $(function(){
     var dHeight=$(document).height()
     var dHeight=$(document).height()