商品组件提取

pages/index/diy/components/goodListMall.vue

@@ -0,0 +1,395 @@
+<template>
+	<view class="index-product-wrapper" :class="iSshowH?'on':''" :style="'margin-top:'+mbConfig*2+'rpx;'" v-show="!isSortType">
+		<view v-if="iSshowH">
+			<u-tabs :list="navigationList2" @click="" lineColor="#EB4C63" :inactiveStyle="{color: '#333'}"
+					:activeStyle="{color: '#EB4C63',fontWeight: 'bold'}"></u-tabs>
+		</view>
+		<!-- 首发新品 -->
+		<view class="list-box animated" :class='tempArr.length > 0?"fadeIn on":""'>
+			<view class="item" v-for="(item,index) in tempArr" :key="index" @click="goDetail(item)">
+				<view class="pictrue">
+					<span class="pictrue_log pictrue_log_class" :style="'background-color:'+labelColor" v-if="item.activity && item.activity.type === '1'">{{$t(`秒杀`)}}</span>
+					<span class="pictrue_log pictrue_log_class" :style="'background-color:'+labelColor" v-if="item.activity && item.activity.type === '2'">{{$t(`砍价`)}}</span>
+					<span class="pictrue_log pictrue_log_class" :style="'background-color:'+labelColor" v-if="item.activity && item.activity.type === '3'">{{$t(`拼团`)}}</span>
+					<image :src="item.image" mode="aspectFit"></image>
+				</view>
+				<view class="text-info">
+					<view class="title line1" v-if="titleShow">{{item.store_name}}</view>
+					<view class="old-price" v-if="opriceShow"><text>{{$t(`￥`)}}</text>{{item.ot_price}}</view>
+					<view class="price" :style="{color:fontColor}">
+						<view v-if="priceShow">
+							<text>{{$t(`￥`)}}</text>{{item.price}}
+						</view>
+						<view class="txt" :style="'border:1px solid '+labelColor+';color:'+labelColor" :class="priceShow?'':'on'" v-if="item.checkCoupon && couponShow">{{$t(`券`)}}</view>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'promotionList',
+		props: {
+			dataConfig: {
+				type: Object,
+				default: () => {}
+			},
+			tempArr: {
+				type: Array,
+				default: []
+			},
+			iSshowH: {
+				type: Boolean,
+				default: false
+			},
+			isSortType:{
+				type: String | Number,
+				default:0
+			}
+		},
+		data() {
+			return {
+				navigationList2: [{
+				name: 'Tab1',
+			}, {
+				name: 'Tab2'
+			}, {
+				name: 'Tab2'
+			}, {
+				name: 'Tab3'
+			}, {
+				name: 'Tab4'
+			}, {
+				name: 'Tab5'
+			}, {
+				name: 'Tab6'
+			}, {
+				name: 'Tab7'
+			}],
+				ProductNavindex: 0,
+				explosiveMoney: [
+                    {
+                        "chiild": [
+                            {
+                                "title": "标题",
+                                "val": "首发新品",
+                                "max": 4,
+                                "pla": "选填，不超过四个字"
+                            },
+                            {
+                                "title": "简介",
+                                "val": "最新出炉",
+                                "max": 4,
+                                "pla": "选填，不超过四个字"
+                            }
+                        ],
+                        "link": {
+                            "title": "链接",
+                            "activeVal": 3,
+                            "optiops": [
+                                {
+                                    "type": 0,
+                                    "value": 1,
+                                    "label": "精品推荐"
+                                },
+                                {
+                                    "type": 1,
+                                    "value": 2,
+                                    "label": "热门榜单"
+                                },
+                                {
+                                    "type": 2,
+                                    "value": 3,
+                                    "label": "首发新品"
+                                },
+                                {
+                                    "type": 3,
+                                    "value": 4,
+                                    "label": "促销单品"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "chiild": [
+                            {
+                                "title": "标题",
+                                "val": "精品推荐",
+                                "max": 4,
+                                "pla": "选填，不超过四个字"
+                            },
+                            {
+                                "title": "简介",
+                                "val": "猜你喜欢",
+                                "max": 4,
+                                "pla": "选填，不超过四个字"
+                            }
+                        ],
+                        "link": {
+                            "title": "链接",
+                            "activeVal": 1,
+                            "optiops": [
+                                {
+                                    "type": 0,
+                                    "value": 1,
+                                    "label": "精品推荐"
+                                },
+                                {
+                                    "type": 1,
+                                    "value": 2,
+                                    "label": "热门榜单"
+                                },
+                                {
+                                    "type": 2,
+                                    "value": 3,
+                                    "label": "首发新品"
+                                },
+                                {
+                                    "type": 3,
+                                    "value": 4,
+                                    "label": "促销单品"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "chiild": [
+                            {
+                                "title": "标题",
+                                "val": "热门榜单",
+                                "max": 4,
+                                "pla": "选填，不超过四个字"
+                            },
+                            {
+                                "title": "简介",
+                                "val": "好评如云",
+                                "max": 4,
+                                "pla": "选填，不超过四个字"
+                            }
+                        ],
+                        "link": {
+                            "title": "链接",
+                            "activeVal": 2,
+                            "optiops": [
+                                {
+                                    "type": 0,
+                                    "value": 1,
+                                    "label": "精品推荐"
+                                },
+                                {
+                                    "type": 1,
+                                    "value": 2,
+                                    "label": "热门榜单"
+                                },
+                                {
+                                    "type": 2,
+                                    "value": 3,
+                                    "label": "首发新品"
+                                },
+                                {
+                                    "type": 3,
+                                    "value": 4,
+                                    "label": "促销单品"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "chiild": [
+                            {
+                                "title": "标题",
+                                "val": "促销单品",
+                                "max": 4,
+                                "pla": "选填，不超过四个字"
+                            },
+                            {
+                                "title": "简介",
+                                "val": "多买多销",
+                                "max": 4,
+                                "pla": "选填，不超过四个字"
+                            }
+                        ],
+                        "link": {
+                            "title": "链接",
+                            "activeVal": 4,
+                            "optiops": [
+                                {
+                                    "type": 0,
+                                    "value": 1,
+                                    "label": "精品推荐"
+                                },
+                                {
+                                    "type": 1,
+                                    "value": 2,
+                                    "label": "热门榜单"
+                                },
+                                {
+                                    "type": 2,
+                                    "value": 3,
+                                    "label": "首发新品"
+                                },
+                                {
+                                    "type": 3,
+                                    "value": 4,
+                                    "label": "促销单品"
+                                }
+                            ]
+                        }
+                    }
+                ],
+				numConfig: 9,
+				// imgStyle: this.dataConfig.imgStyle.type,
+				mbConfig: 0,
+				themeColor: "rgba(29,176,252,1)",
+				titleShow: true, //标题是否显示
+				opriceShow: true, //原价是否显示
+				priceShow: true, //价格是否显示
+				couponShow: true,//优惠券标签是否显示
+				titleConfig: 2, //标题位置
+				fontColor: "rgba(253,80,47,1)",
+				labelColor: "rgba(29,176,252,1)"
+			};
+		},
+		created() {
+		},
+		methods: {
+			// 首发新品切换
+			ProductNavTab(type, index) {
+				this.ProductNavindex = index;
+				this.$emit('changeTab', type);
+			},
+			goDetail(item){
+				this.$emit('detail',item);
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	.index-product-wrapper {
+		margin: 30rpx 20rpx 0 20rpx;
+
+		&.on {
+			min-height: 1500rpx;
+		}
+
+		.nav-bd {
+			display: flex;
+			align-items: center;
+			margin-top: 30rpx;
+
+			.item {
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				justify-content: center;
+				width: 25%;
+				
+				&.on{
+					border-radius: 0;
+				}
+
+				.txt {
+					font-size: 32rpx;
+					color: #282828;
+				}
+
+				.label {
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					width: 124rpx;
+					height: 32rpx;
+					margin-top: 5rpx;
+					font-size: 24rpx;
+					color: #999;
+					border-radius: 16rpx;
+				}
+			}
+		}
+
+		.list-box {
+			display: flex;
+			flex-wrap: wrap;
+			justify-content: space-between;
+			margin-top: 30rpx;
+
+			.item {
+				width: 345rpx;
+				margin-bottom: 20rpx;
+				background-color: #fff;
+				border-radius: 20rpx;
+				overflow: hidden;
+				position: relative;
+
+				.pictrue_log {
+					width: 92rpx;
+					height: 44rpx;
+					font-size: 26rpx;
+					line-height: 44rpx;
+				}
+
+				image {
+					width: 100%;
+					height: 346rpx;
+					display: block;
+				}
+
+				.text-info {
+					padding: 10rpx 20rpx 15rpx;
+
+					.title {
+						color: #222222;
+					}
+
+					.old-price {
+						margin-top: 4rpx;
+						font-size: 26rpx;
+						color: #AAAAAA;
+						text-decoration: line-through;
+
+						text {
+							margin-right: 2px;
+							font-size: 20rpx;
+						}
+					}
+
+					.price {
+						display: flex;
+						align-items: flex-end;
+						font-size: 36rpx;
+						font-weight: 550;
+
+						text {
+							padding-bottom: 4rpx;
+							font-size: 26rpx;
+							font-weight: normal;
+						}
+
+						.txt {
+							display: flex;
+							align-items: center;
+							justify-content: center;
+							width: 28rpx;
+							height: 28rpx;
+							margin-left: 15rpx;
+							margin-bottom: 10rpx;
+							border-radius: 4rpx;
+							font-size: 20rpx;
+							font-weight: normal;
+							&.on{
+								margin-left: 0;
+							}
+						}
+					}
+				}
+			}
+
+			&.on {
+				display: flex;
+			}
+		}
+	}
+</style>

pages/index/diy/index_mall.vue

@@ -55,25 +55,13 @@
 					</view>
 					<view class="goods-scroll">
 						<scroll-view scroll-x="true">
-							<view class="goods-item">
-								<image src="../../../static/goods@2x.png" mode="widthFix"></image>
-								<view class="goods-name">这里是商品名称这里是商品名称这里是商品名称</view>
+							<view class="goods-item" v-for="(item,index) in tempArr" :key="index"
+								@click="goDetail(item)">
+								<image :src="item.image" mode="aspectFit"></image>
+								<view class="goods-name">{{item.store_name}}</view>
 								<view class="tags">赠送20.54红积分</view>
-								<view class="price">¥10.44</view>
+								<view class="price">¥{{item.ot_price}}</view>
 							</view>
-							<view class="goods-item">
-								<image src="../../../static/goods@2x.png" mode="widthFix"></image>
-								<view class="goods-name">这里是商品名称这里是商品名称这里是商品名称</view>
-								<view class="tags">赠送20.54红积分</view>
-								<view class="price">¥10.44</view>
-							</view>
-							<view class="goods-item">
-								<image src="../../../static/goods@2x.png" mode="widthFix"></image>
-								<view class="goods-name">这里是商品名称这里是商品名称这里是商品名称</view>
-								<view class="tags">赠送20.54红积分</view>
-								<view class="price">¥10.44</view>
-							</view>
-
 						</scroll-view>
 					</view>
 				</view>
@@ -85,102 +73,468 @@
 					商品推荐
 					<view class="line"></view>
 				</view>
-				<view class="list-group">
-					<view class="list-item-content">
-						<view class="list-item">
-							<image src="../../../static/goods@2x.png" mode="widthFix"></image>
-							<view class="goods-name">这里是商品名称这里是商品这里是商品名称这里是商品名称这里是商品名称名称这里是商品名称</view>
-							<view class="tags">赠送20.54红积分</view>
-							<view class="price">¥10.44</view>
-						</view>
-					</view>
-					<view class="list-item-content">
-						<view class="list-item">
-							<image src="../../../static/goods@2x.png" mode="widthFix"></image>
-							<view class="goods-name">这里是商品名称这里是商品这里是商品名称这里是商品名称这里是商品名称名称这里是商品名称</view>
-							<view class="tags">赠送20.54红积分</view>
-							<view class="price">¥10.44</view>
-						</view>
-					</view>
-					<view class="list-item-content">
-						<view class="list-item">
-							<image src="../../../static/goods@2x.png" mode="widthFix"></image>
-							<view class="goods-name">这里是商品名称这里是商品这里是商品名称这里是商品名称这里是商品名称名称这里是商品名称</view>
-							<view class="tags">赠送20.54红积分</view>
-							<view class="price">¥10.44</view>
-						</view>
-					</view>
-					<view class="list-item-content">
-						<view class="list-item">
-							<image src="../../../static/goods@2x.png" mode="widthFix"></image>
-							<view class="goods-name">这里是商品名称这里是商品这里是商品名称这里是商品名称这里是商品名称名称这里是商品名称</view>
-							<view class="tags">赠送20.54红积分</view>
-							<view class="price">¥10.44</view>
-						</view>
-					</view>
-				</view>
+				<goodListMall @changeTab="changeTab" :tempArr="tempArr" :iSshowH="false" @detail="goDetail"
+					:isSortType="isSortType"></goodListMall>
 			</view>
 		</view>
 
-		<view class="tab-content" v-if="current == 1">
+		<view class="tab-content" v-if="current >= 1">
 			<!-- 轮播 -->
 			<view class="swiper-group">
 				<u-swiper :list="swiperList" indicator indicatorMode="line" circular></u-swiper>
 			</view>
 
-			<!-- 商品列表 -->
+			<!-- 商品二级列表 -->
 			<view class="tabs">
 				<u-tabs :list="navigationList2" @click="" lineColor="#EB4C63" :inactiveStyle="{color: '#333'}"
 					:activeStyle="{color: '#EB4C63',fontWeight: 'bold'}"></u-tabs>
 			</view>
-			<view class="goods-list">
-				<view class="list-group">
-					<view class="list-item-content">
-						<view class="list-item">
-							<image src="../../../static/goods@2x.png" mode="widthFix"></image>
-							<view class="goods-name">这里是商品名称这里是商品这里是商品名称这里是商品名称这里是商品名称名称这里是商品名称</view>
-							<view class="tags">赠送20.54红积分</view>
-							<view class="price">¥10.44</view>
-						</view>
-					</view>
-					<view class="list-item-content">
-						<view class="list-item">
-							<image src="../../../static/goods@2x.png" mode="widthFix"></image>
-							<view class="goods-name">这里是商品名称这里是商品这里是商品名称这里是商品名称这里是商品名称名称这里是商品名称</view>
-							<view class="tags">赠送20.54红积分</view>
-							<view class="price">¥10.44</view>
-						</view>
-					</view>
-					<view class="list-item-content">
-						<view class="list-item">
-							<image src="../../../static/goods@2x.png" mode="widthFix"></image>
-							<view class="goods-name">这里是商品名称这里是商品这里是商品名称这里是商品名称这里是商品名称名称这里是商品名称</view>
-							<view class="tags">赠送20.54红积分</view>
-							<view class="price">¥10.44</view>
-						</view>
-					</view>
-					<view class="list-item-content">
-						<view class="list-item">
-							<image src="../../../static/goods@2x.png" mode="widthFix"></image>
-							<view class="goods-name">这里是商品名称这里是商品这里是商品名称这里是商品名称这里是商品名称名称这里是商品名称</view>
-							<view class="tags">赠送20.54红积分</view>
-							<view class="price">¥10.44</view>
-						</view>
-					</view>
-				</view>
-			</view>
+			<!-- 商品列表 -->
+			<goodListMall @changeTab="changeTab" :tempArr="tempArr" :iSshowH="true" @detail="goDetail"
+				:isSortType="isSortType"></goodListMall>
 		</view>
 	</view>
 </template>
 
 <script>
 import headerSerch from './components/headerSerch';
+import goodListMall from './components/goodListMall';
+import {
+	goShopDetail
+} from '@/libs/order.js';
 export default {
-	components:{
-		headerSerch
+	components: {
+		headerSerch,
+		goodListMall
 	},
 	data() {
 		return {
+			tempArr: [
+				{
+					"id": 72,
+					"image": "https://demo26.crmeb.net/uploads/attach/2021/11/20211112/mid_1608a6e46f559f11328c544fa05ea10b.png",
+					"store_name": "COACH/蔻驰女士swinger腋下包单肩包麻将包豌豆包",
+					"store_info": "COACH/蔻驰女士swinger腋下包单肩包麻将包豌豆包",
+					"cate_id": "79",
+					"price": "3000.00",
+					"ot_price": "2900.00",
+					"sales": "226",
+					"unit_name": "件",
+					"sort": 446,
+					"activity": [],
+					"stock": 258,
+					"vip_price": 0,
+					"is_vip": 0,
+					"couponId": [],
+					"star": [
+						{
+							"product_score": 5,
+							"product_id": 72
+						}
+					],
+					"checkCoupon": false
+				},
+				{
+					"id": 119,
+					"image": "https://demo26.crmeb.net/uploads/attach/2021/12/10/mid_738c68638ab29effeff2e98365ec6dd6.jpg",
+					"store_name": "微星（MSI）GK50Z 机械键盘 红轴 RGB光效 有线 游戏电竞办公键盘 104键 吃鸡键盘 黑色",
+					"store_info": "ceshi123",
+					"cate_id": "38",
+					"price": "0.01",
+					"ot_price": "199.00",
+					"sales": "135",
+					"unit_name": "件",
+					"sort": 999,
+					"activity": [],
+					"stock": 24855,
+					"vip_price": 0,
+					"is_vip": 0,
+					"couponId": [
+						{
+							"id": 23,
+							"product_id": 119,
+							"issue_coupon_id": 218,
+							"title": "",
+							"add_time": 1664522680
+						}
+					],
+					"star": [
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 4,
+							"product_id": 119
+						},
+						{
+							"product_score": 4,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 4,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 2,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 3,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 4,
+							"product_id": 119
+						},
+						{
+							"product_score": 4,
+							"product_id": 119
+						},
+						{
+							"product_score": 3,
+							"product_id": 119
+						},
+						{
+							"product_score": 4,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 4,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 4,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 4,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 4,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 4,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 2,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						},
+						{
+							"product_score": 5,
+							"product_id": 119
+						}
+					],
+					"checkCoupon": false
+				},
+				{
+					"id": 41,
+					"image": "http://demo26.crmeb.net/uploads/attach/2020/10/13/a23b5bc300cc6a965082368f8c657b3d.jpg",
+					"store_name": "华为智选摄像头智能家居监控器无线高清网络摄像头家用全景智能摄像机1080P夜间清晰人像AI智能看护",
+					"store_info": "华为智选摄像头智能家居监控器无线高清网络摄像头家用全景智能摄像机1080P夜间清晰人像AI智能看护",
+					"cate_id": "11,21",
+					"price": "500.00",
+					"ot_price": "1000.00",
+					"sales": "94",
+					"unit_name": "件",
+					"sort": 0,
+					"activity": [],
+					"stock": 1981,
+					"vip_price": 0,
+					"is_vip": 0,
+					"couponId": [],
+					"star": [],
+					"checkCoupon": false
+				},
+				{
+					"id": 51,
+					"image": "http://demo26.crmeb.net/uploads/attach/2020/10/20201014/118bccc3d5499881dd7178c43ebb9346.jpg",
+					"store_name": "极度空间 中秋贺卡 生日卡片 创意3D明信片感恩卡*10",
+					"store_info": "极度空间 中秋贺卡 生日卡片 创意3D明信片感恩卡*10",
+					"cate_id": "40,34",
+					"price": "100.00",
+					"ot_price": "1000.00",
+					"sales": "39",
+					"unit_name": "件",
+					"sort": 0,
+					"activity": [],
+					"stock": 761,
+					"vip_price": 0,
+					"is_vip": 0,
+					"couponId": [],
+					"star": [
+						{
+							"product_score": 5,
+							"product_id": 51
+						}
+					],
+					"checkCoupon": true
+				},
+				{
+					"id": 89,
+					"image": "https://demo26.crmeb.net/uploads/attach/2021/11/20211113/mid_2fbe723632427b0768df24c4f23c6cad.png",
+					"store_name": "家居梵高系列联名款饭盒袋大容量手拎保温实用方便 星月夜饭盒袋",
+					"store_info": "",
+					"cate_id": "35",
+					"price": "350.00",
+					"ot_price": "300.00",
+					"sales": "19",
+					"unit_name": "件",
+					"sort": 553,
+					"activity": [],
+					"stock": 185,
+					"vip_price": 0,
+					"is_vip": 0,
+					"couponId": [],
+					"star": [
+						{
+							"product_score": 5,
+							"product_id": 89
+						}
+					],
+					"checkCoupon": false
+				},
+				{
+					"id": 45,
+					"image": "http://demo26.crmeb.net/uploads/attach/2020/10/20201014/1bfcaad092adb917739ec681f55fb255.jpg",
+					"store_name": "Adidas阿迪达斯男装 2020秋季新款运动服户外跑步训练健身透气舒适时尚休闲夹克外套GD5462 GD5462 L",
+					"store_info": "Adidas阿迪达斯男装 2020秋季新款运动服户外跑步训练健身透气舒适时尚休闲夹克外套GD5462 GD5462 L",
+					"cate_id": "26,27,50,54",
+					"price": "200.00",
+					"ot_price": "500.00",
+					"sales": "11",
+					"unit_name": "件",
+					"sort": 0,
+					"activity": [],
+					"stock": 4984,
+					"vip_price": "120.00",
+					"is_vip": 1,
+					"couponId": [],
+					"star": [
+						{
+							"product_score": 5,
+							"product_id": 45
+						},
+						{
+							"product_score": 5,
+							"product_id": 45
+						},
+						{
+							"product_score": 2,
+							"product_id": 45
+						}
+					],
+					"checkCoupon": false
+				},
+				{
+					"id": 71,
+					"image": "https://demo26.crmeb.net/uploads/attach/2021/09/03/mid_0b209a475fe7a7118dc964407c98542c.jpg",
+					"store_name": "Casio卡西欧女表时尚优雅简约指针防水复古石英手表LTP-1094E-1A",
+					"store_info": "品质保障 全场包邮",
+					"cate_id": "38",
+					"price": "265.00",
+					"ot_price": "265.00",
+					"sales": "6",
+					"unit_name": "件",
+					"sort": 300,
+					"activity": [],
+					"stock": 94,
+					"vip_price": 0,
+					"is_vip": 0,
+					"couponId": [],
+					"star": [
+						{
+							"product_score": 5,
+							"product_id": 71
+						},
+						{
+							"product_score": 5,
+							"product_id": 71
+						},
+						{
+							"product_score": 5,
+							"product_id": 71
+						}
+					],
+					"checkCoupon": false
+				}
+			],
+			isSortType: 0,
 			headItem: {
 				"name": "headerSerch",
 				"timestamp": "1666235374470000",
@@ -285,30 +639,84 @@ export default {
 				name: '珠宝首饰'
 			}, {
 				name: '家纺家饰'
-			}],
-			navigationList2: [{
-				name: 'Tab1',
-			}, {
-				name: 'Tab2'
-			}, {
-				name: 'Tab2'
-			}, {
-				name: 'Tab3'
-			}, {
-				name: 'Tab4'
-			}, {
-				name: 'Tab5'
-			}, {
-				name: 'Tab6'
-			}, {
-				name: 'Tab7'
-			}],
+			}]
 		}
 	},
 	onLoad() {
 
 	},
 	methods: {
+		// 促销列表的点击事件；
+		changeTab(type) {
+			this.goodType = type;
+			this.tempArr = [];
+			this.page = 1;
+			this.loadend = false;
+			let onloadH = true;
+			this.getGroomList(onloadH);
+		},
+		// 精品推荐
+		getGroomList(onloadH) {
+			let that = this;
+			let type = that.goodType;
+			if (that.loadend) return false;
+			if (that.loading) return false;
+			if (onloadH) {
+				that.$set(that, 'iSshowH', true);
+			}
+			uni.request({
+				url: 'api/groom/list',
+				success: res => {
+					that.$set(that, 'iSshowH', false);
+					let maxPage = Math.ceil(this.numConfig / this.limit);
+					let list = res.data.list,
+						loadend = list.length < that.limit || that.page >= maxPage;
+					let tempArr = that.$util.SplitArray(list, that.tempArr);
+					that.$set(that, 'tempArr', tempArr.slice(0, this.numConfig));
+					that.loadend = loadend;
+					that.loadTitle = loadend ? that.$t(`没有更多内容啦~`) : that.$t(`加载更多`);
+					that.page = that.page + 1;
+					that.loading = false;
+				}
+			})
+			// getGroomList(type, {
+			// 	page: that.page,
+			// 	limit: this.numConfig
+			// })
+			// 	.then(({
+			// 		data
+			// 	}) => {
+			// 		that.$set(that, 'iSshowH', false);
+			// 		let maxPage = Math.ceil(this.numConfig / this.limit);
+			// 		let list = data.list,
+			// 			loadend = list.length < that.limit || that.page >= maxPage;
+			// 		let tempArr = that.$util.SplitArray(list, that.tempArr);
+			// 		that.$set(that, 'tempArr', tempArr.slice(0, this.numConfig));
+			// 		that.loadend = loadend;
+			// 		that.loadTitle = loadend ? that.$t(`没有更多内容啦~`) : that.$t(`加载更多`);
+			// 		that.page = that.page + 1;
+			// 		that.loading = false;
+			// 	})
+			// 	.catch(res => {
+			// 		that.loading = false;
+			// 		that.loadTitle = that.$t(`加载更多`);
+			// 	});
+		},
+		goDetail(item) {
+			goShopDetail(item, this.$store.state.app.uid).then(res => {
+				uni.navigateTo({
+					url: `/pages/goods_details/index?id=${item.id}`
+				});
+			});
+		},
+		// 去商品详情
+		goGoodsDetail(item) {
+			goShopDetail(item, this.uid).then(res => {
+				uni.navigateTo({
+					url: `/pages/goods_details/index?id=${item.id}`
+				});
+			});
+		},
 		clickNav(e) {
 			console.log(e)
 			this.current = e.index

pages/index/index.vue

@@ -59,11 +59,11 @@
 				// });
 			},
 		},
-		onReachBottom: function() {
-			if (this.isDiy) {
-				this.$refs.diy.onsollBotton()
-			}
-		},
+		// onReachBottom: function() {
+		// 	if (this.isDiy) {
+		// 		this.$refs.diy.onsollBotton()
+		// 	}
+		// },
 		// #ifdef MP
 		//发送给朋友
 		onShareAppMessage(res) {