From 8044a37d26a631560645bab9cf710bbf3870429b 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, 21 Oct 2024 14:29:21 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E7=A7=92=E6=9D=80=E9=BB=98?=
 =?UTF-8?q?=E8=AE=A4=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/model-seckill/index.vue                | 8 +++++---
 src/components/model-seckill/model-seckill-styles.vue | 3 +++
 src/config/const/seckill.ts                           | 9 +++++++++
 3 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/components/model-seckill/index.vue b/src/components/model-seckill/index.vue
index 2ccaf8fb..6b5ee927 100644
--- a/src/components/model-seckill/index.vue
+++ b/src/components/model-seckill/index.vue
@@ -217,10 +217,12 @@ const seckill_head_style = computed(() => {
 
 const seckill_head_img_style = computed(() => {
     let style = ``;
-    const { header_background_img, header_background_img_style } = new_style.value;
+    const { header_background_img, header_background_img_style, seckill_head_padding } = new_style.value;
     // 背景图
     const back = { background_img: header_background_img, background_img_style: header_background_img_style };
-    style += background_computer(back);
+    // 秒杀头部内间距设置， 没有的时候默认15px
+    const padding = !isEmpty(seckill_head_padding) ? seckill_head_padding : { padding: 0, padding_top: 15, padding_bottom: 15, padding_left: 13, padding_right: 13};
+    style += background_computer(back) + padding_computer(padding);
     return style;
 });
 
@@ -496,7 +498,7 @@ const corner_marker = computed(() => {
     font-size: 0.9rem;
 }
 .seckill-head {
-    padding: 1.5rem 1.3rem;
+    // padding: 1.5rem 1.3rem;
     width: 100%;
     height: 5.1rem;
     border-radius: 0.8rem 0.8rem 0 0;
diff --git a/src/components/model-seckill/model-seckill-styles.vue b/src/components/model-seckill/model-seckill-styles.vue
index dee17605..ef4a5117 100644
--- a/src/components/model-seckill/model-seckill-styles.vue
+++ b/src/components/model-seckill/model-seckill-styles.vue
@@ -30,6 +30,9 @@
                             <upload v-model="form.header_background_img" :limit="1"></upload>
                         </div>
                     </el-form-item>
+                    <el-form-item label="内间距">
+                        <padding :value="form.seckill_head_padding"></padding>
+                    </el-form-item>
                 </card-container>
                 <div class="divider-line"></div>
             </template>
diff --git a/src/config/const/seckill.ts b/src/config/const/seckill.ts
index 27bd8730..3004910d 100644
--- a/src/config/const/seckill.ts
+++ b/src/config/const/seckill.ts
@@ -35,6 +35,7 @@ interface DefaultSeckill {
         header_background_direction: string;
         header_background_img_style: string;
         header_background_img: uploadList[];
+        seckill_head_padding: paddingStyle;
         shop_radius: radiusStyle;
         shop_img_radius: radiusStyle;
         shop_padding: paddingStyle;
@@ -118,6 +119,14 @@ const defaultSeckill: DefaultSeckill = {
         header_background_direction: '180deg',
         header_background_img_style: '2',
         header_background_img: [{ id: 1, url: new_url + 'header-bg.png', original: '背景', title: '背景1', ext: '.png', type: 'img' }],
+        // 头部内边距
+        seckill_head_padding: {
+            padding: 0,
+            padding_top: 15,
+            padding_bottom: 15,
+            padding_left: 13,
+            padding_right: 13,
+        },
         // 商品内容圆角
         shop_radius: {
             radius: 8,