From 2fc44f947e2f3285c3dd5893ae0f4f5ffdeea26e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A6=86=E9=92=B1=E8=90=BD=E5=B0=BD=E6=A7=BF=E8=8A=B1?=
 =?UTF-8?q?=E7=A8=80?= <2675540038@qq.com>
Date: Mon, 19 May 2025 18:25:23 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E8=B0=83=E6=95=B4=E9=A6=96=E9=A1=B5?=
 =?UTF-8?q?=E8=BD=AE=E6=92=AD=E5=9B=BE=E6=A0=B7=E5=BC=8F=E5=8F=8A=E5=93=8D?=
 =?UTF-8?q?=E5=BA=94=E5=BC=8F=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

在响应式布局中，将 `.dswper` 的宽度从 100% 调整为 90%，以改善页面显示效果。同时，在首页轮播图的每个幻灯片中添加了内边距，提升视觉体验。
---
 assets/index.scss | 2 +-
 pages/index.vue   | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/assets/index.scss b/assets/index.scss
index 7f9f635..5b375e7 100644
--- a/assets/index.scss
+++ b/assets/index.scss
@@ -635,7 +635,7 @@
 
 @media screen and (max-width: 1440px) {
   .dswper {
-    width: 100%;
+    width: 90%;
   }
 }
 
diff --git a/pages/index.vue b/pages/index.vue
index 3165ff6..a70319f 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -270,7 +270,9 @@
 					<swiper ref="swiper_exp" :slidesPerView="2" loop :autoplay="false" :modules="modules"
 						:watchSlidesProgress="true" @swiper="onSwiperExp">
 						<swiper-slide v-for="(item, index) in 14" :key="index">
-							<img class="hy_my_home" :src="`${$cdnUrl}/img/home_al/op${item}.png`">
+							<div style="padding: 20px;">
+								<img class="hy_my_home" :src="`${$cdnUrl}/img/home_al/op${item}.png`">
+							</div>
 						</swiper-slide>
 					</swiper>
 					<div class="flex-row justify-center align-center absolute w-full bottom-[-50px]" style="gap: 30px;">