css

src/pages/modules/home_960/left.vue

@@ -89,12 +89,10 @@
         <p class="txt">A<br>G<br>V<br>过<br>道</p>
       </div>
       <div class="hwpl_wrap_2">
-        <div class="zd-row allHeight flexWrap">
-          <div class="hw_item hw_item_2" v-for="e in point1" :key="e.point_code" :class="{'hw_item_active': e.point_status === '2'}">
-            <div class="hw_item_i">
-              <p class="zd-row jcflexcenter hw_p1">{{ e.point_code }}</p>
-              <p class="zd-row jcflexcenter hw_p2">{{ e.material_name }}</p>
-            </div>
+        <div class="hw_item hw_item_2" v-for="e in point1" :key="e.point_code" :class="{'hw_item_active': e.point_status === '2'}">
+          <div class="hw_item_i">
+            <p class="zd-row jcflexcenter hw_p1">{{ e.point_code }}</p>
+            <p class="zd-row jcflexcenter hw_p2">{{ e.material_name }}</p>
           </div>
         </div>
       </div>

src/pages/modules/home_960/style.stylus

@@ -63,6 +63,10 @@ h1
   width calc(43.9% - 20px)
   height 100%
 .hwpl_wrap_2
+  display flex
+  flex-wrap wrap
+  justify-content space-between
+  align-content space-between
   width calc(56.1% - 20px)
   height 100%
 .gd_wrap
@@ -137,11 +141,11 @@ h1
 .hw_wrap
   align-content: flex-start;
   // height 23.4%
-  margin-top 12px
+  margin-top 8px
   &:first-child
     margin-top 0
 .hw_item
-  _wh(13.6%, 25px)
+  _wh(13.6%, 23.5px)
   padding 2px
   margin-top 3px
   border-radius 4px
@@ -151,7 +155,6 @@ h1
   overflow hidden
 .hw_item_2
   width: 10.5%;
-  height: 4.92%;
   margin-top 0
 .hw_item_i
   _wh(100%, 100%)