ChatGPT生成测试数据

weixin-miniprogram/pages/shop/components/good-list-card.wxml

@@ -5,7 +5,8 @@
   <view class="good-card-image" style="background-image: {{ 'url(' + goodinfo.picUrl + ');'}};">
   </view>
   <view class="good-card-info">
-    <text class="good-title line-wrap">{{ goodinfo.goodsName }}</text>
+    <!-- <text class="good-title line-wrap">{{ goodinfo.goodsName }}</text> -->
+    <text class="good-title line-wrap">{{ goodinfo.brief }}</text>
     <view class="good-price good-price-counter">
       <!-- 原价 -->
       <view class="good-price-symbol">¥</view>
@@ -17,6 +18,5 @@
       <view class="good-price-symbol">¥</view>
       <view class="good-price-number">{{ goodinfo.retailPrice }}</view>
     </view>
-    <!-- <text class="line-wrap">{{ displayGoodsInfo }}</text> -->
   </view>
 </view>

weixin-miniprogram/pages/shop/components/good-list-card.wxss

@@ -33,9 +33,10 @@
   font-size: 28rpx;
   color: #333;
   font-weight: 400;
+  display: -webkit-box;
   height: 36rpx;
   -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
+  -webkit-line-clamp: 1;
   overflow: hidden;
   word-break: break-word;
   line-height: 36rpx;

weixin-miniprogram/pages/shop/shop.wxss

@@ -65,10 +65,10 @@
 .tabbar-group {
   display: grid;
   grid-template-columns: 1fr 1fr;
-  grid-template-rows: repeat(auto-fill, 210px);
+  grid-template-rows: repeat(auto-fill, 1fr);
   grid-auto-flow: row dense;
   place-items: center;
-  gap: 3px 10px;
+  gap: 8px 8px;
   margin: 6px;
 }