影集项目新建

pages/photos/test.vue

+<template>
+</template>
+
+<script>
+</script>
+
+<style>
+</style>
\ No newline at end of file

pages/scenic/scenicChooseProduct/components/detail.vue

 <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>
-</style>
+<style scoped="scoped">
+	.son-wrap{
\ No newline at end of file
+		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>