Merge branch 'master' of http://git.liuniu946.com/hwq/mnsx

pages/index/discount.vue

@@ -1,177 +0,0 @@
-<template>
-	<view class="discount">
-		<view class="discount-top">
-			<view class="seckill border-index" @click="loadMore('/pages/product/seckill')">
-				<view class="image">
-					<image src="../../static/icon/seckill.png" mode=""></image>
-				</view>
-				<view class="idt">
-					<b>限时秒杀</b><br>
-					<text>挑战全网最低价格</text>
-				</view>
-			</view>
-			<view class="exchange-certificate border-index" @click="loadMore('/pages/product/exchange')">
-				<view class="image">
-					<image src="../../static/icon/exchange-certificate.png" mode=""></image>
-				</view>
-				<view class="idt">
-					<b>兑换券</b><br>
-					<text>超值兑换</text>
-				</view>
-			</view>
-		</view>
-		<view class="exchange-certificate border-index" @click="loadMore('/pages/product/pointsExchange')" style="width: 690rpx;height: 110rpx;margin: 0 auto;">
-			<view class="image">
-				<image src="../../static/icon/collage.png" mode=""></image>
-			</view>
-			<view class="idt">
-				<b>积分兑换</b><br>
-				<text>超值兑换</text>
-			</view>
-		</view>
-		<view class="collage border-index"  @click="loadMore('/pages/product/groupBooking/index')" v-if="combinationList.list.length > 0">
-			<view class="">
-				<view class="image">
-					<image src="../../static/icon/collage.png" mode=""></image>
-				</view>
-				<view class="idt">
-					<b>超值拼团</b><br>
-					<text>拼团专场</text>
-				</view>
-				<view class="collage-d">
-					<span>美食拼团专场 · · ·</span>
-				</view>
-			</view>
-				<view class="collage-r">
-					<view class="cr" v-for="(item,index) in combinationList.list">
-						<image :src="item.image"></image>
-						<view class="crt">{{item.title}}</view>
-					</view>
-					<!-- <view class="cr">
-						<image src="../../static/img/hpb.png"></image>
-						<view class="crt">88</view>
-					</view><view class="cr">
-						<image src="../../static/img/hpb.png"></image>
-						<view class="crt">88</view>
-					</view> -->
-					<!-- <view class="" v-for="c in combinationList.list" :key="c.id"> -->
-					<!-- </view> -->
-				</view>
-		</view>
-		<view class="" style="height: 20rpx;">
-			
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		props: ["combinationList"],
-		data() {
-			return {
-			}
-		},
-		onShow() {
-			
-		},
-		methods: {
-			loadMore(url) {
-				uni.navigateTo({
-					url: url
-				})
-			},
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.discount {
-		display: grid;
-		
-		b {
-			font-family: PingFang-SC-Medium;
-			color: #333333;
-			font-size: 32rpx;
-		}
-		
-		text {
-			font-size: 21rpx;
-			color: #989B9F;
-		}
-	}
-	
-	.image {
-		float: left;
-		margin: 20rpx;
-  
-		image {
-			width: 66rpx;
-			height: 66rpx;
-		}
-	}
-	
-	.idt {
-		margin-top: 20rpx;
-	}
-	
-	.seckill {
-		// flex: 1;
-		width: 337rpx;
-		margin: 27rpx;
-		height: 130rpx;
-	}
-	
-	.exchange-certificate {
-		flex: 1;
-		margin: 27rpx;
-		height: 130rpx;
-		margin-left: 0;
-	}
-	
-	.discount-top {
-		width: 100%;
-		display: flex;
-		// margin-bottom: -27rpx;
-	}
-	
-	.collage {
-		margin: 27rpx;
-		margin-top: -12rpx;
-		height: 198rpx;
-		display: flex;
-		
-		.collage-d {
-			height: 50rpx;
-			padding: 10rpx 0;
-			margin-top: 10rpx;
-			margin-left: 20rpx;
-			width: 279rpx;
-			background-color: #DCB876;
-			border-radius: 10px;
-			text-align: center;
-			color: #FFFFFF;
-			font-size: 26rpx;
-			
-		}
-		
-		.collage-r {
-			display: flex;
-			margin: 15rpx 0 0 50rpx;
-			
-			.cr {
-				text-align: center;
-				margin: 40rpx;
-				margin-left: 0;
-				
-				.crt {
-					color: #989B9F;
-					font-size: 19rpx;
-				}
-			}
-			image {
-				width: 74rpx;
-				height: 74rpx;
-			}
-		}
-	}
-</style>

pages/index/groupBooking.vue

@@ -1,77 +0,0 @@
-<template>
-		<view class="scroll_box"> 	
-		    <scroll-view class="scroll-view_x" scroll-x show-scrollbar="false" style="width: auto;overflow:hidden;">
-		      <view class="item_list ss" v-for="l in bastList" @click="listTo(l.id)">
-				  <image :src="l.image"></image>
-			    <view class="price">
-					<b id="store_name">{{l.store_name}}</b>
-					<view class="price-d">
-						<b id="price">￥{{l.price}}</b>
-						<text id="ot-price">￥{{l.ot_price}}</text>
-					</view>
-				</view>
-		      </view>
-		    </scroll-view>
-		  </view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				
-			}
-		},
-		props: ["bastList"],
-		methods: {
-			listTo(id) {
-				console.log(id)
-				uni.navigateTo({
-					url: '/pages/product/product?id=' + id 
-				});
-			}
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.scroll_box{
-		width: 100%;
-	}
-	.item_list{
-		margin: 27rpx;
-		image {
-			width: 256rpx;
-			height: 256rpx;
-			border-radius: 10rpx 10rpx 0 0;
-		}
-	}
-	
-	.price {
-		border-radius: 0  0 10rpx 10rpx ;
-		padding: 5rpx;
-		background-color: #FFFFFF;
-		margin-top: -10rpx;
-		height: 102rpx;
-		#store_name {
-			margin-left: 10rpx;
-			color: #333333;
-			font-family: PingFang-SC-Bold;
-			font-size: 28rpx;
-		}
-		
-		.price-d {
-			margin: 5rpx;
-			#price {
-				color: #970100;
-				font-size: 28rpx;
-			}
-			
-			#ot-price {
-				color: #989B9F;
-				font-size: 15rpx;
-				text-decoration: line-through;
-			}
-		}
-	}
-</style>

