From 2411ae369d8847ddcbb78ae8024a4cd1a5d58cbb Mon Sep 17 00:00:00 2001
From: linxi <957440651@qq.com>
Date: Tue, 14 Jul 2026 10:41:37 +0800
Subject: [PATCH] =?UTF-8?q?Fix=EF=BC=9A5453=20=E3=80=90=E5=95=86=E5=9F=8E?=
 =?UTF-8?q?=E5=B0=8F=E7=A8=8B=E5=BA=8F=E3=80=91=E8=8B=B9=E6=9E=9C=E6=89=8B?=
 =?UTF-8?q?=E6=9C=BA=E8=A7=86=E9=A2=91=E5=88=97=E8=A1=A8=E5=B8=83=E5=B1=80?=
 =?UTF-8?q?=E6=96=B9=E5=90=91=E4=BB=8E=E5=8F=B3=E5=88=B0=E5=B7=A6=EF=BC=8C?=
 =?UTF-8?q?=E5=BA=94=E8=AF=A5=E4=BB=8E=E5=B7=A6=E5=88=B0=E5=8F=B3=E6=8E=92?=
 =?UTF-8?q?=E5=88=97=EF=BC=8C=E4=B8=8E=E5=AE=89=E5=8D=93=E5=90=8C=E6=AD=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

(cherry picked from commit 73fa5e35d42c9f381fc83cd926172f6e99f5eaef)
---
 pages/VideoPlayBackList/VideoPlayBackList.vue | 42 +++++++++++++------
 1 file changed, 29 insertions(+), 13 deletions(-)

diff --git a/pages/VideoPlayBackList/VideoPlayBackList.vue b/pages/VideoPlayBackList/VideoPlayBackList.vue
index b006734..b2fd8c7 100644
--- a/pages/VideoPlayBackList/VideoPlayBackList.vue
+++ b/pages/VideoPlayBackList/VideoPlayBackList.vue
@@ -7,21 +7,23 @@
     </view>
 
     <view class="list" v-if="list.length">
-      <custom-waterfalls-flow :value="list" imageKey="cover">
-        <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>
-          <view class="content">
-            <view class="title more-t">{{ item.title }}</view>
-            <view class="footer flex jc-between ai-center">
-              <view class="visit flex ai-center">
-                <image class="icon" style="margin-right: 8rpx" :src="item.storeLogo" mode="scaleToFill"></image>
-                {{ item.storeName }}
+      <view class="video-waterfalls-wrap">
+        <custom-waterfalls-flow :value="list" imageKey="cover">
+          <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>
+            <view class="content">
+              <view class="title more-t">{{ item.title }}</view>
+              <view class="footer flex jc-between ai-center">
+                <view class="visit flex ai-center">
+                  <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>
-              <image class="icon flex-0" :src="webUrl+'/20210806121203835373.png'" mode="scaleToFill"></image>
             </view>
           </view>
-        </view>
-      </custom-waterfalls-flow>
+        </custom-waterfalls-flow>
+      </view>
     </view>
 
     <view class="v4-nodata" v-else>
@@ -114,6 +116,7 @@ export default {
     border-radius: 20rpx;
     background: #fff;
     font-size: 26rpx;
+    white-space: nowrap;
   }
 
   .active {
@@ -125,6 +128,19 @@ export default {
 .list {
   margin: 28rpx 32rpx;
 
+  .video-waterfalls-wrap {
+    direction: ltr;
+
+    /deep/ .waterfalls-flow {
+      direction: ltr;
+      text-align: left;
+    }
+
+    /deep/ .waterfalls-flow-column {
+      float: left !important;
+    }
+  }
+
   .item {
     border-radius: 4rpx;
     background: #fff;
@@ -174,4 +190,4 @@ export default {
     }
   }
 }
-</style>
\ No newline at end of file
+</style>