From 011fcbc2e4e12220e346d7edb6025d9b3873ef0a Mon Sep 17 00:00:00 2001
From: 1154079537 <1154079537@qq.com>
Date: Sat, 25 May 2024 11:20:18 +0800
Subject: [PATCH] =?UTF-8?q?scrollview=E5=AE=9A=E4=BD=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/cloud_warehouse/home/home.vue           | 15 ++++++++++-----
 pages/cloud_warehouse/market/market.vue       | 10 +++++++---
 pages/cloud_warehouse/specialty/specialty.vue | 12 ++++++++----
 pages/whole_sale/index.vue                    | 12 ++++++++----
 4 files changed, 33 insertions(+), 16 deletions(-)

diff --git a/pages/cloud_warehouse/home/home.vue b/pages/cloud_warehouse/home/home.vue
index c46210a..91a50a2 100644
--- a/pages/cloud_warehouse/home/home.vue
+++ b/pages/cloud_warehouse/home/home.vue
@@ -27,11 +27,11 @@
 
 			<!-- 商品大分类 -->
 			<view class="category">
-				<scroll-view scroll-x="true">
+				<scroll-view scroll-x="true" :scroll-into-view="scrollIndex">
 					<view class="category-wrap">
 						<block v-for="(item,index) in store_category" :key="index">
-							<view class="category-item" :class="{'category-item-active': index==cate_change}"
-								@click="changeCate(index)">
+							<view class="category-item" :id="'scroll' + index"
+								:class="{'category-item-active': index==cate_change}" @click="changeCate(index)">
 								<u--image class="category-item-img" width="108rpx" :src="item.pic" height="108rpx"
 									shape="circle">
 									<template v-slot:loading>
@@ -80,7 +80,8 @@
 				<view class="popup-wrap-category">
 					<view class="popup-wrap-category-wrap">
 						<block v-for="(item,index) in store_category" :key="index">
-							<view class="popup-wrap-category-item" :class="{'category-item-active': index==cate_change}"
+							<view class="popup-wrap-category-item"
+								:class="{'popup-wrap-category-item-active': index==cate_change}"
 								@click="changeCate(index)">
 								<u--image class="popup-wrap-category-item-img" width="108rpx" :src="item.pic"
 									height="108rpx" shape="circle">
@@ -130,7 +131,8 @@
 					rand: 1
 				},
 				wrapHeight: 300,
-				touchstarty: 0
+				touchstarty: 0,
+				scrollIndex: ''
 			}
 		},
 		onLoad(option) {
@@ -205,6 +207,9 @@
 				if (this.where.cate_pid) this.wrapHeight = 360;
 				else this.wrapHeight = 300;
 
+				// scrollView 滚动到对应选择的分类
+				this.scrollIndex = 'scroll' + e;
+
 				this.$refs.popup && this.$refs.popup.close();
 			},
 
diff --git a/pages/cloud_warehouse/market/market.vue b/pages/cloud_warehouse/market/market.vue
index 20f11c8..1dfa689 100644
--- a/pages/cloud_warehouse/market/market.vue
+++ b/pages/cloud_warehouse/market/market.vue
@@ -44,11 +44,11 @@
 
 			<!-- 商品大分类 -->
 			<view class="category">
-				<scroll-view scroll-x="true">
+				<scroll-view scroll-x="true" :scroll-into-view="scrollIndex">
 					<view class="category-wrap">
 						<block v-for="(item,index) in store_category" :key="index">
-							<view class="category-item" :class="{'category-item-active': index==cate_change}"
-								@click="changeCate(index)">
+							<view class="category-item" :id="'scroll' + index"
+								:class="{'category-item-active': index==cate_change}" @click="changeCate(index)">
 								<u--image class="category-item-img" width="108rpx" :src="item.background"
 									height="108rpx" shape="circle">
 									<template v-slot:loading>
@@ -192,6 +192,7 @@
 				},
 				wrapHeight: 300,
 				touchstarty: 0,
+				scrollIndex: ''
 			}
 		},
 		computed: {
@@ -280,6 +281,9 @@
 				this.where.merchant_category_id = this.store_category[e].merchant_category_id;
 				this.storeMerchantList(true);
 
+				// scrollView 滚动到对应选择的分类
+				this.scrollIndex = 'scroll' + e;
+
 				this.$refs.popup && this.$refs.popup.close();
 				this.$forceUpdate();
 			},
diff --git a/pages/cloud_warehouse/specialty/specialty.vue b/pages/cloud_warehouse/specialty/specialty.vue
index f50087c..742e51d 100644
--- a/pages/cloud_warehouse/specialty/specialty.vue
+++ b/pages/cloud_warehouse/specialty/specialty.vue
@@ -26,11 +26,11 @@
 
 			<!-- 商品大分类 -->
 			<view class="category">
-				<scroll-view scroll-x="true">
+				<scroll-view scroll-x="true" :scroll-into-view="scrollIndex">
 					<view class="category-wrap">
 						<block v-for="(item,index) in store_category" :key="index">
-							<view class="category-item" :class="{'category-item-active': index==cate_change}"
-								@click="changeCate(index)">
+							<view class="category-item" :id="'scroll' + index"
+								:class="{'category-item-active': index==cate_change}" @click="changeCate(index)">
 								<u--image class="category-item-img" width="108rpx" :src="item.pic" height="108rpx"
 									shape="circle">
 									<template v-slot:loading>
@@ -129,7 +129,8 @@
 					sale_type: 1, //1-零售, 2-批发
 				},
 				wrapHeight: 300,
-				touchstarty: 0
+				touchstarty: 0,
+				scrollIndex: ''
 			}
 		},
 
@@ -206,6 +207,9 @@
 				this.where.cate_pid = this.store_category[e].store_category_id;
 				this.getProductslist(true);
 
+				// scrollView 滚动到对应选择的分类
+				this.scrollIndex = 'scroll' + e;
+
 				this.$refs.popup && this.$refs.popup.close();
 				this.$forceUpdate();
 			},
diff --git a/pages/whole_sale/index.vue b/pages/whole_sale/index.vue
index ca6b182..046fca9 100644
--- a/pages/whole_sale/index.vue
+++ b/pages/whole_sale/index.vue
@@ -41,11 +41,11 @@
 
 			<!-- 商品大分类 -->
 			<view class="category">
-				<scroll-view scroll-x="true">
+				<scroll-view scroll-x="true" :scroll-into-view="scrollIndex">
 					<view class="category-wrap">
 						<block v-for="(item,index) in store_category" :key="index">
-							<view class="category-item" :class="{'category-item-active': index==cate_change}"
-								@click="changeCate(index)">
+							<view class="category-item" :id="'scroll' + index"
+								:class="{'category-item-active': index==cate_change}" @click="changeCate(index)">
 								<block v-if="subCurr!=1 || (subCurr==1 && tabsCurr!=2)">
 									<u--image class="category-item-img" width="108rpx" :src="item.pic" height="108rpx"
 										shape="circle">
@@ -315,7 +315,8 @@
 				smallTypeDomInfo: null,
 				categoryWrapHeight: 0,
 				wrapHeight: 360,
-				touchstarty: 0
+				touchstarty: 0,
+				scrollIndex: ''
 			}
 		},
 		computed: {
@@ -527,6 +528,9 @@
 
 				this.getHeight();
 
+				// scrollView 滚动到对应选择的分类
+				this.scrollIndex = 'scroll' + e;
+
 				// 关闭popup
 				this.$refs.popup && this.$refs.popup.close();
 			},