pages/index/index.vue

@@ -1,7 +1,7 @@
 <template>
 	<view class="container">
 		<!-- 轮播图 start -->
-		<swiper class="top-swiper" autoplay="true" duration="400" interval="5000" @change="swiperChange">
+		<swiper class="top-swiper" autoplay="true" duration="400" interval="10000" @change="swiperChange">
 			<swiper-item v-for="(item, index) in bannerList" :key="index" class="carousel-item"
 				@click="navto(item.url)">
 				<image class="topImg" :src="item.pic" mode="scaleToFill" />
@@ -37,10 +37,10 @@
 				</view>
 			</view>
 		</view>
-		<swiper class="content-swiper" autoplay="true" duration="400" interval="10000" @change="swiperChange">
-			<swiper-item v-for="(item, index) in bannerList" :key="index" class="nav"
-				@click="navto(item.url)">
-				<image class="contentImg" :src="item.lovely" mode="scaleToFill" />
+		<swiper indicator-dots indicator-color='rgba(255, 255, 255, .5)' indicator-active-color='#FFFFFF'
+			class="content-swiper" autoplay="true" duration="400" interval="5000" @change="swiperChange">
+			<swiper-item v-for="(item, index) in activity" :key="index" class="nav" @click="navto(item.url)">
+				<image class="contentImg" :src="item.pic" mode="scaleToFill" />
 			</swiper-item>
 		</swiper>
 		<view class="cate-section flex">
@@ -48,26 +48,53 @@
 				<view class="img-wrapper flex">
 					<image :src="item.pic" mode=" scaleToFill"></image>
 				</view>
-				<view class="item-title">全部商品</view>
+				<view class="item-title">{{item.name}}</view>
 			</view>
-			<!-- <view class="cate-item flex" @click="navto('/pages/index/artDetail?id=1')">
-				<view class="img-wrapper flex">
-					<image src="../../static/index/in2.png" mode=""></image>
-				</view>
-				<view class="item-title">公司介绍</view>
+		</view>
+		<view class="activty padding-b-20">
+			<view class="action-title flex">
+				<image class="action-title-icon" src="../../static/img/indexTitleLeft.png" mode="heightFix"></image>
+				<view class="margin-c-20">推荐商品</view>
+				<image class="action-title-icon" src="../../static/img/indexTitleRight.png" mode="scaleToFill"></image>
 			</view>
