no message

common/css/common.css

@@ -252,6 +252,9 @@ image {
 .fc-ADADAD{
 	color: #ADADAD;
 }
+.fc-65420c{
+	color: #65420c;
+}
 /* 背景颜色 */
 .bgc-f{
 	background-color: #fff;

pages-address/select-school.vue

@@ -1,6 +1,6 @@
 <template>
-	<view class="select-school-index">
-
+	<view class="select-school-index iPhone-bottom flex-common-css box-border-box">
+		<Nav title='选择学校'></Nav>
 	</view>
 </template>
 
@@ -10,6 +10,9 @@
 	}
 </script>
 
+<style>
+	
+</style>
 <style scoped lang="scss">
 	.select-school-index{
 		

pages-buy/group-det.vue

@@ -0,0 +1,328 @@
+<template>
+	<view class="ticket-det-box iPhone-bottom flex-common-css box-border-box">
+		<view class="nav-box">
+			<Nav :leftShow='false' :customNav='true' bgckgroundBox='transparent'>
+				<template>
+					<view slot="custom" class="align-items-center">
+						<view class="yuan-bg">
+							<uni-icons type="left" size="20" @click="toBack()" color="#000"></uni-icons>
+						</view>
+					</view>
+				</template>
+			</Nav>
+		</view>
+		
+		<view class="scroll-view-css">
+			<swiper class="swiper " circular :autoplay="true" :interval="3000" :duration="500" :current='BanenerCurrent' @change="onSwiperChange">
+				<swiper-item v-for="(item,i) in 3" :key="i">
+					<image class="swiper-item" src="@/static/img/my/lqzx-bg.png" mode="scaleToFill"></image>
+					<view class="swiper-num fc-f">{{BanenerCurrent + 1}}/3</view>
+				</swiper-item>
+			</swiper>
+			
+			<view class="box-border-box p-24 card-f">
+				<view class="card-top">
+					<image src="@/static/img/buy/tg-det-bg.png" mode="scaleToFill"></image>
+					
+					<view class="card-money">
+						<view class="">
+							<span class="fs-28 fc-f fw-600">￥</span><span class="fs-48 fc-f fw-600">90.8</span>
+						</view>
+						<view class="fs-24 fw-400 fc-f text-line-through">原价100.0</view>
+					</view>
+					
+					<view class="info-1-time">
+						<view class="time-title">倒计时</view>
+						<view class="time-day" v-if="showTime">{{time.day}}<text>天</text></view>
+						<view class="time-hms" v-else>
+							<view class="time-H">{{time.h}}</view>
+							<view class="time-dian">:</view>
+							<view class="time-M">{{time.m}}</view>
+							<view class="time-dian">:</view>
+							<view class="time-S">{{time.s}}</view>
+						</view>
+					</view>
+				</view>
+				<view class="card-bottom box-border-box p-24">
+					<view class="fs-36 fc-3 fw-600 text-overflow-ellipsis mb-32">巧妙借助猪猪一身雪白的特点巧妙借助猪猪一身雪白的特点巧妙借助猪猪一身雪白的</view>
+					<view class="jd-f mb-12">
+						<view class="jd-1"></view>
+						<view class="jd-2" :style="{width:setWidth(182,92)+'rpx'}"></view>
+					</view>
+					<view class="flex-justify-space align-items-center">
+						<view class="">
+							<span class="fs-24 fc-9">已团</span>
+							<span class="fs-24 fc-3">90</span>
+						</view>
+						<view class="">
+							<span class="fs-24 fc-9">剩余</span>
+							<span class="fs-24 fc-3">90</span>
+						</view>
+					</view>
+				</view>
+			</view>
+			
+			<image class="pwxq" src="@/static/img/buy/tgxq.png" mode="scaleToFill"></image>
+			
+			<view class="box-border-box plr-24">
+				<view class="box-card box-border-box p-24 fs-30 fc-0">
+					套餐内日描述套餐内日描述套餐内日描述套餐 内日描述套餐内日描述套餐内日描述套餐内日描述套餐内日描述
+					<image src="../static/img/my/bg.png" mode=""></image>
+				</view>
+			</view>
+		</view>
+		
+		<view class="bottom-box box-border-box p-24">
+			<view class="flex-justify-space">
+				<view class="align-items-flex-end box-1">
+					<span class="fs-28 fc-FB3D03 fw-600">￥</span>
+					<span class="fs-44 fc-FB3D03 fw-600">19.5</span>
+				</view>
+				<view class="text-align-center box-2 fs-32 fc-f fw-600" @click="toSave()">{{bText}}</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import tools from "@/service/tools";
+	export default {
+		data(){
+			return{
+				BanenerCurrent:1,
+				showTime:false,
+				isTimeEnd:false,
+				bText:'立即抢购',
+				time:{
+					day:'',
+					h:"",
+					m:'',
+					s:'',
+				},
+			}
+		},
+		onShow() {
+			this.setCountDown('2024-6-18 12:45:00');
+		},
+		methods:{
+			toBack(){
+				tools.leftClick()
+			},
+			onSwiperChange(e){
+				this.BanenerCurrent = e.detail.current;
+			},
+			setWidth(total,num){
+				let w  = 0
+				let tH = 654;
+				w = (tH/total * num).toFixed(0)
+				return w
+			},
+			
+			setCountDown(sTime){
+				let end = new Date(sTime.replace(/-/g, "/")).getTime();
+				let now = new Date().getTime();
+				let msec = end - now;
+				this.time.day = parseInt(msec / 1000 / 60 / 60 / 24);
+				let h = parseInt(msec / 1000 / 60 / 60 % 24);
+				let m = parseInt(msec / 1000 / 60 % 60);
+				let s = parseInt(msec / 1000 % 60);
+				this.time.h = h > 9 ? h : '0' + h;
+				this.time.m = m > 9 ? m : '0' + m;
+				this.time.s = s > 9 ? s : '0' + s;
+				msec -= 1000;
+				if(this.time.day >= 1){
+					this.showTime = true;
+				}else{
+					this.showTime = false;
+				};
+				if(msec>=0){
+					setTimeout(()=>{
+						this.setCountDown(sTime);
+					}, 1000);
+				}else{
+					this.isTimeEnd = true;
+					this.bText = '活动结束';
+					this.time.h = '--';
+					this.time.m = '--';
+					this.time.s = '--';
+				};
+			},
+			toSave(){
+				if(!this.isTimeEnd){
+					uni.navigateTo({
+						url:'/pages-buy/save-order'
+					})
+				}
+			},
+		},
+	}
+</script>
+
+<style scoped lang="scss">
+	.ticket-det-box{
+		position: relative;
+		.nav-box{
+			position: absolute;
+			.yuan-bg{
+				width: 60rpx;
+				height: 60rpx;
+				background-color: #B3B3B4;
+				border-radius: 50%;
+				text-align: center;
+				line-height: 62rpx;
+			}
+		}
+		.bottom-box{
+			.box-1{
+				flex: 1;
+				height: 100rpx;
+				background: #FDE9E8;
+				border-radius: 200rpx 0rpx 0rpx 200rpx;
+				box-sizing: border-box;
+				padding-left: 32rpx;
+				padding-bottom: 20rpx;
+			}
+			.box-2{
+				width: 200rpx;
+				height: 100rpx;
+				line-height: 100rpx;
+				background: #FD2E42;
+				border-radius: 0rpx 200rpx 200rpx 0rpx;
+				text-align: center;
+			}
+		}
+		.swiper{
+			width: 100%;
+			height: 750rpx;
+			position: relative;
+			.swiper-item{
+				width: 100%;
+				height: 750rpx;
+			}
+			.swiper-num{
+				position: absolute;
+				right: 24rpx;
+				bottom: 24rpx;
+				width: 120rpx;
+				height: 48rpx;
+				background: rgba(51,51,51,0.6);
+				border-radius: 200rpx;
+				text-align: center;
+				line-height: 48rpx;
+			}
+		}
+		.box-card{
+			width: 100%;
+			min-height: 100rpx;
+			background: #FFFFFF;
+			border-radius: 20rpx;
+		}
+		.pwxq{
+			width: 146rpx;
+			height: 46rpx;
+			margin: 38rpx auto 24rpx auto;
+		}
+		
+		.card-f{
+			width: 100%;
+			position: relative;
+			height: 386rpx;
+			.card-top{
+				width: 100%;
+				height: 148rpx;
+				position: relative;
+				image{
+					position: absolute;
+					top: 0;
+					left: 0;
+					width: 100%;
+					height: 148rpx;
+					z-index: 1;
+				}
+				.card-money{
+					position: absolute;
+					top: 10rpx;
+					left: 20rpx;
+					z-index: 10;
+				}
+			}
+			.card-bottom{
+				width: 702rpx;
+				height: 234rpx;
+				border-radius: 20rpx;
+				background-color: #fff;
+				position: absolute;
+				bottom: 0;
+				left: 24rpx;
+				z-index: 2;
+			}
+		}
+		.jd-f{
+			position: relative;
+			width: 654rpx;
+			height: 18rpx;
+			.jd-1{
+				position: absolute;
+				top: 0;
+				left: 0;
+				width: 654rpx;
+				height: 18rpx;
+				background: #FEE0E0;
+				border-radius: 200rpx 200rpx 200rpx 200rpx;
+				z-index: 10;
+			}
+			.jd-2{
+				position: absolute;
+				top: 0;
+				left: 0;
+				height: 18rpx;
+				// background: linear-gradient( 90deg, #3FF9F9 0%, #E0FEA4 100%);
+				background-color: #FF2652;
+				border-radius: 200rpx 200rpx 200rpx 200rpx;
+				z-index: 12;
+			}
+		}
+		.info-1-time{
+			position: absolute;
+			top: 40rpx;
+			right: 24rpx;
+			z-index: 20;
+			display: flex;
+			.time-title{
+				font-size: 26rpx;
+				font-weight: 400;
+				color: rgba(255,255,255,0.8);
+				margin-right: 20rpx;
+				margin-top: 30rpx;
+			}
+			.time-day{
+				font-size: 40rpx;
+				color: #fff;
+				margin-top: 16rpx;
+				text{
+					margin-left: 6rpx;
+					font-size: 24rpx;
+					font-weight: 400;
+					color: rgba(255,255,255,0.8);
+				}
+			}
+			.time-hms{
+				margin-top: 30rpx;
+				display: flex;
+			}
+			.time-dian{
+				color: #fff;
+				margin: 0 8rpx;
+			}
+			.time-H,.time-M,.time-S{
+				width: 34rpx;
+				height: 34rpx;
+				background-color: #fff;
+				border-radius: 4rpx;
+				text-align: center;
+				line-height: 34rpx;
+				color: #FF2C35;
+			}
+		}
+	}
+</style>

pages-buy/group.vue

@@ -5,13 +5,22 @@
 		<image class="head-img" src="@/static/img/buy/group-bg.png" mode="scaleToFill"></image>
 		
 		<view class="box-border-box p-24">
-			<view class="box-card box-border-box p-24 mb-20" v-for="(item,i) in 10" :key="i">
+			<view class="box-card box-border-box p-24 mb-20" v-for="(item,i) in 10" :key="i" @click="todet(item)">
 				<image class="goods-img mb-16" src="@/static/img/my/lqzx-bg.png" mode="scaleToFill"></image>
 				<view class="text-overflow-ellipsis fs-36 fw-600 mb-20 w-100100">
 					[畅销款]奥尔1良烤肉牛油拌饭11[畅销款11 ]奥尔1良烤肉牛油拌饭11[畅销款]奥尔1良烤肉牛油拌饭11[畅销款11 ]奥尔1良烤肉牛油拌饭11
 				</view>
-				<view class="mb-40">
-					
+				<view class="mb-40 flex-justify-space align-items-center">
+					<view class="jd-f">
+						<view class="jd-1"></view>
+						<view class="jd-2" :style="{width:setWidth(182,92)+'rpx'}"></view>
+					</view>
+					<view class="">
+						<span class="fs-24 fc-9">已团</span>
+						<span class="fs-24 ">92件</span>
+						<span class="fs-24 fc-9">/剩</span>
+						<span class="fs-24 ">90</span>
+					</view>
 				</view>
 				
 				<view class="info-box display-flex">
@@ -21,6 +30,9 @@
 					</view>
 					<view class="info-box-qiang">
 						<image class="qiang-img" src="@/static/img/buy/qiang.png" mode="scaleToFill"></image>
+						<view class="jiang-box fc-65420c fs-24 fw-600">直降</view>
+						<view class="jiang-box-1 fs-24 fc-65420c fw-600">￥399</view>
+						<image class="jiang-img" src="@/static/img/buy/x-jt.png" mode="scaleToFill"></image>
 					</view>
 				</view>
 			</view>
@@ -30,11 +42,59 @@
 
 <script>
 	export default {
-		
+		data(){
+			return{
+				
+			}
+		},
+		onShow() {
+			
+		},
+		methods:{
+			setWidth(total,num){
+				let w  = 0
+				let tH = 434;
+				w = (tH/total * num).toFixed(0)
+				console.log(w);
+				return w
+			},
+			todet(item){
+				uni.navigateTo({
+					url:'/pages-buy/group-det'
+				})
+			},
+		},
 	}
 </script>
 
 <style scoped lang="scss">
+	.jd-f{
+		position: relative;
+		width: 434rpx;
+		height: 18rpx;
+		.jd-1{
+			position: absolute;
+			top: 0;
+			left: 0;
+			width: 434rpx;
+			height: 18rpx;
+			background: #FEE0E0;
+			border-radius: 200rpx 200rpx 200rpx 200rpx;
+			z-index: 10;
+		}
+		.jd-2{
+			position: absolute;
+			top: 0;
+			left: 0;
+			height: 18rpx;
+			// background: linear-gradient( 90deg, #3FF9F9 0%, #E0FEA4 100%);
+			background-color: #FF2652;
+			border-radius: 200rpx 200rpx 200rpx 200rpx;
+			z-index: 12;
+		}
+	}
+	
+	
 	.group-box{
 		background-color: #EF2864;
 		.head-img{
@@ -65,8 +125,31 @@
 					height: 72rpx;
 					background: #F63E36;
 					border-radius: 0rpx 20rpx 20rpx 0rpx;
+					position: relative;
 					.qiang-img{
-						
+						width: 60rpx;
+						height: 60rpx;
+						margin: 6rpx 22rpx 0 auto;
+					}
+					.jiang-box{
+						position: absolute;
+						top: -30rpx;
+						left: -22rpx;
+						z-index: 20;
+					}
+					.jiang-box-1{
+						position: absolute;
+						top: 0rpx;
+						left: -30rpx;
+						z-index: 20;
+					}
+					.jiang-img{
+						position: absolute;
+						width: 120rpx;
+						height: 90rpx;
+						left: -60rpx;
+						bottom: 0;
+						z-index: 11;
 					}
 				}
 			}

pages-buy/save-order.vue

@@ -0,0 +1,206 @@
+<template>
+	<view class="save-order-box iPhone-bottom flex-common-css box-border-box">
+		<view class="bg-box"></view>
+		<Nav title='提交订单' bgckgroundBox='transparent'></Nav>
+		
+		<view class="scroll-view-css box-border-box p-24">
+			<view class="box-card box-border-box mb-20 bgc-f">
+				<view class="box-input align-items-center box-border-box p-b-20 mb-20">
+					<view class="fs-28 fw-600 w158">姓名</view>
+					<input type="text" placeholder="请输入姓名">
+				</view>
+				<view class="box-input align-items-center box-border-box p-b-20 mb-20">
+					<view class="fs-28 fw-600 w158">手机号</view>
+					<input type="number" placeholder="请输入手机号">
+				</view>
+				<view class="box-input align-items-center box-border-box p-b-20 mb-20">
+					<view class="fs-28 fw-600 w158">验证码</view>
+					<input type="number" placeholder="请输入验证码">
+					<view class="fs-28 fc-41ABF5 code-box" @click="getCode()">{{codeText}}{{isCode?'s':''}}</view>
+				</view>
+				<view class="box-input align-items-center box-border-box p-b-20 mb-20">
+					<view class="fs-28 fw-600 w158">联系地址</view>
+					<input type="text" placeholder="请输入联系地址（选填）">
+				</view>
+			</view>
+			
+			<view class="box-card box-border-box mb-20 bgc-f">
+				<view class="box-top box-border-box flex-justify-space">
+					<view class="box-left display-flex">
+						<image src="@/static/img/buy/group-bg.png" mode="scaleToFill"></image>
+						<view class="w336 fs-28 fw-400">
+							巧大耳朵游乐场大耳朵游乐 1大耳朵游乐场
+						</view>
+					</view>
+					<view class="box-right">
+						<view class="fs-32 fw-600 text-align-right mb-12">￥19.5</view>
+						<view class="fs-26  text-align-right fc-9">x1</view>
+						<!-- <view class="display-flex align-items-center">
+							<view class="right-only-right-red fw-500 text-align-center fs-36 fc-f">-</view>
+							<view class="right-only-right-2 text-align-center fs-28 fw-400">1</view>
+							<view class="right-only-right-add fw-500 text-align-center fs-36 fc-f">+</view>
+						</view> -->
+					</view>
+				</view>
+				<view class="box-buttom text-align-right">
+					<span class="fs-28 fc-9 fw-400">共5件，</span>
+					<span class="fs-28 fc-0 fw-400">合计￥</span>
+					<span class="fs-44 fc-0 fw-b">19.5</span>
+				</view>
+			</view>
+			
+			<view class="box-card box-border-box mb-20 bgc-f flex-justify-space">
+				<view class="fs-28 fw-600 w158">备注</view>
+				<input class="text-align-right" type="text" placeholder="请填写你的需求">
+			</view>
+			
+			<view class="box-card box-border-box mb-20 bgc-f flex-justify-space">
+				<view class="fs-28 fw-600 w158">支付方式</view>
+				<view class="wx-box display-flex">
+					<image src="@/static/img/common/wx-zf.png" mode="scaleToFill"></image>
+					<view class="fs-28 fw-400 ml-10">微信支付</view>
+				</view>
+			</view>
+		</view>
+		
+		<view class="bottom-box box-border-box p-24">
+			<view class="flex-justify-space">
+				<view class="align-items-flex-end box-1">
+					<span class="fs-28 fc-f fw-600">￥</span>
+					<span class="fs-44 fc-f fw-600">19.5</span>
+				</view>
+				<view class="text-align-center box-2 fs-32 fc-f fw-600" @click="toSave()">立即支付</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data(){
+			return{
+				isCode:false,
+				codeText:'获取验证码',
+			}
+		},
+		methods:{
+			getCode(){
+				if (this.isCode) {
+					return
+				}
+				this.isCode = true;
+				this.codeText = 60;
+				let timer = setInterval(() => {
+				  this.codeText -= 1;
+				  if (this.codeText <= 0) {
+				    clearInterval(timer);
+					this.isCode = false;
+					this.codeText = '获取验证码'
+				  }
+				}, 1000);
+			},
+		},
+	}
+</script>
+
+<style scoped lang="scss">
+	.save-order-box{
+		position: relative;
+		
+		.right-only-right-red{
+			width: 44rpx;
+			height: 44rpx;
+			line-height: 40rpx;
+			border-radius: 12rpx;
+			border: 1rpx solid #41ABF5;
+			color: #41ABF5;
+		}
+		.right-only-right-add{
+			width: 44rpx;
+			height: 44rpx;
+			line-height: 40rpx;
+			background: linear-gradient( 117deg, #57CAFF 0%, #41ABF5 100%);
+			border-radius: 12rpx;
+		}
+		.right-only-right-2{
+			min-width: 50rpx;
+		}
+		
+		.bg-box{
+			width: 100%;
+			height: 448rpx;
+			filter: blur(80rpx);
+			background: linear-gradient(to right,rgba(176, 252, 250, 0.6),rgba(249,246,224,0.87),rgba(249,246,224,0.87));
+			position: absolute;
+			top: 0;
+			left: 0;
+			z-index: -1;
+		}
+		.bottom-box{
+			background-color: #fff;
+			.box-1{
+				flex: 1;
+				height: 100rpx;
+				background: #333;
+				border-radius: 200rpx 0rpx 0rpx 200rpx;
+				box-sizing: border-box;
+				padding-left: 32rpx;
+				padding-bottom: 20rpx;
+			}
+			.box-2{
+				width: 200rpx;
+				height: 100rpx;
+				line-height: 100rpx;
+				background: #41ABF5;
+				border-radius: 0rpx 200rpx 200rpx 0rpx;
+				text-align: center;
+			}
+		}
+		.box-card{
+			width: 100%;
+			min-height: 88rpx;
+			border-radius: 20rpx;
+			padding: 24rpx 24rpx 0 24rpx;
+			.box-top{
+				padding-bottom: 24rpx;
+				border-bottom: 2rpx solid #F9F9F9;
+				margin-bottom: 24rpx;
+				.box-left{
+					image{
+						width: 108rpx;
+						height: 108rpx;
+						border-radius: 8rpx;
+						margin-right: 16rpx;
+					}
+					.w336{
+						width: 336rpx;
+					}
+				}
+			}
+			.box-buttom{
+				padding-bottom: 24rpx;
+			}
+		}
+		.box-input{
+			border-bottom: 2rpx solid #F9F9F9;
+			position: relative;
+			.w158{
+				width: 158rpx;
+			}
+			input{
+				font-size: 28rpx;
+			}
+			.code-box{
+				position: absolute;
+				right: 0;
+				top: 0;
+			}
+		}
+		.wx-box{
+			image{
+				width: 40rpx;
+				height: 40rpx;
+			}
+		}
+	}
+</style>

pages-takeout/shop.vue

@@ -30,7 +30,7 @@
 					公告：公告内容公告内容公告内容公告内容公告内11容公公告内容公告内容公告内容公告内容公告内公告内容公告内容公告内容公告内容公告内
 				</view>
 				<view class="flex-wrap-wrap">
-					<view class="info-box-quan-list" v-for="(item,i) in 4" :key="i">
+					<view class="info-box-quan-list" v-for="(item,i) in 4" :key="i" @click="openCoupon">
 						<image src="@/static/img/takeout/quan-bg.png" mode=""></image>
 						<view class="quan-list-1 fw-b fs-32 fc-f">
 							<span class="fw-b fs-20 fc-f">￥</span>10</view>
@@ -130,6 +130,44 @@
 				</view>
 			</view>
 		</uni-popup>
+		
+		<uni-popup ref="popupCoupon" type="bottom">
+			<view class="pop-coupon box-border-box p-24">
+				<view class="text-align-center fs-36 fw-600 box-title mb-32">
+					本店优惠券
+					<uni-icons @click="closeCoupon" class="box-close" type="closeempty" size="20"></uni-icons>
+				</view>
+				<view class="fs-28 fw-400 mb-24">免费领券</view>
+				
+				<view class="scroll-view-css">
+					<view class="item-box display-flex mb-20" v-for="(item,index) in 10" :key="index">
+						<view class="item-right flex-direction flex-justify-center flex-1 bgc-f">
+							<view class="fs-28 mb-12 ticket-name text-overflow-ellipsis fc-3 fw-600">
+								优惠券名称优惠券名称优惠券名称优惠券名称优
+							</view>
+							<view class="fs-24 fc-6">
+								有效时间：2024.05.08-2024.05.24
+							</view>
+						</view>
+						<view class="item-hr"></view>
+						<view class="item-left flex-direction align-items-center flex-justify-center bgc-FCE7E2">
+							<view class="align-items-center">
+								<view class="fs-30 fw-600 fc-FB3D03">￥</view>
+								<view class="fs-48 fw-600 fc-FB3D03">10</view>
+							</view>
+							<view class="fs-24 mb-18 fc-6">
+								满90元可用
+							</view>
+							<view class="but-box fs-28 fc-f">
+								立即领取
+							</view>
+							<view class="ball"></view>
+							<view class="ball-two"></view>
+						</view>
+					</view>
+				</view>
+			</view>
+		</uni-popup>
 	</view>
 </template>
 
@@ -187,11 +225,91 @@
 			createOrder(){
 				
 			},
+			
+			openCoupon(){
+				this.$refs.popupCoupon.open()
+			},
+			closeCoupon(){
+				this.$refs.popupCoupon.close()
+			},
 		},
 	}
 </script>
 
 <style scoped lang="scss">
