la

pages.json

@@ -5,15 +5,7 @@
 				"navigationBarTitleText": "满园春商城",
 				"app-plus": {
 					"titleNView": {
-						"type": "transparent",
-						"searchInput": {
-							"backgroundColor": "rgba(231, 231, 231,.7)",
-							"borderRadius": "16px",
-							"placeholder": "请输入关键字",
-							"disabled": true,
-							"placeholderColor": "#606266",
-							"align": "left"
-						}
+						"type": "transparent"
 					}
 				}
 			}

pages/index/index.vue

@@ -1,267 +1,76 @@
 <template>
 	<view class="container">
-		<!-- 小程序头部兼容 -->
-		<!-- #ifdef MP -->
-		<view class="input-box flex" @click="clickSearch">
-			<view class=" input-content flex">
-				<view class="iconfont iconsearch"></view>
-				<view class="input"><input type="text" disabled placeholder="请输入搜索内容" /></view>
-			</view>
-		</view>
-		<view class="mp-height"></view>
-		<!-- #endif -->
 		<!-- 头部轮播 -->
 		<view class="carousel-section">
-			<!-- 标题栏和状态栏占位符 -->
-			<view class="titleNview-placing"></view>
 			<!-- 背景色区域 -->
-			<view class="titleNview-background" :style="{ backgroundColor: '#5DBC7C' }"></view>
-			<swiper class="carousel" autoplay="true" duration="400" interval="5000" @change="swiperChange">
+			<view class="bg"><image src="../../static/img/index.png" mode=""></image></view>
+			<!-- 标题栏和状态栏占位符 -->
+			<!-- <view class="titleNview-placing"></view> -->
+			<!-- 搜素栏 -->
+			<view class="search flex">
+				<image src="../../static/icon/address.png" class="address"></image>
+				<view class="shop-name clamp">满园春台州店11111111</view>
+				<view class="input-box flex" @click="clickSearch">
+					<view class=" input-content flex">
+						<view class="iconfont iconsearch"></view>
+						<view class="input"><input type="text" disabled value="输入关键字搜索" /></view>
+					</view>
+				</view>
+			</view>
+			<swiper class="carousel" autoplay="true" duration="400" interval="5000" @change="swiperChange" :indicator-dots="true" indicator-active-color="#FFFFFF">
 				<!-- <swiper class="carousel" autoplay="true" duration="400" interval="5000"> -->
 				<swiper-item v-for="(item, index) in carouselList" :key="index" class="carousel-item">
 					<image :src="item.pic" mode="aspectFill" @click="bannerNavToUrl(item)"></image>
 				</swiper-item>
 			</swiper>
-			<!-- 自定义swiper指示器 -->
-			<view class="swiper-dots">
-				<text class="num">{{ swiperCurrent + 1 }}</text>
-				<text class="sign">/</text>
-				<text class="num">{{ swiperLength }}</text>
-			</view>
 		</view>
 		<!-- 分类 -->
 		<view class="cate-section">
 			<navigator url="/pages/shoping/list">
 				<view class="cate-item">
-					<image class="Uimg" src="/static/icon/u5.png"></image>
-					<text>商家联盟</text>
+					<image class="Uimg" src="/static/icon/in2.png"></image>
+					<text>全部分类</text>
 				</view>
 			</navigator>
-			<!-- <navigator url="/pages/product/giftBag">
-				<view class="cate-item">
-					<image src="/static/icon/c3.png"></image>
-					<text>联盟礼包</text>
-				</view>
-			</navigator> -->
 			<navigator url="/pages/prefecture/integral">
 				<view class="cate-item">
-					<image src="/static/icon/c6.png"></image>
-					<text>积分商城</text>
+					<image src="/static/icon/in1.png"></image>
+					<text>附近门店</text>
 				</view>
 			</navigator>
