预约详情页面

pages.json

@@ -1,6 +1,14 @@
 {
 	"pages": [
         {
+            "path" : "pages/book_detail/book_detail",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "预约详情",
+                "enablePullDownRefresh": false
+            }
+        },
+        {
             "path" : "pages/prebook_list/prebook_list",
             "style" :                                                                                    
             {

pages/book_detail/book_detail.vue

@@ -0,0 +1,31 @@
+<template>
+	<view class="book-page btPadding">
+		<view class="page-box"></view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+.book-page{
+	height: 100vh;
+	width: 100%;
+	background: #F6F6F6;
+	overflow-y: auto;
+	box-sizing: border-box;
+	.page-box{
+		width: calc(100% - 34rpx);
+	}
+}
+</style>

pages/prebook_list/prebook_list.vue

@@ -39,7 +39,7 @@
 	export default {
 		data() {
 			return {
-				data:['status_wait', 'status_out_num', 'status_down', 'status_expire', 'status_ing'],
+				data:['status_wait', 'status_out_num', 'status_down', 'status_expire', 'status_ing', 'status_down', 'status_expire', 'status_ing'],
 				userSelectIndex:0
 			}
 		},
@@ -92,6 +92,7 @@
 			border-radius: 8rpx;
 			margin: 36rpx auto 0;
 			overflow: hidden;
+			box-sizing: border-box;
 			.item{
 				display: flex;
 				justify-content: space-between;