Food/food_wechat
3
0
Fork 0
Code Issues 18 Pull Requests Actions Packages Projects Releases Wiki Activity

【类 型】：fix

Browse Source 
【原  因】：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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
components/orderItem/orderItem.vue
View File

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

3
pages/main/order.vue
View File

@ -63,7 +63,8 @@
return {
tabList: ['待支付', '已付款', '退款售后'], // tab标签
current: 1, //当前激活标签
tabLineLeft: 24 //tabLine 样式表的left值
tabLineLeft: 24 ,//tabLine 样式表的left值
isPressed: false, //立即支付按钮是否锁定
}
},
onLoad() {