<template>
<view class="liveservice">
	<view class="list">
		<image src="../../static/images/img/youquan.png" class="leftImg" mode="heightFix"></image>
		<view class="time">
			营业时间：07:00-15:00
		</view>
		<view class="addrText">
			地址：江苏省南京市雨花台区赛虹桥街道江苏省南京市雨花台区赛虹桥街道
		</view>
	</view>
	<view class="maidan">
		<view class="inner">
			<text>手机快捷买单</text>
			<view class="btn" @click="goPay">
				买单
			</view>
		</view>
	</view>
</view>
</template>

<script>
export default{
	data(){
		return{
			keyword:'',
		}
	},
	methods:{
		goPay(){
			uni.navigateTo({
				url:"/pages/product/pay"
			})
		}
	}
}
</script>

<style scoped lang="scss">
.liveservice{
	background-color: #F2F3F4;
	min-height: calc(100vh);
	
	.list{
		background-color: #fff;
		border-radius: 0 0 20px 20px;
		padding-bottom: 30rpx;
		.leftImg{
			width: auto;
			height: 360rpx;
			
		}
		.time{
			font-family: PingFang SC;
			font-weight: 500;
			font-size: 30rpx;
			color: #333333;
			margin: 30rpx 24rpx 24rpx 24rpx;
		}
		.addrText{
			
			font-family: PingFang SC;
			font-weight: 500;
			font-size: 24rpx;
			color: #666666;
			margin: 0 24rpx;
		}
	}
	.maidan{
		background: #FFFFFF;
		border-radius: 20rpx;
		margin: 24rpx;
		padding: 20rpx;
		.inner{
			background: #F3F4F5;
			border-radius: 20rpx;
			border: 1px solid #EAEAEA;
			padding: 25rpx 30rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;
			text{
				font-family: PingFang SC;
				font-weight: 500;
				font-size: 30rpx;
				color: #333333;
			}
			.btn{
				background: #EB6100;
				border-radius: 35px;
				padding: 20rpx 60rpx;
				font-family: PingFang SC;
				font-weight: 500;
				font-size: 30rpx;
				color: #FFFFFF;
			}
		}
	}
}
</style>