fix: 🐛 修改在部分手机分辨率下首页文字有误bug

pages/tabbar/home/template/tpl_goods.vue

@@ -37,7 +37,7 @@
           </u-image>
         </div>
         <div class="goods-desc">
-          <div class="goods-title">
+          <div class="goods-title" :style="{ height: (proportion * 34) + 'rpx' }">
             {{ item.title }}
           </div>
           <div class="goods-bottom">
@@ -68,7 +68,7 @@
           </u-image>
         </div>
         <div class="goods-desc">
-          <div class="goods-title">
+          <div class="goods-title" :style="{ height: (proportion * 34) + 'rpx' }">
             {{ item.goodsName }}
           </div>
           <div class="goods-bottom">
@@ -100,6 +100,7 @@ export default {
       },
       goodsData: [], //商品循环内容
       goodsResult:"", //es总返回内容
+      proportion:0,
     };
   },
   props: ["res","enableBottomLoad"],
@@ -119,6 +120,10 @@ export default {
     },
   },
   mounted() {
+    const winWidth = uni.getSystemInfoSync().windowWidth
+    const proportion = 750 / winWidth
+    this.proportion = proportion
+
     uni.$on('onReachBottom',()=>{
       if(this.enableBottomLoad && this.goodsResult.totalElements >= this.params.pageNumber * this.params.pageSize){
         this.params.pageNumber++