-			<!-- <navigator url="/pages/sign/index">
-				<view class="cate-item">
-					<image src="/static/icon/c8.png"></image>
-					<text>每日签到</text>
-				</view>
-			</navigator> -->
 			<navigator url="/pages/prefecture/consumer">
 				<view class="cate-item">
-					<image src="/static/icon/c8.png"></image>
-					<text>消费券商城</text>
+					<image src="/static/icon/in3.png"></image>
+					<text>邀请有礼</text>
 				</view>
 			</navigator>
 			<navigator url="/pages/received/index?state=0">
 				<view class="cate-item">
-					<!--v-if="userInfo.level>0"-->
-					<image src="/static/icon/c9.png"></image>
+					<image src="/static/icon/in4.png"></image>
 					<text>收付款</text>
 				</view>
 			</navigator>
 		</view>
-		<view class="cate-section">
-			<!-- <navigator url="/pages/groupBooking/index">
-				<view class="cate-item">
-					<image src="/static/icon/c5.png"></image>
-					<text>超值拼团</text>
-				</view>
-			</navigator> -->
-			<!-- <navigator url="/pages/seckill/seckill">
-				<view class="cate-item">
-					v-if="userInfo.level>0"
-					<image src="/static/icon/c7.png"></image>
-					<text>限时秒杀</text>
-				</view>
-			</navigator> -->
-			
-			<!-- <view class="cate-item"><text class="none-font-color">每日签到</text></view> -->
-			<view class="cate-item"><text class="none-font-color">每日签到</text></view>
-		</view>
-		<!-- <view class="ad-1"><image src="/static/temp/ad1.jpg" mode="scaleToFill"></image></view> -->
-		<!-- 会员升级专区 -->
-		<!-- <view class="f-header m-t">
-			<view class="f-left-icon"></view>
-			<view class="tit-box"><text class="tit">会员升级专区</text></view>
-		</view> -->
-		<!-- <view class="uservip flex" v-for="(ls,index) in userServant"  @click="navToDetailPage(ls)">
-			<image @error="onImageError('userServant', index)" lazy-load :src="ls.image" mode="aspectFill"></image>
-			<view class="detail">
-				<view class="title">{{ls.store_name}}</view>
-				<view class="icon" v-if="ls.mer_id==0">自营</view>
-				<view class="flex price-box">
-					<view class="price">
-						<text class="font-size-sm">￥</text>
-						{{ls.price|moneyNum}}
-					</view>
-					<view class="text">售出{{ls.sales}}</view>
-				</view>
-			</view>
-		</view> -->
-		<!-- 秒杀楼层 -->
-		<seckill v-if="userInfo.level > 0"></seckill>
-		<!-- 团购楼层 -->
-		<!-- <view class="f-header m-t">
-			<view class="f-left-icon"></view>
-			<view class="tit-box"><text class="tit">超值拼团</text></view>
-			<text class="iconfont iconenter">更多</text>
-		</view> -->
-		<!-- <view class="group-section">
-			<swiper class="g-swiper" :duration="500">
-				<swiper-item class="g-swiper-item" v-for="(item, index) in goodsList" :key="index" v-if="index % 2 === 0" @click="navToDetailPage(item)">
-					<view class="g-item left">
-						<image :src="item.image" mode="aspectFill"></image>
-						<view class="t-box">
-							<text class="title clamp">{{ item.store_name }}</text>
-							<view class="price-box">
-								<text class="price">￥{{ item.price }}</text>
-								<text class="m-price">￥188</text>
-							</view>
 