-			<view class="cate-item flex" @click="openKf">
-				<view class="img-wrapper flex">
-					<image src="../../static/index/in3.png" mode=""></image>
-				</view>
-				<view class="item-title">联系客服</view>
+			<view class="action-title-tip">
+				悦享套餐 格调生活
 			</view>
-			<view class="cate-item flex" @click="navto('/pages/index/storeList')">
-				<view class="img-wrapper flex">
-					<image src="../../static/index/in6.png" mode=""></image>
+		</view>
+		<view class="productList" v-for="(item,ind) in hotgoods">
+			<view class="tipLeft text-white font-size-base">
+				立省￥{{item.ot_price-item.price}}
+			</view>
+			<image class="productImg" :src="item.image" mode="scaleToFill"></image>
+			<view class="padding-c-20 padding-t-10 padding-b-20">
+				<view class="product-name clamp">
+					{{item.store_name}}
+				</view>
+				<view class="flex padding-t-10">
+					<view class="mask">
+						{{item.store_info}}
+					</view>
+					<view class="sales" v-if="item.sales>0">
+						已售{{item.sales+item.unit_name}}
+					</view>
 				</view>
-				<view class="item-title">本地门店</view>
-			</view> -->
+				<view class="flex padding-t-10">
+					<view class="flex money">
+						<view class="payMoney font-size-sm">
+							￥
+						</view>
+						<view class="payMoney font-size-lg">
+							{{item.price}}
+						</view>
+						<view class="oldMoney margin-l-10">
+							{{item.ot_price}}
+						</view>
+					</view>
+					<view class="buttomPlay text-white" @click.stop="navto('/pages/')">
+						立即抢购
+					</view>
+				</view>
+			</view>
 		</view>
 	</view>
 </template>
@@ -93,9 +120,11 @@
 				// 轮播图
 				bannerList: [],
 				// 中间轮播图
