From 2f34846db39c58517663fe8ee74aeae16708d5a1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8E=E8=82=96=E7=A3=8A?= <18851179580@163.com>
Date: Wed, 23 Oct 2024 15:57:32 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=A1=B5=E9=9D=A2=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/model-carousel/index.vue | 42 ++++++++++++++-----------
 1 file changed, 23 insertions(+), 19 deletions(-)

diff --git a/src/components/model-carousel/index.vue b/src/components/model-carousel/index.vue
index 7ec2548a..783ffea3 100644
--- a/src/components/model-carousel/index.vue
+++ b/src/components/model-carousel/index.vue
@@ -28,28 +28,32 @@
                     <swiper-slide v-for="(item, index) in form.carousel_list" :key="index">
                         <div class="item-image flex align-c w h re" :style="img_style">
                             <image-empty v-model="item.carousel_img[0]" :style="img_style" :fit="img_fit"></image-empty>
-                            <div v-if="new_style.video_is_show == '1' && item.carousel_video.length > 0" :class="{'x-middle': new_style.video_location == 'center', 'right-0': new_style.video_location == 'flex-end' }" class="z-deep video-class flex-row abs gap-10 align-c oh" :style="video_style">
-                                <template v-if="new_style.video_type == 'img'">
-                                    <image-empty v-model="new_style.video_img[0]" class="video_img" error-img-style="width: 1.4rem;height: 1.4rem;" />
-                                </template>
-                                <template v-else>
-                                    <el-icon :class="`iconfont ${ !isEmpty(new_style.video_icon_class) ? 'icon-' + new_style.video_icon_class : 'icon-bofang' } size-14`" :style="`color:${new_style.video_icon_color};`" />
-                                </template>
-                                <span v-if="!isEmpty(item.video_title)" :style="`color:${new_style.video_title_color};font-size: ${new_style.video_title_size}px;text-wrap: nowrap;`">{{ item.video_title }}</span>
+                            <div v-if="new_style.video_is_show == '1' && item.carousel_video.length > 0" :class="{'x-middle': new_style.video_location == 'center', 'right-0': new_style.video_location == 'flex-end' }" class="z-deep abs oh video-class" :style="`bottom: ${new_style.video_bottom}px;`">
+                                <div class="flex-row gap-10 align-c" :style="video_style">
+                                    <template v-if="new_style.video_type == 'img'">
+                                        <image-empty v-model="new_style.video_img[0]" class="video_img" error-img-style="width: 1.4rem;height: 1.4rem;" />
+                                    </template>
+                                    <template v-else>
+                                        <el-icon :class="`iconfont ${ !isEmpty(new_style.video_icon_class) ? 'icon-' + new_style.video_icon_class : 'icon-bofang' } size-14`" :style="`color:${new_style.video_icon_color};`" />
+                                    </template>
+                                    <span v-if="!isEmpty(item.video_title)" :style="`color:${new_style.video_title_color};font-size: ${new_style.video_title_size}px;text-wrap: nowrap;`">{{ item.video_title }}</span>
+                                </div>
                             </div>
                         </div>
                     </swiper-slide>
                     <swiper-slide v-for="(item, index1) in seat_list" :key="index1">
                         <div class="item-image flex align-c w h re" :style="img_style">
                             <image-empty v-model="item.carousel_img[0]" :style="img_style" :fit="img_fit"></image-empty>
-                            <div v-if="new_style.video_is_show == '1' && item.carousel_video.length > 0" :class="{'x-middle': new_style.video_location == 'center', 'right-0': new_style.video_location == 'flex-end' }" class="z-deep video-class flex-row abs gap-10 align-c oh" :style="video_style">
-                                <template v-if="new_style.video_type == 'img'">
-                                    <image-empty v-model="new_style.video_img[0]" class="video_img" error-img-style="width: 1.4rem;height: 1.4rem;" />
-                                </template>
-                                <template v-else>
-                                    <el-icon :class="`iconfont ${ !isEmpty(new_style.video_icon_class) ? 'icon-' + new_style.video_icon_class : 'icon-bofang' } size-14`" :style="`color:${new_style.video_icon_color};`" />
-                                </template>
-                                <span v-if="!isEmpty(item.video_title)" :style="`color:${new_style.video_title_color};font-size: ${new_style.video_title_size}px;text-wrap: nowrap;`">{{ item.video_title }}</span>
+                            <div v-if="new_style.video_is_show == '1' && item.carousel_video.length > 0" :class="{'x-middle': new_style.video_location == 'center', 'right-0': new_style.video_location == 'flex-end' }" class="z-deep abs oh video-class" :style="`bottom: ${new_style.video_bottom}px;`">
+                                <div class="flex-row gap-10 align-c" :style="video_style">
+                                    <template v-if="new_style.video_type == 'img'">
+                                        <image-empty v-model="new_style.video_img[0]" class="video_img" error-img-style="width: 1.4rem;height: 1.4rem;" />
+                                    </template>
+                                    <template v-else>
+                                        <el-icon :class="`iconfont ${ !isEmpty(new_style.video_icon_class) ? 'icon-' + new_style.video_icon_class : 'icon-bofang' } size-14`" :style="`color:${new_style.video_icon_color};`" />
+                                    </template>
+                                    <span v-if="!isEmpty(item.video_title)" :style="`color:${new_style.video_title_color};font-size: ${new_style.video_title_size}px;text-wrap: nowrap;`">{{ item.video_title }}</span>
+                                </div>
                             </div>
                         </div>
                     </swiper-slide>
@@ -196,7 +200,7 @@ const swiper_style = computed(() => {
 });
 // 视频播放按钮显示逻辑
 const video_style = computed(() => {
-    let style = `bottom: ${new_style.value.video_bottom}px;`;
+    let style = ``;
     if (!isEmpty(new_style.value.video_radius)) {
         style += radius_computer(new_style.value.video_radius)
     }
@@ -324,7 +328,7 @@ const slideChange = (swiper: { realIndex: number }) => {
 }
 .video-class {
     max-width: 100%;
-    margin-right: 10px;
-    margin-left: 10px;
+    padding-right: 10px;
+    padding-left: 10px;
 }
 </style>