【类 型】:fix

【原  因】:orderItem订单列表组件 商品列表容器 超长时的横向滚动 由于父级的swiper的横向切换 冒泡导致失效
【过  程】:用uniapp 官方组件scroll-view 替代自定义的overflow auto样式
【影  响】:

# 类型 包含:
# feat:新功能(feature)
# fix:修补bug
# docs:文档(documentation)
# style: 格式(不影响代码运行的变动)
# refactor:重构(即不是新增功能,也不是修改bug的代码变动)
# test:增加测试
# chore:构建过程或辅助工具的变动
This commit is contained in:
sszdot 2024-12-24 14:07:08 +08:00
parent 3b4a920a34
commit 0a61462be1
2 changed files with 19 additions and 5 deletions

View File

@ -5,10 +5,12 @@
<view class="fz24 fcb m-t-12">订单号{{order.order_sn}}</view> <view class="fz24 fcb m-t-12">订单号{{order.order_sn}}</view>
<view class="fz24 fcb">{{order.order_time | parseTime}}</view> <view class="fz24 fcb">{{order.order_time | parseTime}}</view>
<view class="fz32 l-h-18 fb">取餐点{{order.receive_site_name}}</view> <view class="fz32 l-h-18 fb">取餐点{{order.receive_site_name}}</view>
<view class="spuGmap flex m-t-12 ofa"> <view class="m-t-12">
<view class="m-r-12" v-for="(ps,index) in order.product_snapshot" :key="index"> <scroll-view class="scroll-view_H" scroll-x="true">
<view class="scroll-view-item_H m-r-12" v-for="(ps,index) in order.product_snapshot" :key="index">
<u--image :src="ps.spu_photo[0]" width="147rpx" height="110rpx" radius="4rpx" /> <u--image :src="ps.spu_photo[0]" width="147rpx" height="110rpx" radius="4rpx" />
</view> </view>
</scroll-view>
</view> </view>
</view> </view>
<view class="flex1 flex column md"> <view class="flex1 flex column md">
@ -130,6 +132,17 @@
height: 110rpx; height: 110rpx;
} }
.scroll-view_H {
white-space: nowrap;
width: 100%;
}
.scroll-view-item_H {
display: inline-block;
height: 110rpx;
line-height: 110rpx;
}
.priceBox { .priceBox {
margin-top: 85rpx; margin-top: 85rpx;
} }

View File

@ -63,7 +63,8 @@
return { return {
tabList: ['待支付', '已付款', '退款售后'], // tab tabList: ['待支付', '已付款', '退款售后'], // tab
current: 1, // current: 1, //
tabLineLeft: 24 //tabLine left tabLineLeft: 24 ,//tabLine left
isPressed: false, //
} }
}, },
onLoad() { onLoad() {