-				lovely:[],
-				menus:[],
-
+				activity: [],
+				// 金刚区
+				menus: [],
+				// 首页推荐
+				hotgoods: []
 			};
 		},
 		computed: {
@@ -193,9 +222,14 @@
 					.then(({
 						data
 					}) => {
+						// banner轮播图
 						this.bannerList = data.banner;
-						this.lovely = data.lovely;
+						// 中间轮播图
+						this.activity = data.activity;
+						// 金刚区
 						this.menus = data.menus;
+						// 商品推荐
+						this.hotgoods = data.info.bastList;
 					})
 					.catch(e => {
 						uni.stopPullDownRefresh();
@@ -222,6 +256,7 @@
 	.container {
 		height: 100%;
 		background-color: $page-color-base;
+		padding-bottom: 30rpx;
 	}
 
 	.content-box {
@@ -241,6 +276,7 @@
 			padding: 12rpx;
 			background-color: #F5F5F5;
 			border-radius: 10rpx;
+			font-weight: bold;
 
 			.upViewTip {
 				height: 78rpx;
@@ -280,6 +316,7 @@
 
 					.username {
 						font-size: $font-lg;
+						font-weight: bold;
 						// height: 100%;
 					}
 				}
@@ -302,43 +339,50 @@
 	.top-swiper {
 		width: 750rpx;
 		height: 580rpx;
+
 		.topImg {
 			width: 750rpx;
 			height: 580rpx;
 		}
 	}
-	.content-swiper{
+
+	.content-swiper {
 		background-color: #FFFFFF;
 		margin: 20rpx 30rpx;
 		width: 690rpx;
 		height: 238rpx;
 		border-radius: 15rpx;
+
 		.contentImg {
 			width: 690rpx;
 			height: 238rpx;
 		}
 	}
+
 	.cate-section {
 		justify-content: flex-start;
 		background-color: #fff;
 		padding: 30rpx 10rpx;
+		padding-bottom: 10rpx;
 		margin: 20rpx 30rpx 0rpx 30rpx;
 		flex-wrap: wrap;
 		border-radius: 15rpx;
+
 		.cate-item {
 			flex-grow: 0;
-			width: 33.3%;
+			width: 25%;
 			flex-direction: column;
 			text-align: center;
 			align-items: center;
 			justify-content: center;
 			padding-bottom: 20rpx;
+
 			.img-wrapper {
 				width: 90rpx;
 				height: 90rpx;
 				border-radius: 20rpx;
 				position: relative;
-	
+
 				image {
 					width: 90rpx;
 					height: 90rpx;
@@ -348,13 +392,84 @@
 					transform: translate(-50%, -50%);
 				}
 			}
-	
+
 			.item-title {
 				margin-top: 15rpx;
 				font-size: 26rpx;
-				font-weight: 500;
+				font-weight: bold;
 				color: #6B4216;
 			}
 		}
 	}
+
+	.activty {
+		padding-top: 30rpx;
+
+		.action-title {
+			color: #EE2F72;
+			font-weight: bold;
+			justify-content: center;
+
+			.action-title-icon {
+				width: 20rpx;
+				height: 12rpx;
+			}
+		}
+
+		.action-title-tip {
+			font-size: $font-sm;
+			color: $font-color-light;
+			text-align: center;
+		}
+	}
+
+	.productList {
+		margin: 0 30rpx 20rpx 30rpx;
+		border-radius: 20rpx;
+		overflow: hidden;
+		background-color: #FFFFFF;
+		position: relative;
+		line-height: 1;
+		.tipLeft{
+			background-color:rgba(255, 51, 66, 1) ;
+			border-radius: 100rpx;
+			border-bottom-left-radius: 0rpx;
+			padding: 15rpx 25rpx;
+			position: absolute;
+			left: 0;
+			top: 0;
+			z-index: 9;
+		}
+		.productImg {
+			height: 330rpx;
+			width: 690rpx;
+		}
+		.product-name{
+			font-size: $font-base + 2rpx;
+			font-weight: bold;
+			color: $font-color-dark;
+		}
+		.mask,.sales{
+			font-size: $font-sm;
+			color: $font-color-light;
+		}
+		.money{
+			align-items: flex-end;
+			line-height: 0;
+			.payMoney{
+				color: #FF4C4C;
+			}
+			.oldMoney{
+				text-decoration:line-through;
+				color: $font-color-light;
+				font-size: $font-base - 2rpx;
+			}
+		}
+		.buttomPlay{
+			font-size: $font-base - 2rpx;
+			background-color:#EE2F72 ;
+			border-radius: 10rpx;
+			padding: 10rpx 20rpx;
+		}
+	}
 </style>

pages/index/integral/integral.vue

@@ -1,325 +0,0 @@
-<template>
-	<view class="population">
-		<view class="integral-left border-index">
-			<view class="integral-title">
-				<text>{{hasLogin?'亲爱的会员':'游客'}}</text>
-			</view>
-			<view class="integral-content">
-				<view class="mark">
-				</view>
-				<view class="int-item" @click="loadMore('/user/page/scoreAccumulate')">
-					<text class="tit">积分</text>
-					<view class="val">{{ userInfo.integral*1 || '0' }}</view>
-					<view class="look-more">立即查看</view>
-				</view>
-				
-				<view class="int-item" @click="loadMore('/pages/product/discount')">
-					<text class="tit">优惠券</text>
-					<view class="val">{{couponNum || 0}}</view>
-					<view class="look-more">立即查看</view>
-				</view>
-				<view class="int-item item-bt"  @click="loadMore('/user/page/myex')">
-					<text class="tit">兑换券</text>
-					<view class="val">{{userInfo.uid ? ett : 0}}</view>
-					<view class="look-more">立即查看</view>
-				</view>
-				<view class="int-item item-bt" @click="loadMore('/pages/money/wallet')">
-					<text class="tit">余额</text>
-					<view class="val ">{{getMoney(userInfo.now_money) || '0'}}</view>
-					<view class="look-more">立即查看</view>
-				</view>
-			</view>
-		</view>
-		<view class="integral-right">
-			<view class="own border-index" @click="load(1)">
-				<view><image src="../../../static/img/take-from-oneself.png"></image></view>
-					<view class="one">
-						<b>门店自取</b><br/><text>下单免排队</text>
-					</view>
-			</view>
-			<view class="takeaway border-index" @click="load(2)">
-				<image src="../../../static/img/Takeaway.png"></image>
-					<view class="one">
-						<b>外送到家</b><br/><text>上门配送到家</text>
-					</view>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-import { saveUrl, interceptor } from '@/utils/loginUtils.js';
-import { mapState, mapMutations } from 'vuex';
-import { getMoneyStyle } from '@/utils/rocessor.js';
-	export default {
-		filters: {
-			getMoneyStyle,
-		},
-		data() {
-			return {
-				
-			}
-		},
-		computed: {
-			...mapState('user', ['userInfo', 'orderInfo', 'hasLogin'])
-		},
-		props: ["dhqList","couponNum",'ett'],
-		methods: {
-			...mapMutations('user', ['setDistribution']),
-			loadMore(url) {
-				if(this.hasLogin) {
-					uni.navigateTo({
-						url:url
-					})
-				}else {
-					saveUrl();
-					// 登录拦截
-					interceptor();
-				}
-				
-			},
-			load(url) {
-				this.setDistribution(url)
-				uni.switchTab({
-					url: '/pages/menu/menu'
-				});
-			},
-			getMoney(value) {
-				if (typeof value == 'string') {
-					value = (+value).toFixed(2)
-				}
-				if (typeof value == 'number') {
-					value = value.toFixed(2)
-				}
-				if(value*1 > 1000 && value*1 <= 10000) {
-					value = (value*1).toFixed(0)
-				}
-				if(value*1 > 10000 && value*1 <= 100000) {
-					value = value*1/10000
-					value = (value*1).toFixed(2) + '万'
-				}
-				if(value*1 > 100000 && value*1 < 984900) {
-					value = value*1/10000
-					value = (value*1).toFixed(1) + '万'
-				}
-				if(value*1 > 984900) {
-					value = value*1/10000
-					value = (value*1).toFixed(0) + '万'
-				}
-				return value;
-			}
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.population {
-		display: flex;
-	}
-	.integral-left {
-		margin: 27rpx;
-		flex: 1;
-		height: 423rpx;
-		position: relative;
-	}
-	
-	.integral-right {
-		flex: 1;
-		height: 423rpx;
-		margin: 27rpx;
-		margin-left: 0;
-		display: grid;
-		
-		image {
-			float: left;
-			margin: 55rpx 5rpx 0 45rpx;
-		}
-		
-		.one {
-			text-align: center;
-			margin: 55rpx 10rpx 0 0;
-			
-			text {
-				color: #989B9F;
-				font-size: 22rpx;
-				margin-top: 4rpx;
-			}
-			
-			b {
-				color: #333333;
-				font-family: PingFang-SC-Bold;
-				font-size: 39rpx;
-			}
-		}
-		view {
-			// display: flex;
-		}
-		
-		.own {
-			margin-bottom: 14rpx;
-			
-			image {
-				width: 75rpx;
-				height: 83rpx;
-			}
-		}
-		
-		 .takeaway {
-			margin-top: 14rpx;
-			
-			image {
-				width: 83rpx;
-				height: 75rpx;
-			}
-		}
-	}
-	.integral-title {
-		margin-top: 30rpx;
-		text-align: center;
-		height: 100rpx;
-		color: #901B21;
-		font-family: PingFang-SC-Bold;
-	}
-	
-	.integral-content {
-		width: 264rpx;
-		height: 264rpx;
-		
-		background-color: #ecd49e;
-		position: absolute;
-		bottom: 34rpx;
-		left: 0;
-		right: 0;
-		margin: auto;
-		display: flex;
-		justify-content: space-between;
-		flex-wrap: wrap;
-		// align-items: ;
-		.int-item {
-			width: 49.6%;
-			height: 49.6%;
-			background-color: #fff;
-			text-align: center;
-			display: flex;
-			flex-direction: column;
-			// flex-wrap: nowrap;
-			justify-content: space-around;
-			.tit {
-				font-size: 30rpx;
-				font-family: PingFang SC;
-				font-weight: 500;
-				color: #333333;
-			}
-			.val {
-				font-size: 36rpx;
-				font-family: PingFang SC;
-				font-weight: bold;
-				color: #333333;
-			}
-			.look-more {
-				font-size: 20rpx;
-				font-family: PingFang SC;
-				font-weight: 500;
-				color: #989B9F;
-			}
-		}
-		.item-bt {
-			align-self: flex-end;
-		}
-		.mark {
-			width: 24rpx;
-			height: 38rpx;
-			position: absolute;
-			top: 0;
-			right: 0;
-			left: 0;
-			bottom: 0;
-			margin: auto;
-			background-color: #fff;
-		}
-		// // margin-top: -25rpx;
-		// text-align: center;
-		// // display: grid;
-		// // grid-template-columns: 50% 50%;
-		// // grid-template-rows: 60% 60%;
-		// width: 100%;
-		// display: flex;
-		// flex-wrap: wrap;
-		// position: relative;
-		
-		// .lines {
-		// 	width: 2rpx;
-		// 	height: 120rpx;
-		// 	background: #DCB876;
-		// 	position: absolute;
-		// 	left: 0;
-		// 	right: 0;
-		// 	margin: auto;
-		// }
-		// .lineh {
-		// 	width: 120rpx;
-		// 	height: 2rpx;
-		// 	background: #DCB876;
-		// 	position: absolute;
-		// 	top: 0;
-		// 	bottom: 0;
-		// 	margin: auto;
-		// }
-		// .line1 {
-		// 	top: 0;	
-		// }
-		// .line4 {
-		// 	bottom: 0;
-		// }
-		// .line2 {
-		// 	left: 35rpx;
-		// }
-		// .line3 {	
-		// 	right: 35rpx;
-		// }
-		// .int-item {
-		// 	width: 50%;
-		// 	height: 50%;
-		// 	padding: 20rpx 0;
-		// 	.val {
-		// 		padding: 5rpx 0;
-		// 	}
-		// }
-		// .int-item-t {
-		// 	padding-top: 0;
-		// }
-		// view {
-		// 	text-align: center;
-		// }
-		
-		// text {
-		// 	color: #333333;
-		// 	font-size: 30rpx;
-		// 	font-family: PingFang-SC-Medium;
-		// }
-		// .exchangeOsee {
-		// 	color: #989B9F;
-		// 	font-size: 20rpx;
-		// }
-		
-		// $integral-border: solid 2rpx #DCB876;
-		
-		// .integral {
-			
-		// }
-		
-		// .exchange-certificate {
-			
-		// }
-		
-		// .extension {
-			
-		// }
-		
-		// .balance {
-			
-		// }
-		
-			
-	}
-</style>

pages/index/recommend.vue

@@ -1,85 +0,0 @@
-<template>
-		<view class="scroll_box"> 	
-		    <scroll-view class="scroll-view_x" scroll-x show-scrollbar="false">
-		      <view class="item_list" v-for="l in bastList" @click="listTo(l.id)">
-				  <image :src="l.image"></image>
-			    <view class="price">
-					<text class="store_name clamp">{{l.store_name}}</text>
-					<view class="price-d">
-						<text class="now-price">￥{{l.price}}</text>
-						<text class="ot-price" v-if="l.ot_price*1 > l.price*1">￥{{l.ot_price}}</text>
-					</view>
-				</view>
-		      </view>
-		    </scroll-view>
-		  </view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				
-			}
-		},
-		props: ["bastList"],
-		methods: {
-			listTo(id) {
-				console.log(id)
-				uni.navigateTo({
-					url: '/pages/product/product?id=' + id + '&type=0'
-				});
-			}
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.scroll_box{
-		width: 100%;
-	}
-	.item_list{
-		margin: 27rpx 10rpx;
-		&:first-of-type {
-			margin-left: 31rpx;
-		}
-		&:last-of-type {
-			margin-right: 31rpx;
-		}
-		image {
-			width: 256rpx;
-			height: 256rpx;
-			border-radius: 10rpx 10rpx 0 0;
-		}
-	}
-	
-	.price {
-		border-radius: 0  0 10rpx 10rpx ;
-		padding: 5rpx;
-		background-color: #FFFFFF;
-		margin-top: -10rpx;
-		height: 102rpx;
-		.store_name {
-			width: 220rpx;
-			padding-left: 10rpx;
-			padding-bottom: 17rpx;
-			color: #333333;
-			font-family: PingFang-SC-Bold;
-			font-size: 28rpx;
-		}
-		
-		.price-d {
-			padding-left: 10rpx;
-			.now-price {
-				color: #970100;
-				font-size: 28rpx;
-			}
-			
-			.ot-price {
-				color: #989B9F;
-				font-size: 20rpx;
-				text-decoration: line-through;
-			}
-		}
-	}
-</style>