新增预约须知页面

@@ -11,6 +11,8 @@ declare module '@vue/runtime-core' {
     RouterView: typeof import('vue-router')['RouterView']
     VanButton: typeof import('vant/es')['Button']
     VanCalendar: typeof import('vant/es')['Calendar']
+    VanCheckbox: typeof import('vant/es')['Checkbox']
+    VanCheckboxGroup: typeof import('vant/es')['CheckboxGroup']
     VanCol: typeof import('vant/es')['Col']
     VanDialog: typeof import('vant/es')['Dialog']
     VanField: typeof import('vant/es')['Field']

 <!--
  * @Date: 2023-06-13 13:26:46
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2023-10-25 17:30:49
+ * @LastEditTime: 2024-01-15 13:06:31
  * @FilePath: /xysBooking/index.html
  * @Description: 文件描述
 -->

 <!--
  * @Date: 2023-06-13 13:26:46
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-01-15 10:24:37
+ * @LastEditTime: 2024-01-15 13:15:13
  * @FilePath: /xysBooking/src/App.vue
  * @Description: 启动页
 -->
 <template>
-  <div>
+  <!-- <div> -->
     <router-view></router-view>
-  </div>
+  <!-- </div> -->
 </template>
 
 <script setup>
@@ -72,7 +72,7 @@ body {
   /* 全局修改主色调 */
   // --van-blue: #F9D95C;
 
-  // background-color: #F7EFEB;
+  background-color: #F3F3F3;
 
   p {
     margin: 0;

 /*
  * @Date: 2023-06-13 13:26:46
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2023-08-23 14:47:37
- * @FilePath: /front/src/route.js
+ * @LastEditTime: 2024-01-15 13:09:12
+ * @FilePath: /xysBooking/src/route.js
  * @Description: 文件描述
  */
 export default [
@@ -14,6 +14,13 @@ export default [
     },
   },
   {
+    path: '/notice',
+    component: () => import('@/views/notice.vue'),
+    meta: {
+      title: '预约须知',
+    },
+  },
+  {
     path: '/auth',
     component: () => import('@/views/auth.vue'),
     meta: {

 <!--
  * @Date: 2023-06-21 10:23:09
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-01-15 11:37:41
+ * @LastEditTime: 2024-01-15 13:12:53
  * @FilePath: /xysBooking/src/views/index.vue
  * @Description: 预约页首页
 -->

+<!--
+ * @Date: 2024-01-15 11:43:01
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2024-01-15 13:33:14
+ * @FilePath: /xysBooking/src/views/notice.vue
+ * @Description: 文件描述
+-->
+<template>
+  <div class="notice-page">
+    <div class="content">
+      <p>观众朋友您好，欢迎参观苏州西园戒幢律寺。预约前请仔细阅读以下须知。</p>
+      <p>苏州西园戒幢律寺开放时间为每周二至周日9:00-17:00(16:00停止入馆)，周一闭馆(法定节假日除外，特殊情况请参照开放公告)。</p>
+      <p>苏州西园戒幢律寺实行实名制全预约制度，观众可提前通过线上渠道进行参观预约(系统服务时间:每日8:00-23:00) 。如未提前预约且参观当日仍有余票时，观众可在当日进行预约。如无特别说明，探索体验馆可凭预约记录入场参观，无需另行预约。</p>
+      <p>未办理身份证的未成年人请使用其户口本上的身份证号码为其预约，参观时请携带好户口本，以便核实预约信息。60周岁以上老人、残障人士、现役军人、退役军人、军烈属、荣誉献血个人、苏博会员、文博单位工作人员、离休干部均可凭本人有效证件免预约入馆。其中60周岁以上老人、残障人士和离休干部的陪同看护人员均需提前进行实名预约。 </p>
+      <p>为充分预留时间进行信息核查，保障观众顺利入馆，苏州博物馆西馆当日预约截止</p>
+      <p>为充分预留时间进行信息核查，保障观众顺利入馆，苏州博物馆西馆当日预约截止</p>
+      <p>为充分预留时间进行信息核查，保障观众顺利入馆，苏州博物馆西馆当日预约截止</p>
+    </div>
+    <div style="height: 7rem;"></div>
+    <div class="footer">
+      <van-checkbox-group v-model="checked" shape="square" checked-color="#A67939" style="margin-left: 1.25rem;">
+        <van-checkbox name="1" icon-size="0.8rem"><span style="color: #A67939; font-size: 0.85rem;">我已阅读并同意以上内容</span></van-checkbox>
+      </van-checkbox-group>
+      <div class="confirm-btn">确认，下一步</div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+
+import { Cookies, $, _, axios, storeToRefs, mainStore, Toast, useTitle } from '@/utils/generatePackage.js'
+//import { } from '@/utils/generateModules.js'
+//import { } from '@/utils/generateIcons.js'
+//import { } from '@/composables'
+const $route = useRoute();
+const $router = useRouter();
+useTitle($route.meta.title);
+
+const checked = ref(['0']);
+const checkedChange = () => {
+  checked.value = !checked.value;
+};
+
+</script>
+
+<style lang="less" scoped>
+.notice-page {
+  position: relative;
+  height: 100vh;
+  .content {
+    margin: 1rem;
+    background-color: #FFFFFF;
+    border-radius: 8px;
+    padding: 1rem;
+    p {
+      padding-bottom: 0.8rem;
+      line-height: 1.7;
+    }
+  }
+  .footer {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100vw;
+    height: 7rem;
+    display: flex;
+    background: #FFFFFF;
+    box-shadow: 0rem -0.33rem 0.25rem 0rem rgba(0,0,0,0.12);
+    flex-direction: column;
+    justify-content: center;
+    .confirm-btn {
+      background-color: #A67939;
+      color: #FFFFFF;
+      font-size: 1.1rem;
+      border-radius: 8px;
+      transition: all 0.2s;
+      margin: 1rem;
+      margin-top: 0.5rem;
+      text-align: center;
+      padding: 0.8rem 0;
+    }
+  }
+}
+</style>