From 5db603fb6b012a1ac10af59468a2d6e92ba1e531 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, 9 Apr 2025 11:03:02 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E6=A0=87=E9=A2=98=E5=89=AF?=
 =?UTF-8?q?=E6=A0=87=E9=A2=98=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/model-title/index.vue               | 8 ++++++--
 src/components/model-title/model-title-content.vue | 7 +++++--
 src/config/const/title.ts                          | 2 ++
 3 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/components/model-title/index.vue b/src/components/model-title/index.vue
index baa0e424..7d936a85 100644
--- a/src/components/model-title/index.vue
+++ b/src/components/model-title/index.vue
@@ -69,11 +69,15 @@ const title_style = computed(() => {
 const subtitle_style = computed(() => {
     let common_styles = '';
     if (new_style.value.subtitle_weight == 'italic') {
-        common_styles += `font-style: italic`;
+        common_styles += `font-style: italic;`;
     } else if (['bold', '500'].includes(new_style.value.subtitle_weight)) {
         common_styles += `font-weight: bold;`;
     }
-    return `color:${new_style.value.subtitle_color}; font-size: ${new_style.value.subtitle_size}px; ${common_styles}`;
+    let flex = '';
+    if (form.value.is_subtitle_center == '1') {
+        flex = 'display: flex; justify-content: center;';
+    }
+    return `color:${new_style.value.subtitle_color}; font-size: ${new_style.value.subtitle_size}px; ${common_styles} ${ flex }`;
 });
 // 标题是否居中
 const title_center = computed(() => {
diff --git a/src/components/model-title/model-title-content.vue b/src/components/model-title/model-title-content.vue
index 51c34d5f..e4ca09e1 100644
--- a/src/components/model-title/model-title-content.vue
+++ b/src/components/model-title/model-title-content.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="w h">
-        <el-form :model="form" label-width="70">
+        <el-form :model="form" label-width="80">
             <common-content-top :value="form.content_top"></common-content-top>
             <div class="divider-line"></div>
             <card-container>
@@ -11,7 +11,7 @@
                 <el-form-item label="标题链接">
                     <url-value v-model="form.title_link"></url-value>
                 </el-form-item>
-                <el-form-item label="是否居中">
+                <el-form-item label="标题居中">
                     <el-switch v-model="form.is_title_center" active-value="1" inactive-value="0"/>
                 </el-form-item>
                 <el-form-item label="图片/图标">
@@ -20,6 +20,9 @@
                 <el-form-item label="副标题">
                     <el-input v-model="form.subtitle" placeholder="请输入副标题" clearable></el-input>
                 </el-form-item>
+                <el-form-item label="副标题居中">
+                    <el-switch v-model="form.is_subtitle_center" active-value="1" inactive-value="0"/>
+                </el-form-item>
             </card-container>
             <div class="bg-f5 divider-line" />
             <card-container>
diff --git a/src/config/const/title.ts b/src/config/const/title.ts
index d89bec7c..1a5d4a66 100644
--- a/src/config/const/title.ts
+++ b/src/config/const/title.ts
@@ -17,6 +17,7 @@ interface defaultSearch {
         icon_class: string;
         subtitle: string;
         is_title_center: string;
+        is_subtitle_center: string;
         keyword_show: string;
         keyword_list: carousel_list[];
         right_show: string;
@@ -57,6 +58,7 @@ const defaultSearch: defaultSearch = {
         subtitle: '',
         // 内容居中
         is_title_center: '0',
+        is_subtitle_center: '0',
         // 右侧内容设置
         right_show: '1',
         right_title: '更多',