Hooke / xysBooking

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
5df73ab8 1 parent 957a2894

寺院录入背景图优化

Inline Side-by-side
Showing 2 changed files with 24 additions and 3 deletions
...@@ -7,7 +7,6 @@ export {} ...@@ -7,7 +7,6 @@ export {}
7 7
8 declare module '@vue/runtime-core' { 8 declare module '@vue/runtime-core' {
9 export interface GlobalComponents { 9 export interface GlobalComponents {
10 - copy: typeof import('./src/components/qrCode copy.vue')['default']
11 QrCode: typeof import('./src/components/qrCode.vue')['default'] 10 QrCode: typeof import('./src/components/qrCode.vue')['default']
12 QrCodeSearch: typeof import('./src/components/qrCodeSearch.vue')['default'] 11 QrCodeSearch: typeof import('./src/components/qrCodeSearch.vue')['default']
13 ReserveCard: typeof import('./src/components/reserveCard.vue')['default'] 12 ReserveCard: typeof import('./src/components/reserveCard.vue')['default']
......
1 <!-- 1 <!--
2 * @Date: 2024-01-26 13:08:09 2 * @Date: 2024-01-26 13:08:09
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-01-26 14:08:41 4 + * @LastEditTime: 2024-01-26 14:32:16
5 * @FilePath: /xysBooking/src/views/search.vue 5 * @FilePath: /xysBooking/src/views/search.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
8 <template> 8 <template>
9 <div class="search-page"> 9 <div class="search-page">
10 <div> 10 <div>
11 - <div v-if="!is_search" class="input-item"> 11 + <div v-if="!is_search">
12 + <div class="input-item">
12 <div>证件号码</div> 13 <div>证件号码</div>
13 <div> 14 <div>
14 <input type="text" v-model="idCode" placeholder="请输入证件号码" @blur="checkIdCode" maxlength="18" style="width: 100%;"> 15 <input type="text" v-model="idCode" placeholder="请输入证件号码" @blur="checkIdCode" maxlength="18" style="width: 100%;">
15 </div> 16 </div>
16 </div> 17 </div>
18 + <div style="color:#A67939; font-size: 0.85rem; text-align: center;">
19 + <van-icon name="warning-o" />&nbsp;获取参观码，扫码或识别身份证成功进闸机
20 + </div>
21 + </div>
17 <div v-else> 22 <div v-else>
18 <qrCodeSearch :id="id_number" /> 23 <qrCodeSearch :id="id_number" />
19 </div> 24 </div>
...@@ -25,6 +30,7 @@ ...@@ -25,6 +30,7 @@
25 <div @click="goBack" class="btn-item btn-right">返回查询</div> 30 <div @click="goBack" class="btn-item btn-right">返回查询</div>
26 </div> 31 </div>
27 </div> 32 </div>
33 + <div class="logo"></div>
28 34
29 <van-toast v-model:show="show_error" style=""> 35 <van-toast v-model:show="show_error" style="">
30 <template #message> 36 <template #message>
...@@ -93,6 +99,21 @@ const goToHome = () => { ...@@ -93,6 +99,21 @@ const goToHome = () => {
93 .search-page { 99 .search-page {
94 padding: 1rem; 100 padding: 1rem;
95 position: relative; 101 position: relative;
102 + height: calc(100vh - 2rem);
103 + background-image: url('https://cdn.ipadbiz.cn/xys/booking/bg.jpg');
104 + background-repeat: no-repeat;
105 + background-position: center;
106 + .logo {
107 + position: absolute;
108 + right: 0;
109 + bottom: calc(15vh);
110 + height: 30vh;
111 + width: 20vw;
112 + background-image: url('https://cdn.ipadbiz.cn/xys/booking/logo.png');
113 + background-repeat: no-repeat;
114 + background-size: contain;
115 + background-position: center;
116 + }
96 .input-item { 117 .input-item {
97 display: flex; 118 display: flex;
98 align-items: center; 119 align-items: center;
...@@ -101,6 +122,7 @@ const goToHome = () => { ...@@ -101,6 +122,7 @@ const goToHome = () => {
101 padding: 1rem; 122 padding: 1rem;
102 border-radius: 8px; 123 border-radius: 8px;
103 margin-bottom: 1rem; 124 margin-bottom: 1rem;
125 + border: 1px solid #A67939;
104 input { 126 input {
105 border: 0; 127 border: 0;
106 text-align: right; 128 text-align: right;
......