From 57eeb53ce2511a0717258d5dec4a139c0292056b Mon Sep 17 00:00:00 2001
From: taohebin <taohebin@dcloud.io>
Date: Fri, 26 Jan 2024 11:42:11 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0list-view=E5=A4=8D?=
 =?UTF-8?q?=E7=94=A8input=E7=9A=84=E7=A4=BA=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                                    |  8 +++
 .../list-view/list-view-multiplex-input.uvue  | 57 +++++++++++++++++++
 pages/component/list-view/list-view.uvue      |  5 ++
 3 files changed, 70 insertions(+)
 create mode 100644 pages/component/list-view/list-view-multiplex-input.uvue

diff --git a/pages.json b/pages.json
index 26bd03b5..6b29a371 100644
--- a/pages.json
+++ b/pages.json
@@ -1172,6 +1172,14 @@
         "navigationBarTitleText": "权限申请监听",
         "enablePullDownRefresh": false
       }
+    },
+    {
+      "path" : "pages/component/list-view/list-view-multiplex-input",
+      "style" :
+      {
+        "navigationBarTitleText" : "list-view复用input",
+        "enablePullDownRefresh" : false
+      }
     }
     // #endif
   ],
diff --git a/pages/component/list-view/list-view-multiplex-input.uvue b/pages/component/list-view/list-view-multiplex-input.uvue
new file mode 100644
index 00000000..b23d7703
--- /dev/null
+++ b/pages/component/list-view/list-view-multiplex-input.uvue
@@ -0,0 +1,57 @@
+<template>
+  <scroll-view direction="horizontal" style="flex-direction: row;">
+    <button class="button_item" @click="delayShow">测试延时显示</button>
+  </scroll-view>
+	<list-view v-show="list_show" id="listview" style="flex: 1;" show-scrollbar=false @scrolltolower="onScrollTolower">
+    <list-item v-for="index in item_count" class="item" @click="itemClick(index)">
+      <text >item-------<text>{{index}}</text></text>
+      <input :placeholder="index" :value= "index ==1 ? `第一个` :index "/>
+    </list-item>
+  </list-view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				item_count: 20,
+        list_show: true,
+        listViewElement: null as UniListViewElement|null
+			}
+		},
+    onReady() {
+      this.listViewElement = uni.getElementById<UniListViewElement>('listview')
+    },
+		methods: {
+      onScrollTolower(_: ScrollToLowerEvent) {
+        setTimeout(() => {
+          this.item_count += 20
+        }, 300)
+      },
+      itemClick(index: number) {
+        console.log("itemTextClick---"+index)
+      },
+      delayShow() {
+        this.list_show = !this.list_show
+        this.item_count += 20
+        //延时显示list-view 测试list-item延时显示bug
+        setTimeout(()=>{
+          this.list_show = !this.list_show
+        }, 400)
+      }
+		}
+	}
+</script>
+
+<style>
+  .item {
+    padding: 15px;
+    margin: 5px 0;
+    background-color: #fff;
+    border-radius: 5px;
+  }
+  .button_item {
+    width: 200px;
+  }
+
+</style>
diff --git a/pages/component/list-view/list-view.uvue b/pages/component/list-view/list-view.uvue
index 7ee807cc..57d3d1e9 100644
--- a/pages/component/list-view/list-view.uvue
+++ b/pages/component/list-view/list-view.uvue
@@ -188,6 +188,11 @@
           list-view 对list-item复用测试
         </button>
       </navigator>
+      <navigator url="/pages/component/list-view/list-view-multiplex-input" hover-class="none">
+        <button type="primary" class="button">
+          list-view 复用测试（item中嵌入input）
+        </button>
+      </navigator>
     </view>
   </scroll-view>
 </template>
-- 
GitLab