-							<view class="pro-box">
-								<view class="progress-box"><progress percent="72" activeColor="#fa436a" active stroke-width="6" /></view>
-								<text>6人成团</text>
-							</view>
-						</view>
-					</view>
-					<view class="g-item right">
-						<image :src="goodsList.image" mode="aspectFill"></image>
-						<view class="t-box">
-							<text class="title clamp">{{ goodsList.store_name }}</text>
-							<view class="price-box">
-								<text class="price">￥{{ goodsList.price }}</text>
-								<text class="m-price">￥188</text>
-							</view>
-							<view class="pro-box">
-								<view class="progress-box"><progress percent="72" activeColor="#fa436a" active stroke-width="6" /></view>
-								<text>10人成团</text>
-							</view>
-						</view>
-					</view>
-				</swiper-item>
-			</swiper>
-		</view> -->
-		<!-- 最新 商品 -->
-		<view class="f-header m-t">
-			<view class="f-left-icon"></view>
-			<view class="tit-box"><text class="tit">最新商品</text></view>
-			<navigator url="/pages/product/classify?type=3"><text class="iconfont iconenter">更多</text></navigator>
-		</view>
-		<view class="guess-section">
-			<view v-for="(item, index) in goodsList" :key="index" class="guess-item" @click="navToDetailPage(item)">
-				<view class="image-wrapper"><image :src="item.image" mode="aspectFill"></image></view>
-				<text class="title clamp margin-c-20">{{ item.store_name }}</text>
-				<view class="cmy-hr"></view>
-				<view class="price margin-c-20 flex">
-					<view>
-						<text class="font-size-sm ">￥</text>
-						{{ item.price | moneyNum }}
-					</view>
-					<view class="font-size-sm">
-						<text class="font-color-gray">售出{{ item.sales }}</text>
-					</view>
-				</view>
+		<!-- 积分兑换 -->
+		<view class="main-box">
+			<view class="main-top">
+				<image src="../../static/icon/indexI.png" mode="" class="main-icon"></image>
+				<view class="main-title">积分兑换</view>
+				<view class="main-synopsis">超值体验</view>
 			</view>
-		</view>
-		<!-- 促销 商品 -->
-		<!-- <view class="f-header m-t">
-			<view class="f-left-icon"></view>
-			<view class="tit-box"><text class="tit">促销商品</text></view>
-		</view>
-		<view class="guess-section">
-			<view v-for="(item, index) in bastBanner" :key="index" class="guess-item" @click="navToDetailPage(item)">
-				<view class="image-wrapper"><image :src="item.image" mode="aspectFill"></image></view>
-				<text class="title clamp margin-c-20">{{ item.store_name }}</text>
-				<view class="cmy-hr"></view>
-				<view class="price margin-c-20 flex">
-					<view>
-						<text class="font-size-sm ">￥</text>
-						{{ item.price }}
-					</view>
-					<view class="font-size-sm">
-						<text class="font-color-gray">{{ item.sales }}人购买</text>
+			<view class="main-content">
+				<view class="content-top flex">
+					<view class="content-font">
+						<view class="content-title">积分兑换热门好物</view>
+						<view class="content-synopsis">买到就是赚到</view>
 					</view>
+					<image src="../../static/icon/fanhui.png" class="go" mode=""></image>
 				</view>
 			</view>
-		</view> -->
-		<!-- 精品 商品 -->
-		<!-- <view class="f-header m-t">
-			<view class="f-left-icon"></view>
-			<view class="tit-box"><text class="tit">联盟礼包</text></view>
-			<text class="iconfont iconenter">更多</text>
-		</view> -->
-		<!-- <view class="guess-section">
-			<view v-for="(item, index) in bastList" :key="index" class="guess-item" @click="navToDetailPage(item)">
-				<view class="image-wrapper"><image :src="item.image" mode="aspectFill"></image></view>
-				<text class="title clamp margin-c-20">{{ item.store_name }}</text>
-				<view class="cmy-hr"></view>
-				<view class="price margin-c-20 flex">
-					<view>
-						<text class="font-size-sm ">￥</text>
-						{{ item.price }}
-					</view>
-					<view class="font-size-sm">
-						<text class="font-color-gray">{{ item.sales }}人购买</text>
-					</view>
-				</view>
+			<view class="commodity">
+				
 			</view>
