no message

common/css/common.css

@@ -135,10 +135,12 @@ image {
 	display: flex;
 	align-items: baseline;
 }
+
 .align-items-flex-end {
 	display: flex;
 	align-items: flex-end;
 }
+
 .align-items-flex-start {
 	display: flex;
 	align-items: flex-start;
@@ -192,10 +194,13 @@ image {
 	flex-shrink: 0;
 }
 
+
+
 /* 字体大小 */
 .fs-18 {
 	font-size: 18rpx;
 }
+
 .fs-20 {
 	font-size: 20rpx;
 }
@@ -301,6 +306,10 @@ image {
 	color: #666;
 }
 
+.fc-94969A {
+	color: #94969A;
+}
+
 .fc-9198A2 {
 	color: #9198A2;
 }
@@ -309,6 +318,10 @@ image {
 	color: #999;
 }
 
+.fc-3BB5FE {
+	color: #3BB5FE;
+}
+
 .fc-41ABF5 {
 	color: #41ABF5;
 }
@@ -321,6 +334,10 @@ image {
 	color: #96ECFB;
 }
 
+.fc-FD5D05 {
+	color: #FD5D05;
+}
+
 .fc-FB3D03 {
 	color: #ff3422;
 }
@@ -332,9 +349,11 @@ image {
 .fc-F93435 {
 	color: #F93435;
 }
-.fc-F43D04{
+
+.fc-F43D04 {
 	color: #F43D04;
 }
+
 .fc-F75820 {
 	color: #F75820;
 }
@@ -441,16 +460,34 @@ image {
 	background-color: #F6F6F6;
 }
 
-.bgc-F75C2B {
-	background-color: #F75C2B;
+.bgc-F5811E {
+	background: linear-gradient(-90deg, #F5811E, #F5541E);
+}
+
+.bgc-FF5555 {
+	background: linear-gradient(-90deg, #FF5555, #FF1111);
+}
+
+.bgc-48D3C5 {
+	background: linear-gradient(-90deg, #48D3C5, #26B7A7);
+}
+.bgc-4db8ff {
+	background: linear-gradient(-90deg, #4db8ff, #1aa3ff);
+}
+
+.bgc-46D1C2 {
+	background-color: #46D1C2;
 }
-.bgc-FC8E17 {
-	background-color: #FC8E17;
+
+.bgc-FF3E5D {
+	background-color: #FF3E5D;
 }
-.bgc-47B0F0 {
-	background-color: #47B0F0;
+
+.bgc-F5811E {
+	background-color: #F5811E;
 }
 
+
 .bgc-F5F4F9 {
 	background-color: #F5F4F9;
 }
@@ -466,15 +503,19 @@ image {
 .b-b-F9F9F9 {
 	border-bottom: 1rpx solid #F9F9F9;
 }
+
 .b-b-eee {
 	border-bottom: .5rpx solid #eee;
 }
+
 .b-b-999 {
 	border-bottom: 1rpx solid #999;
 }
+
 .b-b-EAEAEC {
 	border-bottom: 1rpx solid #EAEAEC;
 }
+
 .b-r-ccc {
 	border: 1rpx solid #ccc;
 }
@@ -518,10 +559,18 @@ image {
 	padding: 24rpx;
 }
 
+.p-30 {
+	padding: 30rpx;
+}
+
 .p-32 {
 	padding: 32rpx;
 }
 
+.pr-14 {
+	padding-right: 14rpx;
+}
+
 .pt-48 {
 	padding-top: 48rpx;
 }
@@ -537,9 +586,11 @@ image {
 .p-t-20 {
 	padding-top: 20rpx;
 }
+
 .pt-33 {
 	padding-top: 33rpx;
 }
+
 .p-t-80 {
 	padding-top: 80rpx;
 }
@@ -571,13 +622,19 @@ image {
 .p-12-30 {
 	padding: 12rpx 30rpx;
 }
+
 .plr-30 {
 	padding: 0 30rpx;
 }
+
 .plr-32 {
 	padding: 0 32rpx;
 }
 
+.ptb-24 {
+	padding: 24rpx 0;
+}
+
 .ptp-24 {
 	padding: 24rpx 0;
 }
@@ -589,6 +646,7 @@ image {
 .p-28-20-39 {
 	padding: 28rpx 20rpx 39rpx
 }
+
 .p-38-20-24 {
 	padding: 38rpx 20rpx 24rpx;
 }
@@ -600,6 +658,7 @@ image {
 .pl-24 {
 	padding-left: 24rpx;
 }
+
 .pl-42 {
 	padding-left: 42rpx;
 }
@@ -621,9 +680,11 @@ image {
 .mt-5 {
 	margin-top: 5rpx;
 }
+
 .mt-20 {
 	margin-top: 20rpx;
 }
+
 .mt-24 {
 	margin-top: 24rpx;
 }
@@ -663,9 +724,11 @@ image {
 .mr-12 {
 	margin-right: 12rpx;
 }
+
 .mr-14 {
 	margin-right: 14rpx;
 }
+
 .mr-16 {
 	margin-right: 16rpx;
 }
@@ -794,4 +857,12 @@ image {
 
 .w-10030 {
 	width: 30%;
+}
+
+.b-b-F0 {
+	border-bottom: 1rpx solid #F0F0F0;
+}
+
+.b-b-EFF2F5 {
+	border-bottom: 1rpx solid #EFF2F5;
 }

pages-takeout/shop-mod/menu.vue

@@ -14,8 +14,7 @@
 			<view class="menu-box-right">
 				<view class="menu-box-only" v-for="(item,i) in categoryData" :key="i" :id="'scroll'+ item.type">
 					<view class="mb-32 fs-30">{{item.name}}</view>
-					<view class="menu-list flex-justify-space" v-for="(info,k) in item.list" :key="k"
-						:id="'scroll'+ info.goods_id">
+					<view class="menu-list flex-justify-space" v-for="(info,k) in item.list" :key="k" :id="'goods_id'+ info.goods_id">
 						<image class="flex-shrink0 goods_img" :src="info.goods_image" mode="scaleToFill"></image>
 						<view class="menu-list-right flex-direction flex-justify-space">
 							<view class="mb-8">
@@ -155,7 +154,7 @@
 			return {
 				idMark: '', //滚动自适应参数
 				idMarkTwo: '', //滚动自适应参数
-				type: 1, //分类标识
+				type: 0, //分类标识
 				typeList: [],
 				categoryData: [],
 				menuList: [],
@@ -261,7 +260,7 @@
 					}
 					this.popData.spec_list = res.data.spec_list
 					this.popData.spec_attr = res.data.spec_attr
-					console.log(this.selectedSpecification,'+++++++++++++++++');
+					console.log(this.selectedSpecification, '+++++++++++++++++');
 					this.selectedSpecification.forEach((v, k) => {
 						if (v.goods_id === item.goods_id) {
 							v.goodsItem = item
@@ -326,7 +325,7 @@
 					if (res.code === 1) {
 						this.cartData = res.data
 						let data = res.data
-						data.goods_list.forEach((v,k) => {
+						data.goods_list.forEach((v, k) => {
 							let ge = JSON.parse(JSON.stringify(v))
 							ge.spec_ids = ge.spec_sku_id.split('_').map(item => Number(item.trim()))
 							ge.spec_name = ge.goods_attr.split(',').map(item => item.trim())
@@ -339,7 +338,6 @@
 				})
 			},
 			setGoodsNum() {
-
 				if (this.cartData.goods_list.length > 0) {
 					let goodsIds = []
 					this.categoryData.forEach(categoryItem => {
@@ -357,7 +355,6 @@
 							})
 						})
 					})
-
 				} else {
 					//购物车数据清除
 					this.categoryData.forEach(categoryItem => {
@@ -380,10 +377,8 @@
 						const category_id = uni.getStorageSync('category_id')
 						const goods_id = uni.getStorageSync('goods_id')
 						if (category_id.type && category_id.type != 'undefined') {
-							console.log('走跳转');
 							this.selectType(category_id, goods_id)
 						} else {
-							console.log('没走跳转');
 							this.selectType(this.categoryData[0])
 						}
 						// if (this.categoryData.length > 0) {
@@ -402,15 +397,17 @@
 				})
 			},
 			selectType(item, itemTwo) {
-				console.log(item, itemTwo);
 				if (this.type != item.type) {
 					this.type = item.type;
 					this.idMark = 'scroll' + item.type
 					if (itemTwo) {
-						this.idMarkTwo = 'scroll' + itemTwo.goodsId
+						this.idMarkTwo = 'goods_id' + itemTwo.goodsId
 					} else {
 						this.idMarkTwo = this.idMark
 					}
+					if (this.idMark === this.idMarkTwo) {
+						console.log("id跳转");
+					}
 					this.$forceUpdate()
 				}
 			},
@@ -418,7 +415,6 @@
 				let _this = this;
 				let query = uni.createSelectorQuery().in(this);
 				const goods_id = uni.getStorageSync('goods_id')
-				console.log(goods_id, "))))))))))))");
 				if (goods_id.goodsId && goods_id.goodsId != 'undefined') {
 					query.selectAll(".menu-list").boundingClientRect(data => {
 						data.forEach((v) => {
@@ -435,18 +431,16 @@
 					}).exec();
 				} else {
 					query.selectAll(".menu-box-only").boundingClientRect(data => {
-						// console.log(data);
 						data.forEach((v) => {
 							if (data[this.categoryData.length - 1].top <= 392) {
 								return
 							}
-							// console.log(data[this.categoryData.length - 1].top, '^^^^^^^^^^^^^^');
-							// console.log(v.top, '^^^^^^^^^^^^^^');
 							if (v.top < 332 && v.top > 0) {
 								// _this.idMark = v.id;
 								let arr = v.id.split('scroll');
 								_this.type = Number(arr[1]);
 							}
+							this.$forceUpdate()
 						})
 					}).exec();
 				}
@@ -479,8 +473,8 @@
 				} else if (type === 3) {
 					// 选规格
 					console.log(item)
-					this.selectedSpecification.forEach((v,k) => {
-						if(v.goods_id === item.goods_id ) {
+					this.selectedSpecification.forEach((v, k) => {
+						if (v.goods_id === item.goods_id) {
 							v.quota_num = item.quota_num
 							v.payNum = item.num
 							v.stock = item.stock

pages-takeout/shop.vue

@@ -268,6 +268,7 @@
 				const goodsId = {
 					goodsId: Number(e.goods_id)
 				}
+				console.log(item,goodsId, '00000000000');
 				uni.setStorageSync('category_id', item)
 				uni.setStorageSync('goods_id', goodsId)
 				this.shopInfo()

pages/index/index.vue

@@ -80,16 +80,24 @@
 				<image class="xzkn-img" src="@/static/img/index/xzkn.png" mode=""></image>
 			</view>
 			<!-- 限时秒杀 -->
-			<view class="spike-box box-border-box" v-if="seckillGoodsList.length > 0">
+			<view class="spike-box box-border-box mb-20" v-if="seckillGoodsList.length > 0">
 				<view class="xsms-box box-border-box">
 					<image class="tj-bg" src="@/static/img/index/tj-bg.png" mode=""></image>
-					<image class="xsms-img mb-26 z-2" src="@/static/img/index/xsms.png" mode=""></image>
+					<view class="align-items-center flex-justify-space z-2 mb-26 pr-24 box-border-box">
+						<image class="xsms-img" src="@/static/img/index/xsms.png" mode=""></image>
+						<view class="align-items-center">
+							<view class="fs-24 fc-9 mr-6">
+								更多
+							</view>
+							<uni-icons type="right" size="17" color="#999"></uni-icons>
+						</view>
+					</view>
 					<swiper class="ms-swiper" circular :indicator-dots="false" :autoplay="true">
 						<swiper-item>
 							<view class="flex-wrap-wrap">
-								<view class="w-31" v-for="(item,index) in seckillGoodsList" :key="index"
-									@click="toShop(item)">
-									<view class="mr-14 mb-32" v-if="index + 1 < 7">
+								<view class="w-31 mr-14 mb-32" v-for="(item,index) in seckillGoodsList" :key="index"
+									@click="toShop(item)" v-show="index + 1 < 7">
+									<view class="" v-if="index + 1 < 7">
 										<image class="xsms-item-img mb-18 b-rad-12" :src="item.goods_image"
 											mode="aspectFill"></image>
 										<view class="max-w-200 fs-24 fc-0 text-overflow-ellipsis-one">
@@ -112,9 +120,9 @@
 						</swiper-item>
 						<swiper-item>
 							<view class="flex-wrap-wrap">
-								<view class="w-31" v-for="(item,index) in seckillGoodsList" :key="index"
-									@click="toShop(item)">
-									<view class="mr-14 mb-32" v-if="index + 1 > 6">
+								<view class="w-31 mr-14 mb-32" v-for="(item,index) in seckillGoodsList" :key="index"
+									@click="toShop(item)" v-show="index + 1 > 6">
+									<view class="" v-if="index + 1 > 6">
 										<image class="xsms-item-img mb-18 b-rad-12" :src="item.goods_image"
 											mode="aspectFill"></image>
 										<view class="max-w-200 fs-24 fc-0 text-overflow-ellipsis-one">
@@ -136,70 +144,101 @@
 							</view>
 						</swiper-item>
 					</swiper>
-					<!-- 					<view class="xsms-box-list-f box-border-box plr-12">
-						<scroll-view class="xsms-box-list display-flex" scroll-x="true">
-							<view class="xsms-box-list-item box-border-box p-8" v-for="(item,i) in seckillGoodsList"
-								:key="i" @click="toShop(item)">
-								<image class="xsms-box-list-item-img-1 mb-4" :src="item.goods_image" mode="aspectFill">
-								</image>
-								<view class="text-overflow-ellipsis-one fs-26 mb-32">{{item.goods_name}}</view>
-								<view class="mb-4">
-									<span class="fs-20 fw-b fc-FB3D03">￥</span><span
-										class="fs-32 fw-b fc-FB3D03">{{item.seckill_money}}</span>
+				</view>
+			</view>
+			<!-- 全网最低/优质团购 -->
+			<view class="spike-box box-border-box b-rad-20">
+				<view class="yztg-box p-30 box-border-box">
+					<image class="tj-bg" src="@/static/img/index/tj-bg.png" mode=""></image>
+					<image class="qwzd-img z-2" src="@/static/img/index/qwzd.png" mode=""></image>
+					<view class="z-2 ptp-24 b-b-F0 align-items-center flex-justify-space" v-for="(item,index) in 3"
+						:key="index">
+						<view class="align-items-center">
+							<image v-show="index === 0" class="pm-img mr-20" src="@/static/img/index/1.png" mode="">
+							</image>
+							<image v-show="index === 1" class="pm-img mr-20" src="@/static/img/index/2.png" mode="">
+							</image>
+							<image v-show="index === 2" class="pm-img mr-20" src="@/static/img/index/3.png" mode="">
+							</image>
+							<view class="zk-box text-align-center mr-10">
+								<image class="zk-img" src="@/static/img/index/zk-img.png" mode=""></image>
+								<view class="fs-20 fc-f z-2">
+									7.9折
 								</view>
 							</view>
-						</scroll-view>
-					</view> -->
+							<view class="fs-24 fc-0 max-w-252 text-overflow-ellipsis-one">
+								小艾轻松推拿肩膀书荒
+							</view>
+						</view>
+						<view class="align-items-center">
+							<view class="fs-24 fc-F43D04 fw-b mr-10">
+								￥ <text class="fs-28 fc-F43D04 fw-b">38.00</text>
+							</view>
+							<view class="fs-20 fc-a text-line-through">
+								￥48.00
+							</view>
+						</view>
+					</view>
 				</view>
 			</view>
 			<!-- 类型选择 -->
-			<view class="type-list-box display-flex bgc-F5F4F9" :style="{'top': (BarH+indexSearchHeight) + 'px'}">
-				<view class="type-item-box view-nowrap" :class="category_id==item.id?'s-type':'n-type'"
-					v-for="(item,i) in typeList" :key="i" @click="selectType(item.id)">{{item.name}}</view>
+			<view class="type-list-box box-border-box display-flex" :style="{'top': (BarH+indexSearchHeight) + 'px'}">
+				<view class="type-item-box view-nowrap" v-for="(item,i) in typeList" :key="i"
+					@click="selectType(item.id)">
+					<view class="" :class="category_id==item.id?'fs-32 fc-3BB5FE fw-b':'fc-94969A fs-28'">
+						{{item.name}}
+					</view>
+					<view class="type-list-hr" v-show="category_id==item.id"></view>
+				</view>
 			</view>
 			<!-- 商品列表 -->
 			<view class="" v-if="goodsList.length<=0">
 				<enBlankVue></enBlankVue>
 			</view>
-			<view class="box-border-box plr-24" v-else>
-				<view class="goos-list-box box-border-box p-24 display-flex" v-for="(item,i) in goodsList" :key="i"
-					@click="toShop(item)">
-					<view class="left-img-box">
-						<image class="left-img" :src="item.shop_logo" mode="aspectFill"></image>
-						<view class="status-box fc-f" v-if="item.status != 1">
-							休息中
-						</view>
-					</view>
-					<view class="flex-1">
-						<view class="align-items-center mb-8">
-							<view class="right-box-title fs-32 fw-600 text-overflow-ellipsis-one">{{item.shop_name}}
+			<view class="bot-list-box box-border-box" v-else>
+				<view class="goos-list-box box-border-box" v-for="(item,i) in goodsList" :key="i" @click="toShop(item)">
+					<view class="display-flex p-b-20 mb-26 b-b-EFF2F5">
+						<view class="left-img-box mr-24">
+							<image class="left-img" :src="item.shop_logo" mode="aspectFill"></image>
+							<view class="status-box fc-f" v-if="item.status != 1">
+								休息中
 							</view>
-							<image class="right-box-title-img" src="@/static/img/toRight.png" mode=""></image>
 						</view>
-						<view class="align-items-center mb-12">
-							<image class="img-x mr-12" src="@/static/img/index/index-x.png" mode=""></image>
-							<view class="fs-26 fw-600 fc-FF7F00 mr-12">{{item.shop_score}}分</view>
-							<view class="fc-6 fs-24 mr-12">| 预计{{item.delivery_time}}分钟 |</view>
-							<view class="fc-6 fs-24 mr-12">{{item.shop_sales}}人购买</view>
-						</view>
-						<view class="align-items-center flex-wrap-wrap">
-							<view class="quan-list align-items-center mr-12 mb-16" v-for="(info1,index1) in item.coupon"
-								:key="index1">
-								<view class="quan-list-1 fs-24 fc-f">券</view>
-								<view class="quan-list-2 fs-24 fc-FB3D03">{{info1.money}}元</view>
+						<view class="flex-1">
+							<view class="align-items-center mb-8">
+								<view class="right-box-title fs-32 fw-600 text-overflow-ellipsis-one">{{item.shop_name}}
+								</view>
+								<image class="right-box-title-img" src="@/static/img/toRight.png" mode=""></image>
 							</view>
-						</view>
-						<view class="goods-items-list display-flex">
-							<view class="goods-items-list-box" v-for="(info2,index2) in item.goods" :key="index2">
-								<image class="mb-12" :src="info2.goods_image" mode="aspectFill"></image>
-								<view class="mb-8 fw-600 text-overflow-ellipsis-one fs-26">{{info2.goods_name}}</view>
-								<view class="">
-									<span class="fs-24 fc-FB3D03">￥</span>
-									<span class="fs-32 fc-FB3D03 fw-b">{{info2.price}}</span>
+							<view class="align-items-center mb-12">
+								<image class="img-x mr-8" src="@/static/img/index/index-x.png" mode=""></image>
+								<view class="fs-24 fw-600 fc-FD5D05 mr-18">{{item.shop_score}}</view>
+								<view class="fc-0 fs-24 mr-12">预计{{item.delivery_time}}分钟 | </view>
+								<view class="fc-0  fs-24 mr-12">{{item.shop_sales}}人购买</view>
+							</view>
+							<view class="align-items-center flex-wrap-wrap">
+								<view class="quan-list align-items-center mr-12 mb-16"
+									v-for="(info1,index1) in item.coupon" :key="index1">
+									<view class="quan-list-1 fs-24 fc-f">券</view>
+									<view class="quan-list-2 fs-24 fc-FB3D03">{{info1.money}}元</view>
 								</view>
 							</view>
 						</view>
 					</view>
+					<view class="goods-items-list display-flex">
+						<view class="goods-items-list-box" v-for="(info2,index2) in item.goods" :key="index2">
+							<view v-show="info2.label === 3" class="label-box text-align-center bgc-F5811E fs-24 fc-f">推荐</view>
+							<view v-show="info2.label === 2" class="label-box text-align-center bgc-FF5555 fs-24 fc-f">新品</view>
+							<view v-show="info2.label === 1" class="label-box text-align-center bgc-48D3C5 fs-24 fc-f">折扣</view>
+							<view v-show="info2.label === 4" class="label-box text-align-center bgc-4db8ff fs-24 fc-f">招牌</view>
+							<image class="mb-18" :src="info2.goods_image" mode="aspectFill"></image>
+							<view class="mb-12 fw-600 text-overflow-ellipsis-one fs-24">{{info2.goods_name}}</view>
+							<view class="">
+								<span class="fs-24 fc-FD5D05 fw-b">￥</span>
+								<span class="fs-32 fc-FD5D05 fw-b">{{info2.price}}</span>
+							</view>
+						</view>
+					</view>
 				</view>
 			</view>
 		</view>
@@ -800,10 +839,47 @@
 	}
 </script>
 <style lang="scss" scoped>
-	.b-img{
+
+	.bot-list-box {
+		padding: 0 24rpx 24rpx;
+	}
+
+	.zk-box {
+		width: 67rpx;
+		height: 31rpx;
+		line-height: 28rpx;
+		position: relative;
+	}
+
+	.zk-img {
+		width: 100%;
+		height: 100%;
+		position: absolute;
+		left: 0;
+		top: 0;
+	}
+
+	.pm-img {
+		width: 31rpx;
+		height: 43rpx;
+	}
+
+	.qwzd-img {
+		width: 295rpx;
+		height: 28rpx;
+	}
+
+	.yztg-box {
+		width: 100%;
+		height: auto;
+		position: relative;
+	}
+
+	.b-img {
 		width: 39rpx;
 		height: 41rpx;
 	}
+
 	.w-31 {
 		width: 31%;
 	}
@@ -819,7 +895,7 @@
 
 	.xsms-box {
 		width: 100%;
-		height: 706rpx;
+		height: 730rpx;
 		padding: 25rpx 0rpx 1rpx 30rpx;
 		position: relative;
 	}
@@ -936,7 +1012,7 @@
 
 	.nav-z {
 		position: relative;
-		z-index: 1 !important;
+		z-index: 3 !important;
 		background: linear-gradient(-90deg, #3BB5FE, #62C4FF);
 	}
 
@@ -1122,6 +1198,7 @@
 			}
 
 			.type-list-box {
+				width: calc(100% - 24rpx);
 				position: sticky;
 				left: 0;
 				// top: calc(var(BarH)px + 93rpx);
@@ -1133,63 +1210,68 @@
 				.type-item-box {
 					margin-right: 16rpx;
 					padding: 0 24rpx;
-					// min-width: 300rpx;
-					height: 56rpx;
-					line-height: 56rpx;
-					border-radius: 200rpx;
-					text-align: center;
-					font-size: 28rpx;
+					position: relative;
 				}
 
 				.type-item-box:last-child {
 					margin-right: 0;
 				}
 
-				.s-type {
-					color: #fff;
-					font-weight: 600;
-					background: linear-gradient(280deg, #44B1F7 0%, #96D6F4 100%);
-				}
-
-				.n-type {
-					color: #666;
-					background-color: #fff;
+				.type-list-hr {
+					position: absolute;
+					left: 15%;
+					bottom: 0;
+					width: 70%;
+					height: 6rpx;
+					background: linear-gradient(-90deg, #ffffff, #3BB5FE);
+					border-radius: 3rpx;
 				}
 			}
 
 			.goos-list-box {
 				width: 100%;
 				min-height: 100rpx;
+				padding: 28rpx 30rpx 35rpx;
 				background: #FFFFFF;
 				box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(51, 51, 51, 0.1);
 				border-radius: 20rpx;
 				margin-bottom: 20rpx;
 
 				.goods-items-list {
-					width: 530rpx;
+					width: 100%;
 					overflow-y: scroll;
 
 					.goods-items-list-box {
-						width: 140rpx;
-						margin-right: 16rpx;
+						width: 33.3%;
+						margin-right: 13rpx;
+						position: relative;
+
+						.label-box {
+							position: absolute;
+							left: 0;
+							top: 0;
+							width: 66rpx;
+							height: 31rpx;
+							line-height: 31rpx;
+							border-radius: 10rpx 2rpx 10rpx 2rpx;
+						}
 
 						image {
-							width: 140rpx;
-							height: 140rpx;
-							border-radius: 12rpx
+							width: 201rpx;
+							height: 200rpx;
+							border-radius: 10rpx
 						}
 					}
 				}
 
 				.left-img-box {
-					width: 100rpx;
-					height: 100rpx;
-					margin-right: 16rpx;
+					width: 120rpx;
+					height: 120rpx;
 					position: relative;
 
 					.left-img {
-						width: 100rpx;
-						height: 100rpx;
+						width: 120rpx;
+						height: 120rpx;
 						border-radius: 12rpx;
 					}
 
@@ -1208,8 +1290,8 @@
 
 
 				.img-x {
-					width: 24rpx;
-					height: 24rpx;
+					width: 16rpx;
+					height: 16rpx;
 				}
 
 				.right-box-title {