Fix:5453 【商城小程序】苹果手机视频列表布局方向从右到左,应该从左到右排列,与安卓同步

This commit is contained in:
linxi
2026-07-14 10:41:37 +08:00
parent 93c9445008
commit 73fa5e35d4
@@ -7,6 +7,7 @@
</view> </view>
<view class="list" v-if="list.length"> <view class="list" v-if="list.length">
<view class="video-waterfalls-wrap">
<custom-waterfalls-flow :value="list" imageKey="cover"> <custom-waterfalls-flow :value="list" imageKey="cover">
<view class="item" v-for="(item,index) in list" :key="index" slot="slot{{index}}" @click="goDetail(item)"> <view class="item" v-for="(item,index) in list" :key="index" slot="slot{{index}}" @click="goDetail(item)">
<image class="cover" :src="item.cover" mode="widthFix"></image> <image class="cover" :src="item.cover" mode="widthFix"></image>
@@ -23,6 +24,7 @@
</view> </view>
</custom-waterfalls-flow> </custom-waterfalls-flow>
</view> </view>
</view>
<view class="v4-nodata" v-else> <view class="v4-nodata" v-else>
<image src="@/static/images/img_nodata.png" mode="scaleToFill"/> <image src="@/static/images/img_nodata.png" mode="scaleToFill"/>
@@ -114,6 +116,7 @@ export default {
border-radius: 20rpx; border-radius: 20rpx;
background: #fff; background: #fff;
font-size: 26rpx; font-size: 26rpx;
white-space: nowrap;
} }
.active { .active {
@@ -125,6 +128,19 @@ export default {
.list { .list {
margin: 28rpx 32rpx; margin: 28rpx 32rpx;
.video-waterfalls-wrap {
direction: ltr;
/deep/ .waterfalls-flow {
direction: ltr;
text-align: left;
}
/deep/ .waterfalls-flow-column {
float: left !important;
}
}
.item { .item {
border-radius: 4rpx; border-radius: 4rpx;
background: #fff; background: #fff;