From 4e716962a318b603ad1096398adef159ad9262c3 Mon Sep 17 00:00:00 2001
From: wangyaqi <wangyaqi988@163.com>
Date: Fri, 12 Jan 2024 21:18:51 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BD=BF=E7=94=A8scroll-view=E6=9B=BF?=
 =?UTF-8?q?=E6=8D=A2list-view?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../template/custom-tab-bar/custom-tab-bar-tab1.uvue | 12 ++++++------
 pages/template/custom-tab-bar/custom-tab-bar.uvue    |  6 +++---
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/pages/template/custom-tab-bar/custom-tab-bar-tab1.uvue b/pages/template/custom-tab-bar/custom-tab-bar-tab1.uvue
index c0b2f152..22807da0 100644
--- a/pages/template/custom-tab-bar/custom-tab-bar-tab1.uvue
+++ b/pages/template/custom-tab-bar/custom-tab-bar-tab1.uvue
@@ -1,10 +1,10 @@
 <template>
-  <list-view ref="listView" class="list" :rebound="false" :scroll-with-animation="true" :scroll-y="true" @scrolltolower="loadData()"
+  <scroll-view ref="listView" class="list" :rebound="false" :scroll-with-animation="true" :scroll-y="true" @scrolltolower="loadData()"
     @scroll="onScroll">
-    <list-item class="list-item" v-for="(item, index) in dataList" :key="index">
+    <view class="list-item" v-for="(item, index) in dataList" :key="index">
       <text class="title">{{item.title}}</text>
-    </list-item>
-  </list-view>
+    </view>
+  </scroll-view>
 </template>
 
 <script>
@@ -24,7 +24,7 @@
     methods: {
       loadData() {
         let index = this.dataList.length
-        for (let i = 0; i < 10; i++) {
+        for (let i = 0; i < 20; i++) {
           this.dataList.push({
             title: index.toString(),
           } as ListItem)
@@ -57,4 +57,4 @@
     font-size: 16px;
     text-align: center;
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/pages/template/custom-tab-bar/custom-tab-bar.uvue b/pages/template/custom-tab-bar/custom-tab-bar.uvue
index c33da26e..a847c4a8 100644
--- a/pages/template/custom-tab-bar/custom-tab-bar.uvue
+++ b/pages/template/custom-tab-bar/custom-tab-bar.uvue
@@ -65,7 +65,7 @@
         ] as TabItem[],
         selectedIndex: -1,
         displayArrow: false,
-        $tabViewHeight: 0
+        tabViewHeight: 0
       }
     },
     onLoad() {
@@ -73,7 +73,7 @@
     },
     onReady() {
       this.setSelectedIndex(0)
-      this.$tabViewHeight = (this.$refs["tabview"] as Element).getBoundingClientRect().height
+      this.tabViewHeight = (this.$refs["tabview"] as Element).getBoundingClientRect().height
     },
     onUnload() {
       uni.$off('tabchange', this.onTabPageEvent)
@@ -86,7 +86,7 @@
         }
       },
       onTabPageEvent(top : number) {
-        this.displayArrow = top > this.$tabViewHeight
+        this.displayArrow = top > this.tabViewHeight
       },
       setSelectedIndex(index : number) {
         if (this.selectedIndex === index) {
-- 
GitLab