<template>
	<!-- 详情 -->
	<u-popup  v-model="showPop" mode="bottom" border-radius="14" closeable height="85%">
		<view class="son-wrap">
			<view class="title">
				明细
			</view>
	
			<view class="middle">
				
			</view>
	
			<view class="bottom">
				<text class="bottom-left">
					<view></view>
					<view></view>
				</text>
				<view class="bottom-right">
					<text class="btn">
						去预订
					</text>
				</view>
			</view>
		</view>
	</u-popup>
</template>

<script>
export default {
	  props: ['chooseProduct'],
	  data() {
	    return {
	      showPop: false, //控制弹窗显示隐藏
	    }
	  },
	  methods: {
			
	  }
}
</script>

<style scoped="scoped">
	.son-wrap{
		position: relative;
	}	
	.title{
		text-align: center;
		font-size: 32rpx;
		font-weight: bold;
		text-align: center;
		padding: 30rpx 0;
		position:fixed;
		top: 0;
		width: 100%;
		background: #fff;
		z-index: 1;	
	}
	.middle {
		padding: 100rpx 24rpx 0 24rpx;
	}
	.bottom {
		display: flex;
		justify-content: space-between;
		padding: 0 24rpx;
		height: 100rpx;
		align-items: center;
		position: fixed;
		bottom: 0;
		width: 100%;
		z-index: 9;
		background: #FFFFFF;
		box-sizing: border-box;
	}
	.bottom-left{
		color: #f9690e;
	}
	.bottom-left text {
		font-size: 36rpx;
		font-weight: bolder;
	}
	.bottom view {
		display: flex;
		align-items: center;
	}
	.btn{
		padding: 16rpx 48rpx;
		border-radius: 20rpx;
		font-size: 32rpx;
	}
</style>
