【新增】 频道跳转至推荐列表页面的方法

【修改】 发现好产品页面market

pages/index/index.vue

@@ -28,6 +28,7 @@
 			</view>
 			<view class="lf-flex-wrap" v-if="channel_list.length">
 				<view class="channel-item" v-for="(item, index) in channel_list" :key="index" @click="$url('/pages/goodsList/index?channel_id='+item.id)">
+				<!-- <view class="channel-item" v-for="(item, index) in channel_list" :key="index" @click="toRecommlist(item)"> -->
 					<image :src="item.icon" class="channel-mask" mode="aspectFill"></image>
 					<view class="lf-row-center channe-text lf-font-bold">{{item.name}}</view>
 					<!-- <view>
@@ -162,6 +163,11 @@
 			}
 		},
 		methods: {
+			// 跳转到推荐页
+		   toRecommlist(item){
+				uni.setStorageSync('channel_id', item.channel_id || item.id);
+				this.$url('/pages/recommList/index', {type: 'switch'});
+		   },
 			//获取猜你喜欢
 			getFavourite() {
 				this.$http(this.API.API_FAVOURITE).then(res => {

pages/recommList/index.vue

@@ -38,6 +38,18 @@
 		},
 		onShow(){
 			this.windowHeight = getApp().globalData.windowHeight;
+			// 处理从首页跳转到该页面的情况，动态显示tab
+			if(this.tab_list.length){ // 这是该页面已经存在页面栈中的情况
+				let channel_id = uni.getStorageSync('channel_id');
+				if(channel_id){
+					this.tab_list.map((item, index) => {
+						if(item.id == channel_id){
+							this.current = index;
+						}
+					})
+					uni.removeStorage('channel_id');
+				}
+			}
 			if(this.show_count >= 1){
 				this.clearTabItem();
 				this.getData();
@@ -50,7 +62,10 @@
 			getCategory(options = {}) {
 				this.$http(this.API.API_CATEGORYLIST).then(res => {
 					let res_list = res.data || [];
-					let tab_list = res_list.map(item => {
+					let current = 0;
+					let channel_id = uni.getStorageSync('channel_id');
+					
+					let tab_list = res_list.map((item, index) => {
 						return {
 							id: item.id,
 							name: item.name,
@@ -66,11 +81,15 @@
 					let list = []
 					tab_list.forEach((item,index) => {
 						if(item.pid == 0) {
-							list.push(item)
+							list.push(item);
+							if(channel_id && item.id == channel_id){ // 这是页面首次打开的情况，判断是否有无频道id
+								current = index;
+								uni.removeStorage('channel_id');
+							}
 						}
 					})
+					this.current = current;
 					this.tab_list = list;
-					console.log(this.tab_list)
 					this.getData()
 				}).catch(err => {
 					

pages/shopmap/index.vue

@@ -367,20 +367,20 @@
 			createMarkers(res_list){
 				let markers_self = [];
 				let p_list = []; // 异步队列
-				let downloadImages = JSON.parse(JSON.stringify(this.downloadImages)); // 已下载过的图片缓存
+				// let downloadImages = JSON.parse(JSON.stringify(this.downloadImages)); // PS: 已下载过的图片缓存，如果需要显示market图片时打开这行注释！！！！
 				uni.showLoading({
 					title: '加载地图信息中'
 				})
 				res_list.map(item => {
 					let itemP = new Promise((resolve, reject) => {
-						let tempFilePath = ""; // 图片临时路径地址
+						let tempFilePath = '../../static/market_icon.png';
 						let obj = {
 							id: item.id,
 							name: item.title,
 							address: item.address,
 							latitude: Number(item.latitude),
 							longitude: Number(item.longitude),
-							// iconPath: tempFilePath,
+							iconPath: tempFilePath,
 							width: 30,
 							height: 30,
 							callout: {
@@ -394,6 +394,8 @@
 							}
 						};
 						
+						
+						/*  PS：此处代码为在market上显示图片，因加载较慢，注释掉
 						let image = downloadImages.filter(function(f_item, f_index, f_arr){
 							return f_item.id == item.id;
 						});
@@ -422,11 +424,14 @@
 								}
 							})
 						}
+						*/
+					   markers_self.push(obj);
+					   resolve(); // PS: 如果需要打开注释代码时，请将这两行代码删除！！！！
 					});
 					p_list.push(itemP);
 				});
 				Promise.all(p_list).then(res => {
-					this.downloadImages = JSON.parse(JSON.stringify(downloadImages)); 
+					// this.downloadImages = JSON.parse(JSON.stringify(downloadImages)); // PS: 如果需要显示market图片时打开这行注释！！！！
 					this.markers_list = markers_self;
 					uni.hideLoading();
 				})