Fix(千县名品)：文化的图片全部靠左显示了

assets/css/v12-style.less

@@ -2,30 +2,22 @@
 @primary-color: #C52733;
 @dark-color: #333333;
 @white-color: #fff;
+
+@colors: #C52733, #333333, #fff;
+@classnames: primary, dark, white;
 /*=====================================*/ 
 
-.v12-primary{
+each(@colors, {
-  background-color: @primary-color;
+  @color: extract(@colors, @index);
-  background: @primary-color;
+  @classname: extract(@classnames, @index);
-}
+  .v12-@{classname} {
-.v12-primary-text{
+    background-color: @color !important;
-  color: @primary-color;
+    background: @color !important;
-}
+  }
-.v12-dark{
+  .v12-@{classname}-text{
-  background: @dark-color !important;
+    color: @color !important;
-  background-color: @dark-color !important;
+  }
-}
+});
-.v12-dark-text{
-  color: @dark-color !important;
-}
-.v12-white{
-  background-color: @white-color;
-  background: @white-color;
-}
-.v12-white-color{
-  background-color: @white-color;
-  background: @white-color;
-}
 
 .generateFontSize(@i) when (@i <= 80) {
   .v12-font-@{i} {
@@ -48,6 +40,11 @@
   display: flex;
   justify-content: center;
 }
+.v12-d-grid-columns-2 {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+}
+
 
 
 

pkg_product/views/famousQianxianShop.vue

@@ -240,7 +240,7 @@
             <view class="title">
               图片
             </view>
-            <view class="pic-list">
+            <view class="pic-list v12-d-grid-columns-2">
               <view
                 v-for="(item, index) in inn.countyImages"
                 :key="index"
@@ -1358,12 +1358,12 @@ export default {
     }
   }
   .pic-list {
-    display: flex;
+    // display: flex;
-    flex-wrap: wrap;
+    // flex-wrap: wrap;
     width: 100%;
     padding: 30rpx 0 0 0;
     .item {
-      width: calc(50% - 10rpx);
+      // width: calc(50% - 10rpx);
       margin: 0 20rpx 20rpx 0;
       .img {
         display: block;