Fix(商品):[#1364]产品参数商品名称自动转行后表格线未延长,部分手机仍然存在问题

This commit is contained in:
lifizer
2024-04-30 18:04:05 +08:00
parent 801132262f
commit 9b412eebdb
2 changed files with 40 additions and 11 deletions
+10 -2
View File
@@ -182,8 +182,10 @@
.title { .title {
width: 160rpx; width: 160rpx;
padding: 16rpx;
color: #ADADAD; color: #ADADAD;
.title-cont {
padding: 16rpx;
}
} }
} }
@@ -192,9 +194,15 @@
} }
.value { .value {
width: calc(100% - 160rpx);
border-left: 2rpx solid #D2D2D2;
.value-cont {
padding: 16rpx;
}
}
.btn {
width: 100%; width: 100%;
padding: 16rpx; padding: 16rpx;
border-left: 2rpx solid #D2D2D2;
} }
} }
} }
+30 -9
View File
@@ -245,18 +245,39 @@
<!-- 门店信息结束 --> <!-- 门店信息结束 -->
<!-- v6产品参数开始 --> <!-- v6产品参数开始 -->
<view class="param-section goods-section" <view
v-if="Object.entries(storeInfo.exPropertiesData).length>0 && storeInfo.isTickets!==1"> class="param-section goods-section"
v-if="Object.entries(storeInfo.exPropertiesData).length>0 && storeInfo.isTickets!==1"
>
<view class="bold">产品参数</view> <view class="bold">产品参数</view>
<view class="table"> <view class="table">
<view class="row flex ai-center" v-for="(item,index) in storeInfo.exPropertiesData.slice(0,exSliceEnd)" <view
:key="index"> v-for="(item,index) in storeInfo.exPropertiesData.slice(0, exSliceEnd)"
<view class="title tc">{{ item.key }}</view> :key="index"
<view class="value tc bold">{{ item.value }}</view> class="row flex ai-center"
>
<view class="title tc">
<view class="title-cont">
{{ item.key }}
</view>
</view>
<view class="value tc bold">
<view class="value-cont">
{{ item.value }}
</view>
</view>
</view> </view>
<view class="row value tc" style="color:#666" @click="changeExEnd" <view
v-if="storeInfo.exPropertiesData.length>3"> v-if="storeInfo.exPropertiesData.length > 3"
<uni-icons :type="exSliceEnd===3?'bottom':'top'" size="13" color="#707070"></uni-icons> class="row btn tc"
style="color:#666"
@click="changeExEnd"
>
<uni-icons
:type="exSliceEnd === 3 ? 'bottom' : 'top'"
size="13"
color="#707070"
></uni-icons>
点击{{ exSliceEnd === 3 ? '展开查看' : '折叠' }}更多参数 点击{{ exSliceEnd === 3 ? '展开查看' : '折叠' }}更多参数
</view> </view>
</view> </view>