From 6eeb08f1406147418e413efd6f57060f7302e891 Mon Sep 17 00:00:00 2001
From: kuaileWu <1432334894@qq.com>
Date: Mon, 1 Apr 2024 19:11:35 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A2=84=E7=BA=A6=E6=8C=82=E5=8F=B7=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/sliderBox.vue  | 53 +++++++++++++++++++++++++++++++++++++++++++++++
 pages/prebook/prebook.vue |  9 +++++---
 2 files changed, 59 insertions(+), 3 deletions(-)
 create mode 100644 components/sliderBox.vue

diff --git a/components/sliderBox.vue b/components/sliderBox.vue
new file mode 100644
index 0000000..fda3701
--- /dev/null
+++ b/components/sliderBox.vue
@@ -0,0 +1,53 @@
+<template>
+	<view class="slider-box-com">
+		<view class="mask" v-show="show"></view>
+		<view :class="'slider-box mybox-leave-to'+(show?' mybox-enter':'')">
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name:"sliderBox",
+		data() {
+			return {
+				show:false
+			};
+		},
+		methods:{
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+.slider-box-com{
+	.mask{
+		position: fixed;
+		bottom: 0;
+		left: 0;
+		width: 100%;
+		height: 100vh;
+		z-index: 89;
+		background: rgba(0,0,0,0.27);
+	}
+	.slider-box{
+		width: 100%;
+		background: #FFFFFF;
+		border-radius: 40rpx 40rpx 0rpx 0rpx;
+		position: fixed;
+		bottom: 0;
+		left: 0;
+		z-index: 899;
+		padding-bottom: constant(safe-area-inset-bottom);
+		padding-bottom: env(safe-area-inset-bottom);
+	}
+	.mybox-leave-to{
+		transition: all .8s ease;
+		transform:translate3d(0,100%,0);
+	}
+	.mybox-enter{
+		transition: all .8s ease;
+	    transform:translate3d(0,0,0) !important;
+	}
+}
+</style>
\ No newline at end of file
diff --git a/pages/prebook/prebook.vue b/pages/prebook/prebook.vue
index 604e691..8efe3ae 100644
--- a/pages/prebook/prebook.vue
+++ b/pages/prebook/prebook.vue
@@ -4,17 +4,19 @@
 			<img :src="cssUrl+'ten.svg'">
 			广安门中医医院西单门诊部 针灸科
 		</view>
-		<book/>
+		<book/>
+		<slider-box></slider-box>
 	</view>
 </template>
 
 <script>
 	import Book from '@/components/bookBox.vue';
+	import SliderBox from '@/components/sliderBox.vue';
 	export default {
 		onLoad(op) {
 			uni.setNavigationBarTitle({
 				title:'李静医生预约就诊'
-			});
+			})
 		},
 		data() {
 			return {
@@ -22,7 +24,8 @@
 			}
 		},
 		components:{
-			Book
+			Book,
+			SliderBox
 		},
 		methods: {