-		</view> -->
-
-		<!-- 精品推荐 -->
-		<view class="f-header m-t">
-			<view class="f-left-icon"></view>
-			<view class="tit-box"><text class="tit">精品推荐</text></view>
-			<navigator url="/pages/product/classify?type=1"><text class="iconfont iconenter">更多</text></navigator>
-		</view>
-		<view class="guess-section">
-			<view v-for="(item, index) in bastList" :key="index" class="guess-item" @click="navToDetailPage(item)">
-				<view class="image-wrapper"><image :src="item.image" mode="aspectFill"></image></view>
-				<text class="title clamp margin-c-20">{{ item.store_name }}</text>
-				<view class="cmy-hr"></view>
-				<view class="price margin-c-20 flex">
-					<view>
-						<text class="font-size-sm ">￥</text>
-						{{ item.price | moneyNum }}
-					</view>
-					<view class="font-size-sm">
-						<text class="font-color-gray">售出{{ item.sales }}</text>
-					</view>
-				</view>
-			</view>
-			<!-- <view v-for="(item, index) in goodsList" :key="index" class="guess-item" @click="navToDetailPage(item)">
-				<view class="image-wrapper"><image @error="onImageError('goodsList', index)" lazy-load :src="item.image" mode="aspectFill"></image></view>
-				<text class="title clamp margin-c-20">
-					<text class="icon">自营</text>
-					{{ item.title }}
-				</text>
-				<view class="hr"></view>
-				<view class="price margin-c-20 flex">
-					<view>
-						<text class="font-size-sm ">￥</text>
-						{{ item.price }}
-					</view>
-					<view class="font-size-sm">
-						<view class='detail'>
-							<text class="icon">代理价</text>
-							<text></text>
-						</view>
-						<view class="detail">
-							<text class="font-color-yellow">会员价</text>
-							<text class="font-color-yellow">7.5折</text>
-						</view>
-					</view>
-				</view>
-				<view class="tip">兑换价￥44+44积分</view>
-			</view> -->
 		</view>
 	</view>
 </template>
