From 53ae62b903fd8e88e55e9076b7b7c126ab505e18 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, 7 Apr 2025 10:36:30 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=A1=B5=E9=9D=A2=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E5=86=85=E5=AE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../model-ask-tabs/model-ask-tabs-content.vue    | 10 ++++++++++
 src/components/model-ask/index.vue               | 16 ++++++++++++----
 src/components/model-ask/model-ask-content.vue   | 10 ++++++++++
 src/config/const/ask-tabs.ts                     |  2 ++
 src/config/const/ask.ts                          |  2 ++
 5 files changed, 36 insertions(+), 4 deletions(-)

diff --git a/src/components/model-ask-tabs/model-ask-tabs-content.vue b/src/components/model-ask-tabs/model-ask-tabs-content.vue
index 0c82897c..c724d5e3 100644
--- a/src/components/model-ask-tabs/model-ask-tabs-content.vue
+++ b/src/components/model-ask-tabs/model-ask-tabs-content.vue
@@ -93,6 +93,11 @@
                         <el-checkbox v-for="item in base_list.show_list.filter(item => item.show.includes(form.theme))" :key="item.value" :value="item.value">{{ item.name }}</el-checkbox>
                     </el-checkbox-group>
                 </el-form-item> 
+                <el-form-item label="标题显示">
+                    <el-radio-group v-model="form.title_display_method">
+                        <el-radio v-for="item in base_list.display_method" :key="item.value" :value="item.value">{{ item.name }}</el-radio>
+                    </el-radio-group>
+                </el-form-item> 
             </card-container>
         </el-form>
         <url-value-dialog v-model:dialog-visible="url_value_dialog_visible" :type="['ask']" :multiple="url_value_multiple_bool" @update:model-value="url_value_dialog_call_back"></url-value-dialog>
