From 6e3fbe2b4183eecd22c9a568e2d4548ea3362a06 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8E=E8=82=96=E7=A3=8A?= <18851179580@163.com>
Date: Thu, 15 Aug 2024 14:59:49 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=96=87=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/product-list-show.vue          | 52 +++++--------------
 src/components/model-data-magic/index.vue     | 11 +++-
 2 files changed, 23 insertions(+), 40 deletions(-)

diff --git a/src/components/model-data-magic/components/product-list-show.vue b/src/components/model-data-magic/components/product-list-show.vue
index 0528bd44..9fca0926 100644
--- a/src/components/model-data-magic/components/product-list-show.vue
+++ b/src/components/model-data-magic/components/product-list-show.vue
@@ -1,46 +1,20 @@
 <template>
-    <template v-if="props.outerflex == 'row'">
-        <div class="flex-row gap-10 align-c">
-            <template v-if="props.flex == 'row'">
-                <div v-for="(item2, index2) in split_list" :key="index2" class="flex-row gap-10 align-c">
-                    <image-empty v-model="item2.new_src[0]" :style="contentImgRadius"></image-empty>
-                    <div class="flex-col gap-10">
-                        <div>标题</div>
-                        <div>价格</div>
-                    </div>
-                </div>
-            </template>
-            <template v-else>
-                <div v-for="(item2, index2) in split_list" :key="index2" class="flex-col gap-10 align-c">
-                    <image-empty v-model="item2.new_src[0]" :style="contentImgRadius"></image-empty>
-                    <div class="flex-col gap-10">
-                        <div>标题</div>
-                        <div>价格</div>
-                    </div>
-                </div>
-            </template>
+    <template v-if="props.flex === 'row'">
+        <div v-for="(item2, index2) in split_list" :key="index2" class="flex-row gap-10 align-c">
+            <image-empty v-model="item2.new_src[0]" :style="contentImgRadius"></image-empty>
+            <div class="flex-col gap-10">
+                <div>标题</div>
+                <div>价格</div>
+            </div>
         </div>
     </template>
     <template v-else>
-        <div class="flex-col gap-10 align-c">
-            <template v-if="props.flex === 'row'">
-                <div v-for="(item2, index2) in split_list" :key="index2" class="flex-row gap-10 align-c">
-                    <image-empty v-model="item2.new_src[0]" :style="contentImgRadius"></image-empty>
-                    <div class="flex-col gap-10">
-                        <div>标题</div>
-                        <div>价格</div>
-                    </div>
-                </div>
-            </template>
-            <template v-else>
-                <div v-for="(item2, index2) in split_list" :key="index2" class="flex-col gap-10 align-c">
-                    <image-empty v-model="item2.new_src[0]" :style="contentImgRadius"></image-empty>
-                    <div class="flex-col gap-10">
-                        <div>标题</div>
-                        <div>价格</div>
-                    </div>
-                </div>
-            </template>
+        <div v-for="(item2, index2) in split_list" :key="index2" class="flex-col gap-10 align-c">
+            <image-empty v-model="item2.new_src[0]" :style="contentImgRadius"></image-empty>
+            <div class="flex-col gap-10">
+                <div>标题</div>
+                <div>价格</div>
+            </div>
         </div>
     </template>
 </template>
diff --git a/src/components/model-data-magic/index.vue b/src/components/model-data-magic/index.vue
index a60f4aa7..89dce2a0 100644
--- a/src/components/model-data-magic/index.vue
+++ b/src/components/model-data-magic/index.vue
@@ -51,7 +51,16 @@
                             <div class="w h">
                                 <el-carousel :key="item.data_style.carouselKey" indicator-position="none" :interval="item.data_style.interval_time * 1000" arrow="never" :autoplay="item.data_style.is_roll" @change="carousel_change($event, index)">
                                     <el-carousel-item v-for="(item1, index1) in item.data_content.list" :key="index1">
-                                        <product-list-show :outerflex="item.outerflex" :flex="item.flex" :value="item1.split_list" :content-img-radius="content_img_radius"></product-list-show>
+                                        <template v-if="item.outerflex == 'row'">
+                                            <div class="flex-row gap-10 align-c">
+                                                <product-list-show :flex="item.flex" :value="item1.split_list" :content-img-radius="content_img_radius"></product-list-show>
+                                            </div>
+                                        </template>
+                                        <template v-else>
+                                            <div class="flex-col gap-20 align-c">
+                                                <product-list-show :flex="item.flex" :value="item1.split_list" :content-img-radius="content_img_radius"></product-list-show>
+                                            </div>
+                                        </template>
                                     </el-carousel-item>
                                 </el-carousel>
                             </div>