Hooke / xysBooking

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
7e4af5e9 1 parent c39c65af

fix 二维码马赛克图片优化

Inline Side-by-side
Showing 2 changed files with 8 additions and 6 deletions
1 <!-- 1 <!--
2 * @Date: 2024-01-16 10:06:47 2 * @Date: 2024-01-16 10:06:47
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-01-25 18:43:51 4 + * @LastEditTime: 2024-01-29 10:09:15
5 * @FilePath: /xysBooking/src/components/qrCode.vue 5 * @FilePath: /xysBooking/src/components/qrCode.vue
6 * @Description: 预约码卡组件 6 * @Description: 预约码卡组件
7 --> 7 -->
...@@ -316,12 +316,13 @@ onUnmounted(() => { ...@@ -316,12 +316,13 @@ onUnmounted(() => {
316 left: 0; 316 left: 0;
317 right: 0; 317 right: 0;
318 bottom: 0; 318 bottom: 0;
319 - background-color: rgba(106,106,106,0.6); 319 + background-image: url('https://cdn.ipadbiz.cn/xys/booking/southeast.jpeg');
320 - // opacity: 0.49; 320 + background-size: contain;
321 border-radius: 20px; 321 border-radius: 20px;
322 color: #FFF; 322 color: #FFF;
323 text-align: center; 323 text-align: center;
324 p { 324 p {
325 + color: #A67939;
325 position: absolute; 326 position: absolute;
326 top: 50%; 327 top: 50%;
327 left: 50%; 328 left: 50%;
......
1 <!-- 1 <!--
2 * @Date: 2024-01-16 10:06:47 2 * @Date: 2024-01-16 10:06:47
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-01-26 14:44:26 4 + * @LastEditTime: 2024-01-29 10:02:05
5 * @FilePath: /xysBooking/src/components/qrCodeSearch.vue 5 * @FilePath: /xysBooking/src/components/qrCodeSearch.vue
6 * @Description: 预约码卡组件 6 * @Description: 预约码卡组件
7 --> 7 -->
...@@ -227,12 +227,13 @@ onUnmounted(() => { ...@@ -227,12 +227,13 @@ onUnmounted(() => {
227 left: 0; 227 left: 0;
228 right: 0; 228 right: 0;
229 bottom: 0; 229 bottom: 0;
230 - background-color: rgba(106,106,106,0.6); 230 + background-image: url('https://cdn.ipadbiz.cn/xys/booking/southeast.jpeg');
231 - // opacity: 0.49; 231 + background-size: contain;
232 border-radius: 20px; 232 border-radius: 20px;
233 color: #FFF; 233 color: #FFF;
234 text-align: center; 234 text-align: center;
235 p { 235 p {
236 + color: #A67939;
236 position: absolute; 237 position: absolute;
237 top: 50%; 238 top: 50%;
238 left: 50%; 239 left: 50%;
......