<!-- 商品各个样式组件 -->
<!-- @remindSuccess="remindSuccess" 抢购关注 -->
<template>
	
	<view class="goods-container" v-if="logos">
		<!-- 新加注释 - 技能培训等，第二版选项卡和内容 -->
		<!-- <tabs :cc_id="cc_id" @changeChildType="changeChildType"></tabs> -->
		<tabs-c :cc_id="cc_id" @changeChildType="changeChildType" v-if="goodsStyleType === 'rush'"></tabs-c>
		<!-- 抢购 -->
		<block v-if="goodsStyleType === 'rush'">
			<view
				class="goods-box b-f dis-flex m-btm20 p-r"
				v-for="(goodsItem, index) in goodslistData"
				:key="index"
				@click="navigateTo(goodsItem.url,goodsItem.exdetail)"
				:class="!isdiyPage ? 'bor-radius-10upx' : ''"
				:style="{ padding: issearch === '1' ? '10rpx 30rpx' : !isdiyPage ? '20rpx' : isdiyPageStyle.padding * 2 + 'rpx' }"
			>
				<view class="goodsBox-left m-right20 p-r" :style="{ 'background-image': 'url(' + goodsItem.logo + ')' }">
					<block v-if="!isdiyPage"><view class="marker_set col-f f-24" style="background-color: #FF4444;">抢购</view></block>
					<block v-else>
						<block v-if="isdiyPageParams.marker_set === '1'">
							<view class="marker_set col-f f-24" :style="{ backgroundColor: isdiyPageStyle.marker_bg, color: isdiyPageStyle.marker_color }">抢购</view>
						</block>
					</block>
					<view class="alreayOverImage-mask" v-if="goodsItem.stk === 0">
						<image class="alreayOverImage" :src="imgfixUrls  + 'rush_goods_sell_out.png'" mode=""></image>
					</view>
				</view>
				<view class="goodsBox-right flex-box">
					<view class="goods-title col-3 f-26 goods-title-twoList twolist-hidden">{{ goodsItem.goods_name }}</view>
					<view class="dis-flex flex-y-center flex-x-between m-btm10">
						<view class="f-24 col-9" v-if="goodsItem.storename">{{ goodsItem.storename }}</view>
						<view class="f-24 col-9" v-if="!!goodsItem.distance">{{ goodsItem.distance }}</view>
					</view>
					<view class="rush-price-box dis-flex flex-y-center">
						<view class="col-f4 f-36 m-right10">
							<text class="f-24">¥</text>
							{{ goodsItem.price }}
						</view>
						<view class="f-24 col-9" style="text-decoration:line-through;">¥{{ goodsItem.oldprice }}</view>
					</view>
					<view class="coupon-progress p-r">
						<view class="coupon-progress-already" :style="'width: ' + goodsItem.buy_percentage + '%;'"></view>
						<view class="coupon-stk dis-flex flex-y-center">
							<view class="col-f f-22 shrink">已抢{{ goodsItem.buy_num }}份</view>
						</view>
					</view>
				</view>
				<view
					class="coupon-btn col-f f-24 t-c"
					style="background-color: #4CD43A;"
					v-if="goodsItem.status === '1'"
					@click.stop="goodsremind(goodsItem.id, goodsItem, index)"
				>
					{{ goodsItem.is_follow === 0 || goodsItem.is_show === 0 ? '提醒我' : '已关注' }}
				</view>
				<view class="coupon-btn col-f f-24 t-c" :style="{ backgroundColor: goodsItem.stk === 0 ? '#CCCCCC' : '#FF4444' }" v-if="goodsItem.status === '2'">
					{{ goodsItem.stk === 0 ? '已售罄' : '马上抢' }}
				</view>
				<view class="coupon-btn col-f f-24 t-c" style="background-color: #CCCCCC;" v-if="goodsItem.status === '3'">已结束</view>
			</view>
		</block>
		<!-- 抢购2 -->
		<block v-if="goodsStyleType === 'rush2'">
			<view class="goods-box2 dis-flex flex-x-between b-f" :style="{ padding: !isdiyPage ? '0' : isdiyPageStyle.padding * 2 + 'rpx' }">
				<view class="goods-box2-item p-r m-btm20" v-for="(goodsItem, index) in goodslistData" :key="index" @click="navigateTo(goodsItem.url,goodsItem.exdetail)">
					<view class="goods2-image m-btm20 p-r" :style="{ 'background-image': 'url(' + goodsItem.logo + ')' }">
						<view class="alreayOverImage-mask" v-if="goodsItem.stk === 0">
							<image class="alreayOverImage" :src="imgfixUrls  + 'rush_goods_sell_out.png'" mode=""></image>
						</view>
					</view>
					<view class="goods2-title col-3 f-28 goods-title-twoList twolist-hidden m-btm30">{{ goodsItem.goods_name }}</view>
					<view class="dis-flex flex-y-center m-btm10">
						<view class="goods2-price f-30 col-f4" v-if="goodsItem.plugin == 'coupon' && goodsItem.is_charge == 0">
							免费
						</view>
						<view class="goods2-price f-30 col-f4" v-else>
							{{ goodsItem.price }}
							<text class="f-24">元</text>
						</view>
						<block v-if="goodsItem.discount_price > 0">
							<view class="groupon-vip t-c f-24">会员</view>
							<view class="col-9 f-24 groupon-vipPrice onelist-hidden">优惠{{ goodsItem.discount_price }}元</view>
						</block>
					</view>
					<view class="dis-flex  flex-y-center flex-x-between">
						<view class="col-9 f-24" style="text-decoration:line-through;" v-if="goodsItem.oldprice">¥{{ goodsItem.oldprice }}</view>
						<view class="col-9 f-24">{{ goodsItem.pv }}人喜欢</view>
					</view>
				</view>
			</view>
		</block>
		<!-- 团购 -->
		<block v-if="goodsStyleType === 'groupon'">
			<view
				class="goods-box b-f dis-flex m-btm20 p-r"
				v-for="(goodsItem, index) in goodslistData"
				:key="index"
				@click="navigateTo(goodsItem.url,goodsItem.exdetail)"
				:class="!isdiyPage ? 'bor-radius-10upx' : ''"
				:style="{ padding: issearch === '1' ? '10rpx 30rpx' : !isdiyPage ? '20rpx' : isdiyPageStyle.padding * 2 + 'rpx' }"
			>
				<view class="goodsBox-left m-right20 p-r" :style="{ 'background-image': 'url(' + goodsItem.logo + ')' }">
					<block v-if="!isdiyPage"><view class="marker_set col-f f-24" style="background-color: #FF4444;">团购</view></block>
					<block v-else>
						<block v-if="isdiyPageParams.marker_set === '1'">
							<view class="marker_set col-f f-24" :style="{ backgroundColor: isdiyPageStyle.marker_bg, color: isdiyPageStyle.marker_color }">团购</view>
						</block>
					</block>
					<view class="alreayOverImage-mask" v-if="goodsItem.stk === 0">
						<image class="alreayOverImage" :src="imgfixUrls  + 'rush_goods_sell_out.png'" mode=""></image>
					</view>
				</view>
				<view class="goodsBox-right dis-flex flex-box flex-dir-column flex-x-between">
					<view class="goods-title col-3 f-26 goods-title-twoList twolist-hidden">{{ goodsItem.goods_name }}</view>
					<view class="dis-flex flex-y-center flex-x-between m-btm10">
						<view class="f-24 col-9" v-if="goodsItem.storename">{{ goodsItem.storename }}</view>
						<view class="f-24 col-9" v-if="!!goodsItem.distance">{{ goodsItem.distance }}</view>
					</view>
					<view class="groupon-price-box dis-flex flex-y-center">
						<view class="col-f4 f-36">
							<text class="f-24">¥</text>
							{{ goodsItem.price }}
						</view>
						<block v-if="goodsItem.discount_price > 0">
							<view class="groupon-vip t-c f-24">会员</view>
							<view class="col-9 f-24">优惠{{ goodsItem.discount_price }}元</view>
						</block>
					</view>
					<view class="col-9 f-24" style="text-decoration:line-through;">市场价：¥{{ goodsItem.oldprice }}</view>
				</view>
				<view class="coupon-btn coupon-btnBtm col-f f-24 t-c" :style="{ backgroundColor: goodsItem.stk === 0 ? '#CCCCCC' : '#FF4444' }">
					{{ goodsItem.stk === 0 ? '已售罄' : '去购买' }}
				</view>
			</view>
		</block>
		<!-- 砍价 -->
		<block v-if="goodsStyleType === 'bargain'">
			<view
				class="goods-box b-f m-btm20 dis-flex p-r"
				v-for="(goodsItem, index) in goodslistData"
				:key="index"
				@click="navigateTo(goodsItem.url,goodsItem.exdetail)"
				:class="!isdiyPage ? 'bor-radius-10upx' : ''"
				:style="{ padding: issearch === '1' ? '10rpx 30rpx' : !isdiyPage ? '20rpx' : isdiyPageStyle.padding * 2 + 'rpx' }"
			>
				<view class="goodsBox-left m-right20 p-r" :style="{ 'background-image': 'url(' + goodsItem.logo + ')' }">
					<block v-if="!isdiyPage"><view class="marker_set col-f f-24" style="background-color: #FF4444;">砍价</view></block>
					<block v-else>
						<block v-if="isdiyPageParams.marker_set === '1'">
							<view class="marker_set col-f f-24" :style="{ backgroundColor: isdiyPageStyle.marker_bg, color: isdiyPageStyle.marker_color }">砍价</view>
						</block>
					</block>
					<view class="alreayOverImage-mask" v-if="goodsItem.stk === 0">
						<image class="alreayOverImage" :src="imgfixUrls  + 'rush_goods_sell_out.png'" mode=""></image>
					</view>
				</view>
				<view class="goodsBox-right dis-flex flex-box flex-dir-column flex-x-between">
					<view class="goods-title col-3 f-26 goods-title-twoList twolist-hidden">{{ goodsItem.goods_name }}</view>
					<view class="f-24 col-9">{{ goodsItem.buy_num }}人砍价成功</view>
					<view class="bargin-price col-f4 f-24 m-right10">
						可砍至¥
						<text class="f-36">{{ goodsItem.price }}</text>
					</view>
					<view class="col-9 f-24" style="text-decoration:line-through;">市场价：¥{{ goodsItem.oldprice }}</view>
				</view>
				<view class="coupon-btn col-f f-24 t-c" :style="{ backgroundColor: goodsItem.stk === 0 ? '#CCCCCC' : '#FF4444' }">
					{{ goodsItem.stk === 0 ? '已售罄' : '去砍价' }}
				</view>
			</view>
		</block>
		<!-- 砍价2 -->
		<block v-if="goodsStyleType === 'bargain2'">
			<view class="goods-box2 dis-flex flex-x-between b-f" :style="{ padding: !isdiyPage ? '20rpx' : isdiyPageStyle.padding * 2 + 'rpx' }">
				<view class="goods-box2-item p-r m-btm20" v-for="(goodsItem, index) in goodslistData" :key="index" @click="navigateTo(goodsItem.url,goodsItem.exdetail)">
					<view class="goods2-image m-btm20 p-r" :style="{ 'background-image': 'url(' + goodsItem.logo + ')' }">
						<block v-if="!isdiyPage"><view class="marker_set col-f f-24" style="background-color: #FF4444;">砍价</view></block>
						<block v-else>
							<block v-if="isdiyPageParams.marker_set === '1'">
								<view class="marker_set col-f f-24" :style="{ backgroundColor: isdiyPageStyle.marker_bg, color: isdiyPageStyle.marker_color }">砍价</view>
							</block>
						</block>
						<view class="alreayOverImage-mask" v-if="goodsItem.stk === 0">
							<image class="alreayOverImage" :src="imgfixUrls  + 'rush_goods_sell_out.png'" mode=""></image>
						</view>
					</view>
					<view class="goods2-title col-3 f-28 goods-title-twoList twolist-hidden m-btm20">{{ goodsItem.goods_name }}</view>
					<view class="col-f4 f-24 m-btm20">{{ goodsItem.buy_num }}人砍价成功</view>
					<view class="dis-flex flex-x-between flex-y-center">
						<view class="bargin-price col-3 f-24">
							可砍至
							<text class="col-f4 f-26">¥</text>
							<text class="f-30 col-f4">{{ goodsItem.price }}</text>
						</view>
						<view class="bargin-oldprice col-9 f-24" style="text-decoration:line-through;">¥{{ goodsItem.oldprice }}</view>
					</view>
				</view>
			</view>
		</block>
		<!-- 拼团 -->
		<block v-if="goodsStyleType === 'fight'">
			<view
				class="goods-box b-f m-btm20 dis-flex p-r"
				v-for="(goodsItem, index) in goodslistData"
				:key="index"
				@click="navigateTo(goodsItem.url,goodsItem.exdetail)"
				:class="!isdiyPage ? 'bor-radius-10upx' : ''"
				:style="{ padding: issearch === '1' ? '10rpx 30rpx' : !isdiyPage ? '20rpx' : isdiyPageStyle.padding * 2 + 'rpx' }"
			>
				<view class="goodsBox-left m-right20 p-r" :style="{ 'background-image': 'url(' + goodsItem.logo + ')' }">
					<block v-if="!isdiyPage"><view class="marker_set col-f f-24" style="background-color: #FF4444;">拼团</view></block>
					<block v-else>
						<block v-if="isdiyPageParams.marker_set === '1'">
							<view class="marker_set col-f f-24" :style="{ backgroundColor: isdiyPageStyle.marker_bg, color: isdiyPageStyle.marker_color }">拼团</view>
						</block>
					</block>
					<view class="alreayOverImage-mask" v-if="goodsItem.stk === 0">
						<image class="alreayOverImage" :src="imgfixUrls  + 'rush_goods_sell_out.png'" mode=""></image>
					</view>
				</view>
				<view class="goodsBox-right dis-flex flex-box flex-dir-column flex-x-between">
					<view class="goods-title col-3 f-26 goods-title-twoList twolist-hidden">
						<text>{{ goodsItem.goods_name }}</text>
						<text style="float: right;color: #999999;">{{ goodsItem.distance }}</text>
					</view>
					<view class="dis-flex flex-y-center fight_goods-amount">
						<view class="fight_goods-sales col-f4 f-24 m-right10">已团{{ goodsItem.buy_num }}件</view>
						<view class="fight_goods-num col-f4 f-24">{{ goodsItem.peoplenum }}人团</view>
					</view>
					<view class="bargin-price col-f4 f-24">
						¥
						<text class="f-36">{{ goodsItem.price }}</text>
					</view>
					<view class="col-9 f-24" style="text-decoration:line-through;">市场价：¥{{ goodsItem.oldprice }}</view>
				</view>
				<view class="coupon-btn col-f f-24 t-c" :style="{ backgroundColor: goodsItem.stk === 0 ? '#CCCCCC' : '#FF4444' }">
					{{ goodsItem.stk === 0 ? '已售罄' : '去拼团' }}
				</view>
			</view>
		</block>
		<!-- 拼团2 -->
		<block v-if="goodsStyleType === 'fight2'">
			<view class="goods-box2 dis-flex flex-x-between b-f" :style="{ padding: !isdiyPage ? '20rpx' : isdiyPageStyle.padding * 2 + 'rpx' }">
				<view class="goods-box2-item p-r m-btm20" v-for="(goodsItem, index) in goodslistData" :key="index" @click="navigateTo(goodsItem.url,goodsItem.exdetail)">
					<view class="goods2-image m-btm20 p-r" :style="{ 'background-image': 'url(' + goodsItem.logo + ')' }">
						<block v-if="!isdiyPage"><view class="marker_set col-f f-24" style="background-color: #FF4444;">拼团</view></block>
						<block v-else>
							<block v-if="isdiyPageParams.marker_set === '1'">
								<view class="marker_set col-f f-24" :style="{ backgroundColor: isdiyPageStyle.marker_bg, color: isdiyPageStyle.marker_color }">拼团</view>
							</block>
						</block>
						<view class="alreayOverImage-mask" v-if="goodsItem.stk === 0">
							<image class="alreayOverImage" :src="imgfixUrls  + 'rush_goods_sell_out.png'" mode=""></image>
						</view>
					</view>
					<view class="goods2-title col-3 f-28 goods-title-twoList twolist-hidden m-btm20">{{ goodsItem.goods_name }}</view>
					<view class="dis-flex flex-y-center m-btm10">
						<view class="fight-num col-f4 f-24">已拼{{ goodsItem.buy_num }}件</view>
						<view class="fight-person col-f4 f-24">{{ goodsItem.peoplenum }}人团</view>
					</view>
					<view class="dis-flex  flex-y-center flex-x-between">
						<view class="col-f4 f-24">
							¥
							<text class="f-36">{{ goodsItem.price }}</text>
						</view>
						<view class="col-9 f-24 fight-oldprice" style="text-decoration:line-through;">单购价¥{{ goodsItem.oldprice }}</view>
					</view>
				</view>
			</view>
		</block>
		<!-- 卡券 -->
		<block v-if="goodsStyleType === 'coupon'">
			<view
				class="goods-box b-f dis-flex m-btm20 p-r"
				v-for="(goodsItem, index) in goodslistData"
				:key="index"
				@click="navigateTo(goodsItem.url,goodsItem.exdetail)"
				:class="!isdiyPage ? 'bor-radius-10upx' : ''"
				:style="{ padding: issearch === '1' ? '10rpx 30rpx' : !isdiyPage ? '20rpx' : isdiyPageStyle.padding * 2 + 'rpx' }"
			>
				<view class="goodsBox-left m-right20 p-r" :style="{ 'background-image': 'url(' + goodsItem.logo + ')' }">
					<block v-if="goodsItem.vipstatus === '1'"><view class="marker_set marker_setVipColor f-24" style="background-color: #333333;">会员特价</view></block>
					<block v-else-if="goodsItem.vipstatus === '2'"><view class="marker_set marker_setVipColor f-24" style="background-color: #333333;">会员专享</view></block>
				</view>
				<view class="goodsBox-right flex-box dis-flex flex-dir-column flex-x-between">
					<view class="goods-title col-3 f-26 goods-title-twoList twolist-hidden" >{{ goodsItem.goods_name }}</view>
					<view class="dis-flex flex-y-center flex-x-between m-btm10">
						<view class="f-24 col-9" v-if="goodsItem.storename">{{ goodsItem.storename }}</view>
						<view class="f-24 col-9" v-if="!!goodsItem.distance">{{ goodsItem.distance }}</view>
					</view>
					<block v-if="goodsItem.is_charge === '1'">
						<view class="groupon-price-box dis-flex flex-y-center">
							<view class="col-f4 f-36">
								<text class="f-24">¥</text>
								{{ goodsItem.price }}
							</view>
							<block v-if="goodsItem.discount_price > 0">
								<view class="groupon-vip t-c f-24">会员</view>
								<view class="col-9 f-24">优惠{{ goodsItem.discount_price }}元</view>
							</block>
						</view>
					</block>
					<block v-else><view class="col-f4 f-30">免费</view></block>
					<view class="coupon-progress p-r">
						<view class="coupon-progress-already" :style="'width: ' + goodsItem.buy_percentage + '%;'"></view>
						<view class="coupon-stk dis-flex flex-y-center">
							<view class="col-f f-22 shrink">已抢{{ goodsItem.buy_num }}份</view>
						</view>
					</view>
				</view>
				<view class="coupon-btn col-f f-24 t-c" :class="{ 'coupon-btnBtm': goodsItem.is_charge === '1' }" style="background-color: #FF4444;">
					{{ goodsItem.is_charge === '1' ? '去购买' : '去领取' }}
				</view>
			</view>
		</block>
		<!-- 卡券2 -->
		<block v-if="goodsStyleType === 'coupon2'">
			<view class="b-f p30 dis-flex" style="justify-content: space-between;flex-wrap: wrap;padding: 30upx;">
				<view class="b-f" style="flex:0 0 48%;" v-for="(goodsItem, index) in goodslistData" :key="index" @click="navigateTo(goodsItem.url,goodsItem.exdetail)">
					<image style="width: 100%;height: 330upx;border-radius: 6upx;" :src="goodsItem.logo" mode=""></image>
					<view class="f-26 col-3 p-top-bom-10" style="width: 320upx;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">{{ goodsItem.goods_name }}</view>
					<view class="f-26 f-w c-ff4444 p-top-20" v-if="goodsItem.is_charge === '1'">
						{{ goodsItem.price }}
						<text style="font-weight: 400;">元</text>
					</view>
					<view class="f-26 f-w c-ff4444 p-top-20" v-else>
						免费
					</view>
					<view class="dis-flex" style="padding-bottom: 30upx;">
						<view class="flex-box f-24 col-9" style="">
							{{ goodsItem.vipstatus == 0 ? '无限制' : goodsItem.vipstatus == 1 ? '会员减免' : '会员特供' }}
						</view>
						<view class="flex-box f-24 col-9 t-r">已售{{ goodsItem.buy_num }}</view>
					</view>
				</view>
			</view>
		</block>
		<!-- 卡券3 -->
		<block v-if="goodsStyleType === 'coupon3'">
			<view class="b-f" style="padding: 30upx;" v-for="(goodsItem, index) in goodslistData" :key="index"@click="navigateTo(goodsItem.url,goodsItem.exdetail)">
				<view ><image style="height: 380upx;border-radius: 6upx;width: 690upx;" :src="goodsItem.logo" mode=""></image></view>
				<view class="f-26 col-9 dis-flex p-top-bom-10">
					<view class="flex-box">{{ goodsItem.storename }}</view>
					<view class="flex-box t-r">{{ goodsItem.distance }}</view>
				</view>
				<view class="b-f p-top-10">
					<view
						class="dis-il-block f-26 t-c"
						style="height: 50upx;line-height: 50upx;border-radius: 4upx;width: 100upx;background-color: rgba(255,217,63);margin-right: 10upx;"
					>
						优惠券
					</view>
					<view class="f-26 dis-il-block" style="width: 560upx;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">{{ goodsItem.goods_name }}</view>
				</view>
				<view class="p-top-bom-20 dis-flex">
					<view class=" f-34 c-ff4444 f-w flex-box" style="height: 50upx;line-height: 50upx;" v-if="goodsItem.is_charge === '1'">
						{{ goodsItem.price }}
						<text style="font-weight: 400;font-size: 24upx;">元</text>
					</view>
					<view class=" f-34 c-ff4444 f-w flex-box" style="height: 50upx;line-height: 50upx;" v-else>
						免费
					</view>
					<view class="t-r flex-box" style="position: relative;">
						<view
							class="t-c f-26 col-f"
							style="height: 50upx;
						line-height: 50upx;
						border-radius: 4upx;
						width: 100upx;
						background-color: #FF4444;
						position: absolute;
						right: 0;"
						>
							{{goodsItem.is_charge === '1'?'购买':'领取'}}
						</view>
					</view>
				</view>
				<view class="dis-flex">
					<view class="flex-box f-24 col-9" style="">
						{{ goodsItem.vipstatus == 0 ? '无限制' : goodsItem.vipstatus == 1 ? '会员减免' : '会员特供' }}
					</view>
					<view class="flex-box f-24 col-9 t-r">已售{{ goodsItem.buy_num }}</view>
				</view>
			</view>
		</block>
		<!-- 卡券4 -->
		<block v-if="goodsStyleType === 'coupon4'">
			<view style="padding: 30upx;overflow: hidden;">
				<view class="dis-flex" style="overflow: auto;">
					<view class="dis-il-block" style="margin-right: 20upx;" v-for="(goodsItem, index) in goodslistData" :key="index"@click="navigateTo(goodsItem.url,goodsItem.exdetail)">
						<image
							:src="goodsItem.logo"
							mode=""
							style="width: 250upx;height: 250upx;border-radius: 4upx;"
						></image>
						<view class="f-28 p-top-bom-10" style="width: 240upx;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">{{goodsItem.goods_name}}</view>
						<view class="dis-flex">
							<view class="f-30 c-ff4444 f-w flex-box" v-if="goodsItem.is_charge === '1'">￥{{goodsItem.price}}</view>
							<view class="f-30 c-ff4444 f-w flex-box" v-else>免费</view>
							<view class="f-24 col-9 t-r flex-box">{{ goodsItem.vipstatus == 0 ? '无限制' : goodsItem.vipstatus == 1 ? '会员减免' : '会员特供' }}</view>
						</view>
					</view>
				</view>
			</view>
		</block>
		<!-- 商品样式3 -->
		<block v-if="goodsStyleType === 'goodsStyle3'">
			<view class="b-f" :class="!isdiyPage ? 'bor-radius-10upx' : ''" :style="{ padding: !isdiyPage ? '20px' : isdiyPageStyle.padding  + 'px',backgroundColor:'#ffffff'}">
				<view class="goodslist-i b-f" v-for="(item2, key2) in goodslistData" :key="key2">
					<view class="a" @click="navigateTo(item2.url,item2.exdetail)">
						<view class="goodslist-i-t" :style="{ width: imgstyle.width - isdiyPageStyle.padding * 2 - isdiyPageStyle.margin*2 + 'px', height: imgstyle.height - isdiyPageStyle.padding * 2 - isdiyPageStyle.margin*2 + 'px' }">
							<image class="image" :style="{ width: imgstyle.width - isdiyPageStyle.padding *2 - isdiyPageStyle.margin*2  + 'px', height: imgstyle.height - isdiyPageStyle.padding*2 - isdiyPageStyle.margin*2 + 'px' }" :src="item2.logo" mode=""></image>
							<view class="Rank-logo f-24 t-c" v-if="isdiyPageParams.sort_icon == '1'">TOP {{ key2 + 1 }}</view>
							<view class="rush_goods_mask" v-if="item2.goods_state == 2 || item2.stk == 0">
								<view class="rush_goods_mask_img">
									<image
										class="img"
										:src="imgfixUrls  + 'rush_goods_end.png'"
										v-if="item2.goods_state == 2 && item2.stk > 0"
										mode="scaleToFill"
									></image>
									<image
										class="img"
										:src="imgfixUrls  + 'rush_goods_sell_out.png'"
										v-if="item2.stk === 0"
										mode="scaleToFill"
									></image>
								</view>
							</view>
							<view class="qglist-i-t-bar" v-if="isdiyPageParams.buy_user == '1'">
								<view class="qglist-i-t-bar-d">
									<view class="qglist-i-t-bar-l">
										<view class="i icon iconfont icon-hotfill"></view>
										已购
										<view class="em">{{ item2.user_num }}</view>
									</view>
									<view class="qglist-i-t-bar-r">
										<view class="i" v-for="(item2, key2) in item2.user_list" :key="key2"><image class="image" :src="item2" mode="aspectFill"></image></view>
									</view>
								</view>
							</view>
						</view>
					</view>
					<view class="goodslist-i-c">
						<view class="goodslist-i-c-t dis-flex">
							<view class="goodslist-i-c-t-l">{{ item2.storename }}</view>
							<view v-if="item2.distance" class="goodslist-i-c-t-r flex-box t-r" style="font-size: 26upx;">
								<text class="iconfont icon-location" style="color: #999999;padding-right: 10upx;font-size: 26upx;"></text>
								{{ item2.distance }}
							</view>
						</view>
						<view class="goodslist-i-c-c">
							<view class="a" @click="navigateTo(item2.url,item2.exdetail)">
								<view class="i" v-if="!!isdiyPageParams.goodsLabel">{{ isdiyPageParams.goodsLabel }}</view>
								{{ item2.goods_name }}
							</view>
						</view>
						<view class="goodslist-i-c-c2">
							<view class="dis-flex flex-y-center flex-x-between">
								<view class="h1 goods3-margin-16">
									{{ item2.price }}
									<text>元</text>
								</view>
								<view class="span goods2-coupon-style dis-flex" v-if="item2.vipstatus == 1">
									<view class="i">会员</view>
									<view class="coupon-price f-24 m-left12">优惠{{ item2.discount_price }}元</view>
								</view>
							</view>
							<view class="h2" v-if="item2.stk > 0"><view class="a" @click="navigateTo(item2.url,item2.exdetail)" hover-class="none">购买</view></view>
							<view class="h2 sell-out" v-if="item2.stk <= 0">已售罄</view>
						</view>
						<view class="goodslist-i-c-b">
							<view class="p">
								<view class="span" style="text-decoration:line-through;">市场价{{ item2.oldprice }}</view>
								<view class="em" v-if="item2.pv">{{ item2.pv }}人喜欢</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</block>
		<PopManager :show="showtetx" :type="'center'" @clickmask="showtetx = false">
			<view class="showtetxDiv">
				<view class="showparserDiv">
					<jyf-parser domain="https://6874-html-foe72-1259071903.tcb.qcloud.la" gesture-zoom lazy-load ref="article"
					 selectable show-with-animation use-anchor :html="exdetail"></jyf-parser>
				</view>
				<view class="showtetxBtn">
					<view class="flex-box tetxcolse"  @click="showtetx = false">
						取消
					</view>
					<view class="flex-box tetxsluo"  @click="shougo">
						确定
					</view>
				</view>
			</view>
			
		</PopManager>
	</view>