+	.pop-coupon{
+		width: 100%;
+		height: 40vh;
+		background-color: #F5F4F9;
+		border-radius: 24rpx 24rpx 0rpx 0rpx;
+		padding-top: 32rpx !important;
+		display: flex;
+		flex-direction: column;
+		.box-title{
+			position: relative;
+			.box-close{
+				position: absolute;
+				right: 22rpx;
+			}
+		}
+		.item-right {
+			padding: 24rpx;
+			box-sizing: border-box;
+			border-radius: 20rpx 0 0 20rpx;
+			position: relative;
+		}
+		.item-hr {
+			width: 0px;
+			height: auto;
+			border-right: 1rpx dashed #FB7850;
+		}
+		
+		.item-hr-two {
+			width: 0px;
+			height: auto;
+			border-right: 1rpx dashed #999;
+		}
+		
+		.item-left {
+			width: 200rpx;
+			height: auto;
+			padding: 20rpx 24rpx;
+			box-sizing: border-box;
+			position: relative;
+			border-radius: 0 20rpx 20rpx 0;
+		}
+		.but-box {
+			width: 152rpx;
+			height: 52rpx;
+			line-height: 52rpx;
+			text-align: center;
+			background: linear-gradient(225deg, #FB3D03 0%, #FF6901 100%);
+			border-radius: 200rpx;
+		}
+		.ball {
+			width: 24rpx;
+			height: 24rpx;
+			border-radius: 50%;
+			position: absolute;
+			top: -12rpx;
+			left: -12rpx;
+			background: #F5F5F5;
+			z-index: 2;
+		}
+		
+		.ball-two {
+			width: 24rpx;
+			height: 24rpx;
+			border-radius: 50%;
+			position: absolute;
+			background: #F5F5F5;
+			z-index: 10;
+			bottom: -12rpx;
+			left: -12rpx;
+		}
+	}
+	
+	
 	.shop-index{
 		position: relative;
 		.right-only-right-red{

pages.json

@@ -98,6 +98,18 @@
 					"style": {
 						"navigationBarTitleText": "团购"
 					}
+				},
+				{
+					"path": "group-det",
+					"style": {
+						"navigationBarTitleText": "团购详情"
+					}
+				},
+				{
+					"path": "save-order",
+					"style": {
+						"navigationBarTitleText": "提交订单"
+					}
 				}
 			]
 		},