预约须知更新文本

 <!--
 <!--
  * @Date: 2024-01-15 11:43:01
  * @Date: 2024-01-15 11:43:01
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-01-18 18:00:44
+ * @LastEditTime: 2024-01-24 14:23:43
  * @FilePath: /xysBooking/src/views/notice.vue
  * @FilePath: /xysBooking/src/views/notice.vue
  * @Description: 文件描述
  * @Description: 文件描述
 -->
 -->
 <template>
 <template>
   <div class="notice-page">
   <div class="notice-page">
     <div class="content">
     <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>1、进寺后请全程佩戴口罩。</p>
+      <p>2、敬香贵在心诚，不在数量多少。请带着虔诚心、恭敬心和清净心敬香礼佛。</p>
+      <p>3、请不要自带香烛进寺院点燃，禁止燃放烟花爆竹。</p>
+      <p>4、山门殿两侧设有赠香处，凭香花券可免费领取三支清香。</p>
+      <p>5、点燃香烛时请小心谨慎，以免灼伤自己与他人。</p>
+      <p>6、请爱护公共绿地，请不要在草坪上点烛燃香。</p>
+      <p>7、点燃后的香烛请放入指定的地点，禁止将香烛带入天王殿内。</p>
+      <p>8、请照看好身边的家人，以免走散或发生意外。</p>
+      <p>9、请保管好自己随身携带的钱物，以免丢失给您带来麻烦。</p>
+      <p>
+        10、您若有任何问题和困难，请向身边的法师或义工咨询、求助，或直接与客堂联系。电话：0512-65349545.
+      </p>
+      <p>11、预约如需退款，请在初七之后，到客堂办理。</p>
+      <p>谢谢您的支持与配合。祝您新春吉祥、万事如意</p>
     </div>
     </div>
-    <div style="height: 8rem;"></div>
+    <div style="height: 8rem"></div>
     <div class="footer">
     <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
+        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>
       </van-checkbox-group>
       <div @click="confirmBtn" class="confirm-btn">确认，下一步</div>
       <div @click="confirmBtn" class="confirm-btn">确认，下一步</div>
     </div>
     </div>
@@ -25,30 +46,39 @@
 </template>
 </template>
 
 
 <script setup>
 <script setup>
-import { ref } from 'vue'
-import { useRoute, useRouter } from 'vue-router'
+import { ref } from "vue";
+import { useRoute, useRouter } from "vue-router";
 
 
-import { Cookies, $, _, axios, storeToRefs, mainStore, Toast, useTitle } from '@/utils/generatePackage.js'
+import {
+  Cookies,
+  $,
+  _,
+  axios,
+  storeToRefs,
+  mainStore,
+  Toast,
+  useTitle,
+} from "@/utils/generatePackage.js";
 //import { } from '@/utils/generateModules.js'
 //import { } from '@/utils/generateModules.js'
 //import { } from '@/utils/generateIcons.js'
 //import { } from '@/utils/generateIcons.js'
 //import { } from '@/composables'
 //import { } from '@/composables'
-import { useGo } from '@/hooks/useGo'
-import { showSuccessToast, showFailToast, showToast } from 'vant';
+import { useGo } from "@/hooks/useGo";
+import { showSuccessToast, showFailToast, showToast } from "vant";
 const $route = useRoute();
 const $route = useRoute();
 const $router = useRouter();
 const $router = useRouter();
 useTitle($route.meta.title);
 useTitle($route.meta.title);
 
 
 const go = useGo();
 const go = useGo();
 
 
-const checked = ref(['0']);
+const checked = ref(["0"]);
 
 
 const confirmBtn = () => {
 const confirmBtn = () => {
-  if (checked.value[1] === '1') {
-    go('/booking');
+  if (checked.value[1] === "1") {
+    go("/booking");
   } else {
   } else {
-    showToast('请勾选同意须知');
+    showToast("请勾选同意须知");
   }
   }
-}
+};
 </script>
 </script>
 
 
 <style lang="less" scoped>
 <style lang="less" scoped>
@@ -57,7 +87,7 @@ const confirmBtn = () => {
   height: 100vh;
   height: 100vh;
   .content {
   .content {
     margin: 1rem 0.5rem;
     margin: 1rem 0.5rem;
-    background-color: #FFFFFF;
+    background-color: #ffffff;
     border-radius: 8px;
     border-radius: 8px;
     padding: 1rem;
     padding: 1rem;
     p {
     p {
@@ -72,13 +102,13 @@ const confirmBtn = () => {
     width: 100vw;
     width: 100vw;
     height: 8rem;
     height: 8rem;
     display: flex;
     display: flex;
-    background: #FFFFFF;
-    box-shadow: 0rem -0.33rem 0.25rem 0rem rgba(0,0,0,0.12);
+    background: #ffffff;
+    box-shadow: 0rem -0.33rem 0.25rem 0rem rgba(0, 0, 0, 0.12);
     flex-direction: column;
     flex-direction: column;
     justify-content: center;
     justify-content: center;
     .confirm-btn {
     .confirm-btn {
-      background-color: #A67939;
-      color: #FFFFFF;
+      background-color: #a67939;
+      color: #ffffff;
       font-size: 1.1rem;
       font-size: 1.1rem;
       border-radius: 8px;
       border-radius: 8px;
       transition: all 0.2s;
       transition: all 0.2s;