Fix:2471 【商城小程序】养生食材配方--食物清单中主料名称过长时会字段会穿过框外,文字超出用省略号

This commit is contained in:
linxi
2024-10-11 14:32:35 +08:00
parent ade5719c00
commit d5cdbc4670
+2 -2
View File
@@ -23,7 +23,7 @@
<image :src="item.recipeImage" class="primary-img" mode="widthFix"></image>
</view>
<view class="v12-ml-2">
<view class="v12-font-26 one-t v12-mb-1">{{ item.recipeText }}</view>
<view class="v12-font-26 one-t v12-mb-1" style="width: 160rpx">{{ item.recipeText }}</view>
<view class="v12-font-20 v12-primary v12-white-text v12-nowrap v12-px-2 v12-py-1 v12-radius-60" @click="toGoods(item.productId)">+加入团购食材</view>
</view>
</view>
@@ -34,7 +34,7 @@
<view class="v12-d-grid-columns-2 primary-item-wrap">
<view v-for="(item, index) in details.minorRecipe" :key="index" class="primary-item v12-justify-start v12-align-center">
<view class="v12-ml-2">
<view class="v12-font-26 one-t v12-mb-1">
<view class="v12-font-26 one-t v12-mb-1" style="width: 280rpx">
<text class="v12-mr-2 v12-font-bold">·</text>
<text>{{ item.recipeText }}</text>
</view>