</template>
<script>
import App from '@/common/js/app.js';
import PopManager from '@/components/template/PopManager';
import tabs from '@/components/template/tabs/tabs.vue';
import tabsC from '@/components/template/tabs/tabs-copy.vue';
export default {
	data() {
		return {
			logos: true,
			showtetx:false,
			imgstyle: {},
			exdetail:{},
			goUrl:'',
			cc_child_id:''//子分类id
		};
	},
	components:{
		PopManager,
		tabs,
		tabsC
	},
	props: {
		isdiyPage: {
			type: Boolean,
			default: function() {
				return false;
			}
		},
		isdiyPageStyle: {
			type: Object,
			default: function() {
				return {};
			}
		},
		isdiyPageParams: {
			type: Object,
			default: function() {
				return {};
			}
		},
		goodslistData: {
			type: Array,
			default: function() {
				return [];
			}
		},
		goodsStyleType: {
			type: String,
			default: function() {
				return '';
			}
		},
		issearch: {
			type: String,
			default: function() {
				return '0';
			}
		},
		cc_id:{
			type: String | Number,
			default: 1
		}
	},
	computed: {},
	onShow() {},
	mounted() {
		this.imgstyle = uni.getStorageSync('imgstyle');
	},
	methods: {
		shougo(){
			App.navigationTo({
				url:this.goUrl
			});
			this.goUrl = '';
		},
		goodsremind(id, item, index) {
			let _this = this;
			if (item.is_follow == 0) {
				App._post_form(
					'&p=rush&do=follow',
					{
						id
					},
					res => {
						if (res.errno === 0) {
							App.showSuccess(res.message, () => {
								// _this.goodslistData.map(items=>{
								// 	if(items.id == id){
								// 		// item.is_follow = 1;
								// 		_this.$set(items, 'is_follow', 1);
								// 		_this.$set(items, 'is_show', 1);
								// 		console.log(_this.goodslistData);
								// 		_this.logos = false;
								// 		_this.logos = true;
								// 	}
								// })
								//
								_this.$emit('remindSuccess', _this.goodslistData, index);
							});
						} else {
							App.showError(res.message);
						}
					}
				);
			} else {
				App._post_form(
					'&p=rush&do=follow',
					{
						id
					},
					res => {
						if (res.errno === 0) {
							App.showSuccess(res.message, () => {
								// _this.goodslistData.map(items=>{
								// 	if(items.id == id){
								// 		_this.$set(items, 'is_follow', 0);
								// 		_this.$set(items, 'is_show', 0);
								// 		_this.logos = false;
								// 		_this.logos = true;
								// 	}
								// })
								_this.$emit('remindSuccess', _this.goodslistData, index);
							});
						} else {
							App.showError(res.message);
						}
					}
				);
			}
		},
		navigateTo(url,exdetail) {
			let isHttpUrl = url.indexOf('https') !== -1;
			if(exdetail){
				this.goUrl = url;
				this.exdetail = exdetail;
				this.showtetx = true;
				return
			}
			if (isHttpUrl) {
				//#ifdef H5
				location.href = url;
				//#endif
				//#ifdef MP-WEIXIN
				App.navigationTo({
					url
				});
				//#endif
			} else {
				App.navigationTo({
					url
				});
			}
		},
		changeChildType(e){
			this.cc_child_id = e;
			this.$emit('cultivateClassChange', this.cc_child_id);
		}
	}
};
</script>

