Fix：2459 【商城小程序】康养首页--城市列表应以三列进行展示

pkg_product/views/healthList.vue

@@ -92,23 +92,23 @@
       <view class="article-box">
           <view class="v12-mt-2 v12-ml-3 v12-px-1 v12-font-28 v12-dark-text v12-font-bold label-wrap">{{ label }}</view>
           <scroll-view
-          v-if="dataList.length > 0"
+            v-if="dataList.length > 0"
-          :style="{'height':listHeight}"
+            :style="{'height':listHeight}"
-          :enable-flex="true"
+            :enable-flex="true"
-          :scroll-anchoring="true"
+            :scroll-anchoring="true"
-          :scroll-y="true"
+            :scroll-y="true"
-          :scroll-with-animation="true"
+            :scroll-with-animation="true"
-          :enable-back-to-top="true"
+            :enable-back-to-top="true"
-          class="list flex flex-wrap"
+            class="list flex flex-wrap"
-          @scrolltolower="onLower"
+            @scrolltolower="onLower"
-        >
+          >
           <view
             v-for="(item, index) in dataList"
             :key="index"
           >
             <view
               v-if="tabIndex === 0"
-              class="item item-store"
+              class="city-item"
               @click="goStore(item.id, item.cityName)"
             >
               <image
@@ -305,6 +305,15 @@ export default {
 
 <style scoped lang="less">
 @import "@/assets/css/product.less";
+.cover{
+  width: 160rpx !important;
+  height: 160rpx !important;
+  border-radius: 8rpx;
+}
+.city-item{
+  width: 160rpx !important;
+  margin: 30rpx 0rpx 0rpx 20rpx;
+}
 .news-title{
   white-space: nowrap;
 }