From cb7ef86d4070e3dfa1ee4ff6ddbb73943a635122 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=82=93=E5=B9=B3=E8=89=BA?= <52643018@qq.com>
Date: Fri, 17 Sep 2021 18:12:22 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=88=86=E7=B1=BB=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E9=80=BB=E8=BE=91=EF=BC=8C=E5=8F=B3=E4=BE=A7=E6=BB=91?=
 =?UTF-8?q?=E5=8A=A8=E5=B7=A6=E4=BE=A7=E8=81=94=E5=8A=A8BUG=EF=BC=8C?=
 =?UTF-8?q?=E5=BE=85=E9=AA=8C=E8=AF=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/index/category/category.vue |  10 +-
 pages/index/category/testdata.js  | 225 ------------------------------
 2 files changed, 7 insertions(+), 228 deletions(-)
 delete mode 100644 pages/index/category/testdata.js

diff --git a/pages/index/category/category.vue b/pages/index/category/category.vue
index 7ba2399..73913de 100644
--- a/pages/index/category/category.vue
+++ b/pages/index/category/category.vue
@@ -11,11 +11,11 @@
 		</view>
 		<!-- 分类 -->
 		<view class="page" v-if="current == 0 && dataArr.length">
-			<scroll-view class="left_view p_r" scroll-y :style="{ height: autoHeight }">
+			<scroll-view class="left_view p_r" :scroll-into-view="left_tabview" scroll-y :style="{ height: autoHeight }">
 				<block v-for="(item, index) in dataArr" :key="index">
 					<view :class="[left_selectIndex == index ? 'left_item_s' : '', 'left_item']" :id="'left_' + index" @click="leftTap({ item, index })">{{ item.name }}</view>
 				</block>
-				<view class="seletItem" :style="{ top: left_selectIndex * 60 - 19 + 'px' }"></view>
+				<view class="seletItem" :id="'tab_'+ left_selectIndex" :style="{ top: left_selectIndex * 60 - 19 + 'px' }"></view>
 			</scroll-view>
 			
 			<scroll-view @scroll="rightScroll" class="right_view" scroll-y :style="{ height: autoHeight }" :scroll-into-view="'left_' + right_selectIndex" scroll-with-animation>
@@ -92,7 +92,6 @@
 <script>
 	import lfNav from '@/components/lf-nav/lf-nav.vue';
 	import lfTabbar from '@/components/lf-tabbar/lf-tabbar.vue';