<style lang="scss">
@import '../../../common/css/old_diyPages';

.goods-title-twoList {
	height: 2.6em;
	line-height: 1.3em;
}

.coupon-btnBtm {
	bottom: 10upx !important;
}

.goods-box:last-child {
	margin-bottom: 0 !important;
}

.goods-box2 {
	flex-wrap: wrap;
}

.goods-box2-item {
	width: 48.5%;

	.goods2-image {
		width: 100%;
		height: 330upx;
		background-repeat: no-repeat;
		background-size: 100% 330upx;
		border-radius: 6upx;
	}

	// 拼团
	.fight-num {
		background-color: #fff6f6;
		border-radius: 4upx;
		padding: 2upx;
		transform: scale(0.9);
		margin-right: 14upx;
	}

	.fight-person {
		border: 1px solid #ff4444;
		padding: 4upx;
		transform: scale(0.85);
		border-radius: 4upx;
	}

	.fight-oldprice {
		transform: scale(0.85);
	}

	// 砍价
	.bargin-oldprice {
		transform: scale(0.85);
	}
}

.goods-box {
	.goodsBox-left {
		width: 200upx;
		height: 200upx;
		background-size: 200upx 200upx;
		background-repeat: no-repeat;
		flex-shrink: 0;
		border-radius: 6upx;
	}
}

