From a79696e6c5f85c20ed0e06f72b0057b229f38c6e Mon Sep 17 00:00:00 2001
From: yinjiacheng <yinjiacheng@dcloud.io>
Date: Fri, 26 Jan 2024 16:01:48 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0list-view=E7=A4=BA=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                                    |  6 +++
 .../list-view/list-view-multiplex-video.uvue  | 39 +++++++++++++++++++
 pages/component/list-view/list-view.uvue      |  5 +++
 3 files changed, 50 insertions(+)
 create mode 100644 pages/component/list-view/list-view-multiplex-video.uvue

diff --git a/pages.json b/pages.json
index 6b29a371..6e717d87 100644
--- a/pages.json
+++ b/pages.json
@@ -63,6 +63,12 @@
         "navigationBarTitleText": "list-view-multiplex"
       }
     },
+    {
+      "path": "pages/component/list-view/list-view-multiplex-video",
+      "style": {
+        "navigationBarTitleText": "list-view-multiplex-video"
+      }
+    },
     {
       "path": "pages/component/sticky-section/sticky-section",
       "style": {
diff --git a/pages/component/list-view/list-view-multiplex-video.uvue b/pages/component/list-view/list-view-multiplex-video.uvue
new file mode 100644
index 00000000..34d4fc40
--- /dev/null
+++ b/pages/component/list-view/list-view-multiplex-video.uvue
@@ -0,0 +1,39 @@
+<template>
+  <list-view class="list">
+    <list-item class="list-item" v-for="(_,index) in 20">
+      <text>第{{index + 1}}个视频</text>
+      <video class="video" :src="src" :controls="true" @pause="onPause"></video>
+    </list-item>
+  </list-view>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        src: 'https://qiniu-web-assets.dcloud.net.cn/video/sample/2minute-demo.mp4'
+      }
+    },
+    methods: {
+      onPause(e : UniEvent) {
+        console.log(JSON.stringify(e));
+      }
+    }
+  }
+</script>
+
+<style>
+  .list {
+    flex: 1;
+  }
+
+  .list-item {
+    background-color: white;
+    margin-bottom: 30px;
+  }
+
+  .video {
+    width: 100%;
+    height: 200px;
+  }
+</style>
diff --git a/pages/component/list-view/list-view.uvue b/pages/component/list-view/list-view.uvue
index 57d3d1e9..8bc01caa 100644
--- a/pages/component/list-view/list-view.uvue
+++ b/pages/component/list-view/list-view.uvue
@@ -193,6 +193,11 @@
           list-view 复用测试（item中嵌入input）
         </button>
       </navigator>
+      <navigator url="/pages/component/list-view/list-view-multiplex-video" hover-class="none">
+        <button type="primary" class="button">
+          list-view 复用测试（item中嵌入video）
+        </button>
+      </navigator>
     </view>
   </scroll-view>
 </template>
-- 
GitLab