-	import testdata from './testdata.js';
 	let app = getApp();
 	
 	export default {
@@ -102,6 +101,7 @@
 				subItemW: 0,
 				left_selectIndex: 0,
 				right_selectIndex: 0,
+				left_tabview: 'tab_0', // 默认和left_selectIndex对应，scroll-view定位到的左侧tab元素
 				ttscrollH: 0, //总高度
 				placeholderH: 0, //占位高度
 				heighArr: [],
@@ -271,6 +271,10 @@
 				// 	return;
 				// }
 				this.left_selectIndex = findInx;
+				this.left_tabview = '';
+				setTimeout(() => {
+					this.left_tabview = 'tab_'+ findInx; // TODO 待验证是否跟随滚动
+				}, 0);
 			},
 			// 计算高度
 			computerH: function() {
diff --git a/pages/index/category/testdata.js b/pages/index/category/testdata.js
deleted file mode 100644
index 60232ae..0000000
--- a/pages/index/category/testdata.js
+++ /dev/null
@@ -1,225 +0,0 @@
-export default [{
-		name: '面部护肤',
-		subArr: [{
-				img: 'https://picsum.photos/200',
-				name: '名称'
-			},
-			{
-				img: 'https://picsum.photos/200',
-				name: '名称'
-			},
-			{
-				img: 'https://picsum.photos/200',
-				name: '名称'
-			},
-			{
-				img: 'https://picsum.photos/200',
-				name: '名称'
-			},
-			{
-				img: 'https://picsum.photos/200',
-				name: '名称'
-			}
-		]
-	},
-	{
-		name: '香水彩妆',
-		subArr: [{
-				img: 'https://picsum.photos/200',
-				name: '名称'
-			},
-			{
-				img: 'https://picsum.photos/200',
-				name: '名称'
-			}
-		]
-	},
-	{
-		name: '精致洗护',
-		subArr: [{
-				img: 'https://picsum.photos/200',
-				name: '名称2'
-			},
-			{
-				img: 'https://picsum.photos/200',
-				name: '名称2'
-			}
-		]
-	},
-	{
-		name: '国际精品',
-		subArr: [{
-				img: 'https://picsum.photos/200',
-				name: '水果2'
-			},
-			{
-				img: 'https://picsum.photos/200',
-				name: '水果2'
-			},
-			{
-				img: 'https://picsum.photos/200',
-				name: '水果2'
-			},
-			{
-				img: 'https://picsum.photos/200',
-				name: '水果2'
-			},
-			{
-				img: 'https://picsum.photos/200',
-				name: '水果2'
-			},
-			{
-				img: 'https://picsum.photos/200',
-				name: '水果2'
-			},
-			{
-				img: 'https://picsum.photos/200',
-				name: '水果2'
-			},
-			{
-				img: 'https://picsum.photos/200',
-				name: '水果2'
-			},
-			{
-				img: 'https://picsum.photos/200',
-				name: '水果2'
-			},
-			{
-				img: 'https://picsum.photos/200',
-				name: '水果2'
-			},
-			{
-				img: 'https://picsum.photos/200',
-				name: '水果2'
-			},
-			{
-				img: 'https://picsum.photos/200',
-				name: '水果2'
-			},
-			{
-				img: 'https://picsum.photos/200',
-				name: '水果2'
-			}
-		]
-	},
-	{
-		name: '服装内衣',
-		subArr: [{
-				img: 'https://picsum.photos/200',
-				name: '悲剧2'
-			},
-			{
-				img: 'https://picsum.photos/200',
-				name: '悲剧2'
-			}
-		]
-	},
-	{
-		name: '首饰配饰',
-		subArr: [{
-				img: 'https://picsum.photos/200',
-				name: '名称'
-			},
-			{
-				img: 'https://picsum.photos/200',
-				name: '名称'
-			},
-			{
-				img: 'https://picsum.photos/200',
-				name: '名称'
-			},
-			{
-				img: 'https://picsum.photos/200',
-				name: '名称'
-			},
-			{
-				img: 'https://picsum.photos/200',
-				name: '名称'
-			},
-			{
-				img: 'https://picsum.photos/200',
-				name: '名称'
-			},
-			{
-				img: 'https://picsum.photos/200',
-				name: '名称'
-			},
-			{
-				img: 'https://picsum.photos/200',
-				name: '名称'
-			},
-			{
-				img: 'https://picsum.photos/200',
-				name: '名称'
-			},
-			{
-				img: 'https://picsum.photos/200',
-				name: '名称'
-			},
-			{
-				img: 'https://picsum.photos/200',
-				name: '名称'
-			},
-			{
-				img: 'https://picsum.photos/200',
-				name: '名称'
-			},
-			{
-				img: 'https://picsum.photos/200',
-				name: '名称'
-			},
-			{
-				img: 'https://picsum.photos/200',
-				name: '名称'
-			}
-		]
-	},
-	{
-		name: '数码家电',
-		subArr: [{
-				img: 'https://picsum.photos/200',
-				name: '悲剧2'
-			},
-			{
-				img: 'https://picsum.photos/200',
-				name: '悲剧2'
-			}
-		]
-	},
-	{
-		name: '鞋履箱包',
-		subArr: [{
-				img: 'https://picsum.photos/200',
-				name: '悲剧2'
-			},
-			{
-				img: 'https://picsum.photos/200',
-				name: '悲剧2'
-			}
-		]
-	},
-	{
-		name: '滋补保健',
-		subArr: [{
-				img: 'https://picsum.photos/200',
-				name: '悲剧2'
-			},
-			{
-				img: 'https://picsum.photos/200',
-				name: '悲剧2'
-			}
-		]
-	},
-	{
-		name: '好好说说',
-		subArr: [{
-				img: 'https://picsum.photos/200',
-				name: '悲剧2'
-			},
-			{
-				img: 'https://picsum.photos/200',
-				name: '悲剧2'
-			}
-		]
-	}
-]