.alreayOverImage-mask {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.5);

	.alreayOverImage {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
	}
}

// 团购会员标签
.groupon-vip {
	width: 50upx;
	// height: 28upx;
	// line-height: 28upx;
	background-color: #333333;
	color: #eed196;
	border-radius: 4upx;
	transform: scale(0.85);
	padding: 2upx 4upx;
	margin: 0 6upx 0 6upx;
	display: flex;
	flex-shrink: 0;
}

//优惠价格
.groupon-vipPrice {
	width: 150upx;
}

// 拼团数量box
.fight_goods-amount {
	.fight_goods-sales {
		background-color: #fff6f6;
		border-radius: 4upx;
		padding: 2upx;
	}

	.fight_goods-num {
		padding: 0 8upx;
		border: 1px solid #ff4444;
		border-radius: 4upx;
		transform: scale(0.85);
	}
}

.marker_set {
	position: absolute;
	left: 10upx;
	top: 0;
	border-radius: 0 0 10upx 10upx;
	padding: 4upx 12upx;
}

.marker_setVipColor {
	color: #eed196;
}
.showtetxDiv{
	width: 80vw;
	height: 60vh;
	// padding: 30upx;
	border-radius: 20upx;
	background-color: #ffffff;
	position: relative;
	overflow: hidden;
}
.tetxsluo{
	background-color: #ff4444;
	height: 80upx;
	line-height: 80upx;
	text-align: center;
	color: #ffffff;
	font-size: 34upx;
	font-weight: bold;
}
.tetxcolse{
	background-color: #eeeeee;
	color: #999999;
	height: 80upx;
	line-height: 80upx;
	text-align: center;
	font-size: 34upx;
	font-weight: bold;
}
.showtetxBtn{
	display: flex;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.showparserDiv{
	padding: 30upx;
	overflow: auto;
}
</style>
