寺院录入背景图优化

@@ -7,7 +7,6 @@ export {}
 
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
-    copy: typeof import('./src/components/qrCode copy.vue')['default']
     QrCode: typeof import('./src/components/qrCode.vue')['default']
     QrCodeSearch: typeof import('./src/components/qrCodeSearch.vue')['default']
     ReserveCard: typeof import('./src/components/reserveCard.vue')['default']

 <!--
  * @Date: 2024-01-26 13:08:09
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-01-26 14:08:41
+ * @LastEditTime: 2024-01-26 14:32:16
  * @FilePath: /xysBooking/src/views/search.vue
  * @Description: 文件描述
 -->
 <template>
   <div class="search-page">
     <div>
-      <div v-if="!is_search" class="input-item">
-        <div>证件号码</div>
-        <div>
-          <input type="text" v-model="idCode" placeholder="请输入证件号码" @blur="checkIdCode" maxlength="18" style="width: 100%;">
+      <div v-if="!is_search">
+        <div class="input-item">
+          <div>证件号码</div>
+          <div>
+            <input type="text" v-model="idCode" placeholder="请输入证件号码" @blur="checkIdCode" maxlength="18" style="width: 100%;">
+          </div>
+        </div>
+        <div style="color:#A67939; font-size: 0.85rem; text-align: center;">
+          <van-icon name="warning-o" />&nbsp;获取参观码，扫码或识别身份证成功进闸机
         </div>
       </div>
       <div v-else>
@@ -25,6 +30,7 @@
         <div @click="goBack" class="btn-item btn-right">返回查询</div>
       </div>
     </div>
+    <div class="logo"></div>
 
     <van-toast v-model:show="show_error" style="">
       <template #message>
@@ -93,6 +99,21 @@ const goToHome = () => {
 .search-page {
   padding: 1rem;
   position: relative;
+  height: calc(100vh - 2rem);
+  background-image: url('https://cdn.ipadbiz.cn/xys/booking/bg.jpg');
+  background-repeat: no-repeat;
+  background-position: center;
+  .logo {
+    position: absolute;
+    right: 0;
+    bottom: calc(15vh);
+    height: 30vh;
+    width: 20vw;
+    background-image: url('https://cdn.ipadbiz.cn/xys/booking/logo.png');
+    background-repeat: no-repeat;
+    background-size: contain;
+    background-position: center;
+  }
   .input-item {
     display: flex;
     align-items: center;
@@ -101,6 +122,7 @@ const goToHome = () => {
     padding: 1rem;
     border-radius: 8px;
     margin-bottom: 1rem;
+    border: 1px solid #A67939;
     input {
       border: 0;
       text-align: right;