소스 검색

fix: 商品标题样式修改

liangan 2 주 전
부모
커밋
48aa44ab36
2개의 변경된 파일3개의 추가작업 그리고 3개의 파일을 삭제
  1. 1 1
      src/components/product/product.vue
  2. 2 2
      src/pages/bestSellers/bestSellers.vue

+ 1 - 1
src/components/product/product.vue

@@ -68,7 +68,7 @@ function handleClick() {
         borderBottomRightRadius: Number.isFinite(borderRadius) ? `${borderRadius}rpx` : borderRadius,
       }"
     >
-      <view class="line-clamp-2 mb-3px min-h-60rpx break-all" :style="{ fontSize: Number.isFinite(titleFontSize) ? `${titleFontSize}rpx` : titleFontSize }">
+      <view class="mb-3px truncate" :style="{ fontSize: Number.isFinite(titleFontSize) ? `${titleFontSize}rpx` : titleFontSize }">
         {{ item.productName || item.storeName }}
       </view>
       <view class="flex items-center justify-between">

+ 2 - 2
src/pages/bestSellers/bestSellers.vue

@@ -106,10 +106,10 @@ function getRankNumber(index: number) {
           </view>
         </view>
         <view class="flex-1">
-          <view class="line-clamp-2 text-28rpx">
+          <view class="line-clamp-2 mb-3px h-80rpx break-all text-28rpx">
             {{ item.productName }}
           </view>
-          <view class="text-28rpx text-#FF0010">
+          <view class="mb-3px text-28rpx text-#FF0010">
             ৳ {{ formatNumber(item.price) }}
           </view>
           <view class="flex items-center rounded-8rpx from-white via-[rgba(255,210,212,0.58)] to-[rgba(255,0,16,0.2)] bg-gradient-to-l px-10rpx py-6rpx text-24rpx text-#FF0010">