style: 将固定像素单位改为视窗单位并优化图片路径

将高度单位从rpx改为vh，宽度从rpx改为vw以提高响应性
为图片URL添加质量优化参数

 <!--
  * @Date: 2023-06-21 10:23:09
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2026-01-08 10:20:38
+ * @LastEditTime: 2026-01-09 18:06:06
  * @FilePath: /xyxBooking-weapp/src/pages/index/index.vue
  * @Description: 预约页首页
 -->
 <template>
   <view class="index-page">
     <view class="index-content">
-      <view style="height: 400rpx;">
+      <view style="height: 28vh;">
         <swiper class="my-swipe" :autoplay="true" :interval="3000" indicator-dots indicator-color="white" :circular="true">
           <swiper-item>
-            <image style="height: 400rpx; width: 750rpx;" src="https://cdn.ipadbiz.cn/xys/booking/banner.jpg" mode="aspectFill" />
+            <image style="height: 28vh; width: 100vw;" src="https://cdn.ipadbiz.cn/xys/booking/banner02.png?imageMogr2/thumbnail/500x/strip/quality/100" />
           </swiper-item>
         </swiper>
       </view>
@@ -82,7 +82,7 @@ useShareAppMessage(() => {
 .index-page {
   position: relative;
   min-height: 100vh;
-  background-image: url('https://cdn.ipadbiz.cn/xys/booking/bg.jpg');
+  background-image: url('https://cdn.ipadbiz.cn/xys/booking/bg.jpg?imageMogr2/thumbnail/200x/strip/quality/50');
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover; /* 确保背景覆盖 */
@@ -163,7 +163,7 @@ useShareAppMessage(() => {
       bottom: 200rpx;
       height: 400rpx;
       width: 150rpx;
-      background-image: url('https://cdn.ipadbiz.cn/xys/booking/logo.png');
+      background-image: url('https://cdn.ipadbiz.cn/xys/booking/logo.png?imageMogr2/thumbnail/50x/strip/quality/50');
       background-repeat: no-repeat;
       background-size: contain;
       background-position: center;