@@ -159,6 +164,11 @@ const base_list = reactive({
         { name: '未回', value: '0' },
         { name: '已回', value: '1' },
     ],
+    display_method: [
+        { name: '自动', value: '0' },
+        { name: '一行', value: '1' },
+        { name: '两行', value: '2' },
+    ],
 });
 const tabs_theme_change = (val: string | number | boolean | undefined): void => {
     data.value.tabs_color_checked = tabs_style(data.value.tabs_color_checked, val);
diff --git a/src/components/model-ask/index.vue b/src/components/model-ask/index.vue
index 2a7a893e..eaed5bc7 100644
--- a/src/components/model-ask/index.vue
+++ b/src/components/model-ask/index.vue
@@ -8,7 +8,7 @@
                             <div class="oh w h flex-col jc-sb gap-10" :style="layout_img_style">
                                 <div class="flex-row gap-10 align-b">
                                     <div v-if="is_show('ranking')" :class="`top-style one${ index + 1 }`">{{ index + 1 }}</div>
-                                    <div :style="trends_config('title') + 'word-break: break-all;'">{{ item.title }}</div>
+                                    <div :class="get_title_line" :style="trends_config('title') + 'word-break: break-all;'">{{ item.title }}</div>
                                 </div>
                                 <div v-if="is_show('reply_status') || is_show('time') || is_show('page_view')" class="flex-row gap-10 align-c" :style="is_show('ranking') ? 'margin-left: 2.7rem;' : ''">
                                     <div class="flex-row">
@@ -26,7 +26,7 @@
                         <template v-else>
                             <div class="oh flex-col gap-10 jc-sb" :style="layout_img_style">
                                 <div class="flex-row gap-10 align-b">
-                                    <div :style="trends_config('title') + 'word-break: break-all;'">{{ item.title }}</div>
+                                    <div :class="get_title_line" :style="trends_config('title') + 'word-break: break-all;'">{{ item.title }}</div>
                                 </div>
                                 <div v-if="is_show('reply_status') || is_show('time')" class="flex-col gap-10">
                                     <span v-if="is_show('time')" :style="trends_config('time')">{{ item.add_time_date }}</span>
@@ -48,7 +48,7 @@
                             <div :class="layout_type" :style="layout_style">
                                 <div class="oh w h flex-col gap-10 jc-sb" :style="layout_img_style">
                                     <div class="flex-row gap-10 align-b">
-                                        <div :style="trends_config('title') + 'word-break: break-all;'">{{ item.title }}</div>
+                                        <div :class="get_title_line" :style="trends_config('title') + 'word-break: break-all;'">{{ item.title }}</div>
                                     </div>
                                     <div v-if="is_show('reply_status') || is_show('time')" class="flex-col gap-10">
                                         <span v-if="is_show('time')" :style="trends_config('time')">{{ item.add_time_date }}</span>
@@ -96,6 +96,14 @@ const form = computed(() => props.value?.content || {});
 const new_style = computed(() => props.value?.style || {});
 // 选择的风格
 const theme = computed(() => form.value.theme);
+const get_title_line = computed(() => {
+    const line = form.value.title_display_method;
+    if (line == '0') {
+        return '';
+    } else {
+        return line == '1' ? 'text-line-1' : 'text-line-2'
+    }
+});
 // 最外层不同风格下的显示
 const outer_class = computed(() => {
     const flex = ['0', '2'].includes(theme.value) ? 'flex-col ' : 'container ';
@@ -211,7 +219,7 @@ const trends_config = (key: string, type?: string) => {
 };
 // 根据传递的值，显示不同的内容
 const style_config = (typeface: string, size: number, color: string | object, type?: string) => {
-    let style = `font-weight:${typeface}; font-size: ${size}px;color: ${color};`;
+    let style = `font-weight:${typeface}; font-size: ${size}px;color: ${color};line-height: 1.5;`;
     return style;
 };
 // 不同风格下的样式
diff --git a/src/components/model-ask/model-ask-content.vue b/src/components/model-ask/model-ask-content.vue
index f91076a0..5cb60494 100644
--- a/src/components/model-ask/model-ask-content.vue
+++ b/src/components/model-ask/model-ask-content.vue
@@ -33,6 +33,11 @@
                         <el-checkbox v-for="item in base_list.show_list.filter(item => item.show.includes(form.theme))" :key="item.value" :value="item.value">{{ item.name }}</el-checkbox>
                     </el-checkbox-group>
                 </el-form-item> 
+                <el-form-item label="标题显示">
+                    <el-radio-group v-model="form.title_display_method">
+                        <el-radio v-for="item in base_list.display_method" :key="item.value" :value="item.value">{{ item.name }}</el-radio>
+                    </el-radio-group>
+                </el-form-item> 
             </card-container>
         </el-form>
         <url-value-dialog v-model:dialog-visible="url_value_dialog_visible" :type="['ask']" :multiple="url_value_multiple_bool" @update:model-value="url_value_dialog_call_back"></url-value-dialog>
@@ -92,6 +97,11 @@ const base_list = reactive({
         { name: '未回', value: '0' },
         { name: '已回', value: '1' },
     ],
+    display_method: [
+        { name: '自动', value: '0' },
+        { name: '一行', value: '1' },
+        { name: '两行', value: '2' },
+    ],
 });
 
 // 移除
diff --git a/src/config/const/ask-tabs.ts b/src/config/const/ask-tabs.ts
index b091c5ee..383a08b0 100644
--- a/src/config/const/ask-tabs.ts
+++ b/src/config/const/ask-tabs.ts
@@ -45,6 +45,7 @@ interface defaultRealstore {
         keywords: string;
         is_reply: string;
         is_show: string[],
+        title_display_method: string,
     };
     style: {
         tabs_one_theme: string;
@@ -165,6 +166,7 @@ const defaultRealstore: defaultRealstore = {
         keywords: '',
         is_reply: '',
         is_show: ['time', 'page_view', 'reply_status', 'ranking'],
+        title_display_method: '0',
     },
     style: {
         // 选中样式风格
diff --git a/src/config/const/ask.ts b/src/config/const/ask.ts
index 15cb431c..5b159e41 100644
--- a/src/config/const/ask.ts
+++ b/src/config/const/ask.ts
@@ -18,6 +18,7 @@ interface defaultRealstore {
         keywords: string;
         is_reply: string;
         is_show: string[],
+        title_display_method: string;
     };
     style: {
         ask_color_list: color_list[];
@@ -77,6 +78,7 @@ const defaultRealstore: defaultRealstore = {
         keywords: '',
         is_reply: '',
         is_show: ['time', 'page_view', 'reply_status', 'ranking'],
+        title_display_method: '0',
     },
     style: {
         ask_color_list: [{ color: '#fff', color_percentage: undefined }],