From 65fe22daeac1c35037801ea5b21be27d746b2275 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8E=E8=82=96=E7=A3=8A?= <18851179580@163.com>
Date: Mon, 2 Sep 2024 14:01:57 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=95=86=E5=93=81=E9=80=89?=
 =?UTF-8?q?=E9=A1=B9=E5=8D=A1=E7=9A=84=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../model-shop-tabs/model-shop-tabs-content.vue   |  8 ++++++++
 .../model-shop-tabs/model-shop-tabs-styles.vue    | 15 ++++++++++++---
 .../layout/components/main/default/shop-tabs.ts   |  8 ++++++--
 3 files changed, 26 insertions(+), 5 deletions(-)

diff --git a/src/components/model-shop-tabs/model-shop-tabs-content.vue b/src/components/model-shop-tabs/model-shop-tabs-content.vue
index 2cee5688..2fa6f41c 100644
--- a/src/components/model-shop-tabs/model-shop-tabs-content.vue
+++ b/src/components/model-shop-tabs/model-shop-tabs-content.vue
@@ -16,6 +16,14 @@
                         <el-radio v-for="item in base_list.product_style_list" :key="item.value" :value="item.value">{{ item.name }}</el-radio>
                     </el-radio-group>
                 </el-form-item>
+                <el-form-item v-if="form.theme == '5'" label="单行显示">
+                    <el-radio-group v-model="form.single_line_number" class="ml-4">
+                        <el-radio :value="1">1个</el-radio>
+                        <el-radio :value="2">2个</el-radio>
+                        <el-radio :value="3">3个</el-radio>
+                        <el-radio :value="4">4个</el-radio>
+                    </el-radio-group>
+                </el-form-item>
             </card-container>
             <div class="divider-line"></div>
             <card-container>
diff --git a/src/components/model-shop-tabs/model-shop-tabs-styles.vue b/src/components/model-shop-tabs/model-shop-tabs-styles.vue
index 9bc7e14e..30af1a35 100644
--- a/src/components/model-shop-tabs/model-shop-tabs-styles.vue
+++ b/src/components/model-shop-tabs/model-shop-tabs-styles.vue
@@ -47,9 +47,6 @@
                         <slider v-model="form.content_outer_spacing" :max="100"></slider>
                     </el-form-item>
                     <template v-if="theme == '5'">
-                        <el-form-item label="内容宽度">
-                            <slider v-model="form.content_outer_width" :max="1000"></slider>
-                        </el-form-item>
                         <el-form-item label="内容高度">
                             <slider v-model="form.content_outer_height" :max="1000"></slider>
                         </el-form-item>
@@ -63,6 +60,18 @@
                 </el-form-item> -->
             </card-container>
             <div class="divider-line"></div>
+            <template v-if="theme == '5'">
+                <card-container>
+                    <div class="mb-12">轮播设置</div>
+                    <el-form-item label="自动轮播">
+                        <el-switch v-model="form.is_roll" />
+                    </el-form-item>
+                    <el-form-item label="间隔时间">
+                        <slider v-model="form.interval_time" :max="100"></slider>
+                    </el-form-item>
+                </card-container>
+                <div class="divider-line"></div>
+            </template>
             <card-container>
                 <div class="mb-12">购物车按钮</div>
                 <el-form-item label="按钮颜色" class="topic">
diff --git a/src/views/layout/components/main/default/shop-tabs.ts b/src/views/layout/components/main/default/shop-tabs.ts
index 66576818..c7951ae3 100644
--- a/src/views/layout/components/main/default/shop-tabs.ts
+++ b/src/views/layout/components/main/default/shop-tabs.ts
@@ -17,6 +17,7 @@ interface DefaultProductList {
         tabs_theme: string;
         tabs_top_up: boolean;
         theme: string;
+        single_line_number: number,
         tabs_list: articleTabsList[];
         is_show: string[];
         is_shop_show: boolean;
@@ -41,8 +42,9 @@ interface DefaultProductList {
         shop_img_radius: radiusStyle;
         shop_radius: radiusStyle;
         content_outer_spacing: number;
-        content_outer_width: number;
         content_outer_height: number;
+        is_roll: boolean,
+        interval_time: number,
         content_spacing: number;
         shop_title_typeface: string;
         shop_title_size: number;
@@ -70,6 +72,7 @@ const defaultProductList: DefaultProductList = {
         tabs_theme: '0',
         tabs_top_up: false,
         theme: '0',
+        single_line_number: 1,
         tabs_list: [
             { id: '1', title: '热门推荐', img: [], desc: '简介', data_type: '0', category: [], data_ids: [], number: 4,  sort: '0', sort_rules: '0', data_list: [] },
             { id: '2', title: '测试一', img: [], desc: '简介', data_type: '0', category: [], data_ids: [], number: 4,  sort: '0', sort_rules: '0', data_list: [] },
@@ -118,8 +121,9 @@ const defaultProductList: DefaultProductList = {
         },
         content_outer_spacing: 10,
         content_spacing: 10,
-        content_outer_width: 140,
         content_outer_height: 232,
+        is_roll: true,
+        interval_time: 2,
         shop_title_typeface: '500',
         shop_title_size: 14,    
         shop_title_color: "#333333",