liangxin/xdd-uniapp-new
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
(cherry picked from commit 73fa5e35d4)
This commit is contained in:
linxi
2026-07-24 11:34:19 +08:00
committed by lifizer
parent e6cf9c082c
commit 2411ae369d
1 changed files with 29 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/VideoPlayBackList/VideoPlayBackList.vue
+29 -13
View File
@@ -7,21 +7,23 @@
</view> </view>
<view class="list" v-if="list.length"> <view class="list" v-if="list.length">
<custom-waterfalls-flow :value="list" imageKey="cover"> <view class="video-waterfalls-wrap">
<view class="item" v-for="(item,index) in list" :key="index" slot="slot{{index}}" @click="goDetail(item)"> <custom-waterfalls-flow :value="list" imageKey="cover">
<image class="cover" :src="item.cover" mode="widthFix"></image> <view class="item" v-for="(item,index) in list" :key="index" slot="slot{{index}}" @click="goDetail(item)">
<view class="content"> <image class="cover" :src="item.cover" mode="widthFix"></image>
<view class="title more-t">{{ item.title }}</view> <view class="content">
<view class="footer flex jc-between ai-center"> <view class="title more-t">{{ item.title }}</view>
<view class="visit flex ai-center"> <view class="footer flex jc-between ai-center">
<image class="icon" style="margin-right: 8rpx" :src="item.storeLogo" mode="scaleToFill"></image> <view class="visit flex ai-center">
{{ item.storeName }} <image class="icon" style="margin-right: 8rpx" :src="item.storeLogo" mode="scaleToFill"></image>
{{ item.storeName }}
</view>
<image class="icon flex-0" :src="webUrl+'/20210806121203835373.png'" mode="scaleToFill"></image>
</view> </view>
<image class="icon flex-0" :src="webUrl+'/20210806121203835373.png'" mode="scaleToFill"></image>
</view> </view>
</view> </view>
</view> </custom-waterfalls-flow>
</custom-waterfalls-flow> </view>
</view> </view>
<view class="v4-nodata" v-else> <view class="v4-nodata" v-else>
@@ -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;
@@ -174,4 +190,4 @@ export default {
} }
} }
} }
</style> </style>