@@ -303,10 +112,10 @@ export default {
 		...mapState('user', ['hasLogin', 'userInfo'])
 	},
 	onLoad(option) {
-		let agree = uni.getStorageSync("agree")||false;
+		let agree = uni.getStorageSync('agree') || false;
 		// 判断是否已经同意协议
-		if(!agree){
-			uni.redirectTo({url:"/pages/contract/start"})
+		if (!agree) {
+			uni.redirectTo({ url: '/pages/contract/start' });
 		}
 		if (option.spread) {
 			// 存储邀请人
@@ -407,68 +216,8 @@ export default {
 </script>
 
 <style lang="scss">
-/* #ifdef MP */
-.mp-height {
-	height: 44px;
-}
-.input-box {
-	position: fixed;
-	top: 0;
-	left: 0;
-	width: 100%;
-	padding: 25rpx;
-	background-color: #ffffff;
-	z-index: 999;
-	height: 44px;
-	.iconsearch {
-		font-size: 50rpx;
-	}
-	.input-content {
-		border-radius: 99rpx;
-		flex-grow: 1;
-		padding: 10rpx 30rpx;
-		background-color: rgba(231, 231, 231, 0.7);
-		.input {
-			flex-grow: 1;
-			input {
-				font-size: $font-lg;
-			}
-		}
-	}
-	.input-button {
-		padding-left: 20rpx;
-		font-size: $font-lg;
-		height: 100%;
-	}
-}
 page {
-	.cate-section {
-		position: relative;
-		z-index: 5;
-		border-radius: 16rpx 16rpx 0 0;
-		margin-top: -20rpx;
-	}
-	.carousel-section {
-		padding: 0;
-		.titleNview-placing {
-			padding-top: 0;
-			height: 0;
-		}
-		.carousel {
-			.carousel-item {
-				padding: 0;
-			}
-		}
-		.swiper-dots {
-			left: 45rpx;
-			bottom: 40rpx;
-		}
-	}
-}
-/* #endif */
-
-page {
-	background: $page-color-base;
+	background: #f5f5f5;
 }
 .m-t {
 	margin-top: 16rpx;
@@ -478,27 +227,83 @@ page {
 	position: relative;
 	padding-top: 10px;
 	overflow: hidden;
-
+	.bg {
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 750rpx;
+		height: 346rpx;
+		image {
+			width: 100%;
+			height: 100%;
+		}
+	}
 	.titleNview-placing {
 		height: var(--status-bar-height);
 		padding-top: 44px;
 		box-sizing: content-box;
 	}
+	.search {
+		justify-content: flex-start;
+		padding: 10rpx 24rpx 20rpx;
+		align-items: center;
+		.address {
+			width: 32rpx;
+			height: 38rpx;
+		}
+		.shop-name {
+			position: relative;
+			z-index: 10;
+			width: 206rpx;
+			font-size: 30rpx;
+			font-family: PingFang SC;
+			font-weight: 500;
+			color: #ffffff;
+			padding-left: 10rpx;
+		}
+		.input-box {
+			position: relative;
+			z-index: 999;
+			width: 427rpx;
+			height: 60rpx;
+			background: rgba(39, 170, 116, 0.4);
+			box-shadow: 0px 9rpx 21rpx 0px rgba(4, 114, 69, 0.22);
+			border-radius: 30px;
+			margin-left: 25rpx;
+			.input-content {
+				position: relative;
+				z-index: 11;
+				border-radius: 99rpx;
+				flex-grow: 1;
+				padding: 5rpx 30rpx;
+				background: #a2e0c7;
+				.iconsearch {
+					font-size: 50rpx;
+					color: #ffffff;
+				}
+				.input {
+					margin-left: 19rpx;
+					flex-grow: 1;
+					color: #ffffff;
+					input {
+						font-size: 26rpx;
 
-	.titleNview-background {
-		position: absolute;
-		top: 0;
-		left: -50rpx;
-		width: 850rpx;
-		height: 220rpx;
-		transition: 0.4s;
-		border-bottom-left-radius: 100rpx;
-		border-bottom-right-radius: 100rpx;
+						color: #ffffff;
+					}
+				}
+			}
+			.input-button {
+				padding-left: 20rpx;
+				font-size: $font-base;
+				height: 100%;
+			}
+		}
 	}
 }
 .carousel {
 	width: 100%;
-	height: 240rpx;
+	height: 300rpx;
+	background-color: #fff;
 	.carousel-item {
 		width: 100%;
 		height: 100%;
@@ -547,12 +352,15 @@ page {
 	align-items: center;
 	flex-wrap: wrap;
 	padding: 30rpx 22rpx;
+	background: #fff;
 	.cate-item {
 		display: flex;
 		flex-direction: column;
 		align-items: center;
-		font-size: $font-sm + 2rpx;
-		color: $font-color-dark;
+		font-size: 24rpx;
+		font-family: PingFang SC;
+		font-weight: bold;
+		color: #333333;
 		.none-font-color {
 			color: $page-color-base;
 		}
@@ -590,268 +398,69 @@ page {
 	font-size: $font-base;
 	border-radius: 10rpx;
 }
-/* 秒杀专区 */
-.seckill-section {
-	padding: 4rpx 30rpx 24rpx;
-	.s-header {
+// 积分兑换,消费券
+.main-box {
+	background-color: #ffffff;
+	margin-top: 20rpx;
+	padding: 22rpx 30rpx;
+	.main-top {
 		display: flex;
+		justify-content: flex-start;
 		align-items: center;
-		height: 92rpx;
-		line-height: 1;
-		.tit-box {
-			@extend %font-title-box;
-		}
-		.tit {
-			@extend %font-title;
-		}
-		.f-left-icon {
-			@extend %f-left-icon;
-		}
-		.tip {
-			font-size: $font-sm - 10rpx;
-			color: $font-color-light;
-			margin: 0 20rpx 0 40rpx;
-		}
-		.timer {
-			display: inline-block;
-			width: 40rpx;
+		.main-icon {
+			width: 36rpx;
 			height: 36rpx;
-			text-align: center;
-			line-height: 36rpx;
-			margin-right: 14rpx;
-			font-size: $font-sm + 2rpx;
-			color: #fff;
-			border-radius: 2px;
-			background: rgba(0, 0, 0, 0.8);
-		}
-		.iconenter {
-			font-size: $font-sm;
-			color: $font-color-light;
-			flex: 1;
-			text-align: right;
-		}
-	}
-	.floor-list {
-		white-space: nowrap;
-		background-color: white;
-		padding: 20rpx;
-		border-radius: 5rpx;
-		box-shadow: $box-shadow;
-	}
-	.scoll-wrapper {
-		display: flex;
-		align-items: flex-start;
-	}
-	.floor-item {
-		width: 150rpx;
-		margin-right: 20rpx;
-		font-size: $font-sm + 2rpx;
-		color: $font-color-dark;
-		line-height: 1.8;
-		image {
-			width: 150rpx;
-			height: 150rpx;
-			border-radius: 6rpx;
 		}
-		.price {
-			color: $color-red;
+		.main-title {
+			margin-left: 8rpx;
+			font-size: 32rpx;
+			font-family: Source Han Sans CN;
+			font-weight: 500;
+			color: #333333;
 		}
-	}
-}
-
-.f-header {
-	display: flex;
-	align-items: center;
-	height: 92rpx;
-	padding: 6rpx 30rpx 8rpx;
-	image {
-		flex-shrink: 0;
-		width: 80rpx;
-		height: 80rpx;
-		margin-right: 20rpx;
-	}
-	.tit-box {
-		@extend %font-title-box;
-	}
-	.tit {
-		@extend %font-title;
-	}
-	.iconenter {
-		font-size: $font-lg + 2rpx;
-		color: $font-color-light;
-	}
-	.f-left-icon {
-		@extend %f-left-icon;
-	}
-	.iconfont {
-		font-size: $font-sm - 2rpx;
-	}
-}
-/* 团购楼层 */
-.group-section {
-	padding: 0rpx 30rpx 24rpx;
-	.g-swiper {
-		height: 650rpx;
-		border-radius: 5rpx;
-		box-shadow: $box-shadow;
-	}
-	.g-swiper-item {
-		width: 100%;
-		padding: 20rpx;
-		padding-bottom: 30rpx;
-		display: flex;
-		background-color: white;
-	}
-	image {
-		width: 100%;
-		height: 460rpx;
-		border-radius: 4px;
-	}
-	.g-item {
-		display: flex;
-		flex-direction: column;
-		overflow: hidden;
-	}
-	.left {
-		flex: 1.2;
-		margin-right: 24rpx;
-		.t-box {
-			padding-top: 20rpx;
-		}
-	}
-	.right {
-		flex: 0.8;
-		flex-direction: column-reverse;
-		.t-box {
-			padding-bottom: 20rpx;
+		.main-synopsis {
+			margin-left: 16rpx;
+			font-size: 20rpx;
+			font-family: PingFang SC;
+			font-weight: bold;
+			color: #95a0b1;
 		}
 	}
-	.t-box {
-		height: 160rpx;
-		font-size: $font-base + 2rpx;
-		color: $font-color-dark;
-		line-height: 1.6;
-	}
-	.price {
-		color: $uni-color-primary;
-	}
-	.m-price {
-		font-size: $font-sm + 2rpx;
-		text-decoration: line-through;
-		color: $font-color-light;
-		margin-left: 8rpx;
-	}
-	.pro-box {
-		display: flex;
-		align-items: center;
-		margin-top: 10rpx;
-		font-size: $font-sm;
-		color: $font-base;
-		padding-right: 10rpx;
-	}
-	.progress-box {
-		flex: 1;
-		border-radius: $border-radius-sm;
-		overflow: hidden;
-		margin-right: 8rpx;
-	}
-}
-// 会员升级礼包
-.uservip {
-	border-radius: $border-radius-sm;
-	background-color: white;
-	box-shadow: $box-shadow;
-	height: 300rpx;
-	margin: 0 30rpx;
-	image {
-		height: 100%;
-		width: 300rpx;
-	}
-	.detail {
-		position: relative;
-		padding: 20rpx;
-		height: 100%;
-		flex-grow: 1;
-		.icon {
-			@extend %icon;
-		}
-		.price-box {
-			position: absolute;
-			bottom: 20rpx;
-			width: calc(100% - 40rpx);
-			.price {
-				font-size: $font-lg + 2rpx;
-				font-weight: bold;
-				color: $font-color-base;
+	.main-content {
+		width: 690rpx;
+		background: #f4f4f4;
+		border-radius: 12rpx;
+		margin: 20rpx auto 0;
+		.content-top {
+			width: 690rpx;
+			background: linear-gradient(43deg, #73deb2, #52c696);
+			border-radius: 12rpx 12rpx 0px 0px;
+			padding: 24rpx 22rpx 68rpx 27rpx;
+			.content-font {
+				.content-title {
+					font-size: 32rpx;
+					font-family: Source Han Sans CN;
+					font-weight: 500;
+					color: #ffffff;
+				}
+				.content-synopsis {
+					margin-top: 10rpx;
+					font-size: 24rpx;
+					font-family: Source Han Sans CN;
+					font-weight: 400;
+					color: #ffffff;
+				}
 			}
-			.text {
-				color: $color-gray;
-				font-size: $font-sm;
+			.go {
+				width: 30rpx;
+				height: 35rpx;
+				transform: rotate(180deg);
+				-ms-transform: rotate(180deg); /* Internet Explorer */
+				-moz-transform: rotate(180deg); /* Firefox */
+				-webkit-transform: rotate(180deg); /* Safari 和 Chrome */
+				-o-transform: rotate(180deg); /* Opera */
 			}
 		}
-		.title {
-			font-size: $font-lg;
-			font-weight: bold;
-		}
-	}
-}
-
-/* 猜你喜欢 */
-.guess-section {
-	display: flex;
-	flex-wrap: wrap;
-	padding: 0 30rpx;
-	.guess-item {
-		overflow: hidden;
-		display: flex;
-		flex-direction: column;
-		width: 48%;
-		margin-bottom: 4%;
-		border-radius: $border-radius-sm;
-		background-color: white;
-		box-shadow: $box-shadow;
-		&:nth-child(2n + 1) {
-			margin-right: 4%;
-		}
-	}
-	.image-wrapper {
-		width: 100%;
-		height: 330rpx;
-		border-radius: 3px;
-		overflow: hidden;
-		image {
-			width: 100%;
-			height: 100%;
-			opacity: 1;
-		}
-	}
-	.title {
-		font-size: $font-base;
-		color: $font-color-dark;
-		font-weight: bold;
-		line-height: 80rpx;
-	}
-	.price {
-		font-size: $font-lg;
-		color: $font-color-base;
-		font-weight: bold;
-		line-height: 1;
-		line-height: 80rpx;
-	}
-
-	.icon {
-		@extend %icon;
-	}
-
-	.detail {
-		line-height: 1;
-	}
-	.tip {
-		color: white;
-		background-color: $color-yellow;
-		line-height: 1.5;
-		font-size: $font-sm;
-		padding-left: 20rpx;
 	}
 }
-</style>
+</style>