From 83d7497a3cde7a99d9d618e17a7bcf66ace616ba Mon Sep 17 00:00:00 2001
From: wanganxp <wanganxp@gmail.com>
Date: Thu, 9 Nov 2023 03:55:09 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=99=E5=88=86=E5=8C=BA=E5=90=B8=E9=A1=B6?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0api=E6=BB=9A=E5=8A=A8=E6=B5=8B=E8=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../sticky-section/sticky-section.uvue        | 101 ++++++++++--------
 1 file changed, 55 insertions(+), 46 deletions(-)

diff --git a/pages/component/sticky-section/sticky-section.uvue b/pages/component/sticky-section/sticky-section.uvue
index 6495a627..f36bb9f3 100644
--- a/pages/component/sticky-section/sticky-section.uvue
+++ b/pages/component/sticky-section/sticky-section.uvue
@@ -1,48 +1,57 @@
-<template>
-	<list-view :scroll-y="true" ref="list-view" class="page" scroll-x="true" rebound="false">
-    <sticky-section v-for="(sectionText) in data" :padding="sectionPadding" :push-pinned-header="true">
-    	<sticky-header :header-id="sectionText">
-    		<text class="sticky-header-text">{{sectionText}}</text>
-    	</sticky-header>
-    	<list-item v-for="i in 10" class="content-item" :type=10>
-    		<text class="text">{{sectionText}}--item--content----{{i}}</text>
-    	</list-item>
-    </sticky-section>
-  </list-view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-          data: ['A','B','C','D','E','F','G','H','I','J','K','L','M','N'],
-          sectionPadding: [0,10,0,10] as Array <number>
-			}
-		},
-		methods: {
-      //用于自动化测试
-      listViewScrollByY(y : number) {
-        const listview = this.$refs["list-view"] as Element
-        listview.scrollBy(0, y)
-      }
-		}
-	}
-</script>
-
-<style>
+<template>
+  <list-view id="list-view" ref="list-view" class="page" rebound="false">
+    <sticky-section v-for="(sectionText) in data" :padding="sectionPadding" :push-pinned-header="true">
+      <sticky-header :header-id="sectionText">
+        <text class="sticky-header-text">{{sectionText}}</text>
+      </sticky-header>
+      <list-item v-for="i in 10" class="content-item" :type=10>
+        <text class="text">{{sectionText}}--item--content----{{i}}</text>
+      </list-item>
+    </sticky-section>
+    <list-item style="padding: 10px; margin: 5px 0;align-items: center;">
+      <!-- <text style="color: #aaa">到底了</text> -->
+      <button @click="toTop" size="mini">回到顶部</button>
+    </list-item>
+  </list-view>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        data: ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N'],
+        sectionPadding: [0, 10, 0, 10] as Array<number>
+      }
+    },
+    methods: {
+      toTop(){
+        uni.getElementById("list-view")!.scrollTop = 0
+      },
+      //用于自动化测试
+      listViewScrollByY(y : number) {
+        const listview = this.$refs["list-view"] as Element
+        listview.scrollBy(0, y)
+      }
+    }
+  }
+</script>
+
+<style>
   .page {
-		flex: 1;
-		background-color: #f5f5f5;
-	}
-  .sticky-header-text {
-  	font-size: 16px;
-  	padding: 8px;
-  	color: #959595;
-  	background-color: #f5f5f5;
-  }
-  .content-item {
-  	padding: 15px;
-  	margin: 5px 0;
-  	background-color: #fff;
-  }
+    flex: 1;
+    background-color: #f5f5f5;
+  }
+
+  .sticky-header-text {
+    font-size: 16px;
+    padding: 8px;
+    color: #959595;
+    background-color: #f5f5f5;
+  }
+
+  .content-item {
+    padding: 15px;
+    margin: 5px 0;
+    background-color: #fff;
+  }
 </style>
-- 
GitLab