feat(news):优化新闻列表展示并提取标题

- 后端从富文本中提取 Telegraph 标题
- 前端使用折叠面板展示带标题的新闻项
- 无标题新闻项保持原有展示方式
- 调整标签和文字的排版与样式
- 支持展开/收起新闻详情内容
- 保留时间标签和高亮显示逻辑

backend/data/market_news_api.go

@@ -266,6 +266,7 @@ func (m MarketNewsApi) GetSinaNews(crawlTimeOut uint) *[]models.Telegraph {
 			data := item.(map[string]any)
 			//logger.SugaredLogger.Infof("%s:%s", data["create_time"], data["rich_text"])
 			telegraph.Content = data["rich_text"].(string)
+			telegraph.Title = strutil.SubInBetween(data["rich_text"].(string), "【", "】")
 			telegraph.Time = strings.Split(data["create_time"].(string), " ")[1]
 			dataTime, _ := time.ParseInLocation("2006-01-02 15:04:05", data["create_time"].(string), time.Local)
 			if &dataTime != nil {

frontend/src/components/newsList.vue

@@ -30,18 +30,26 @@ const updateMessage = () => {
     </template>
     <n-list-item v-for="item in newsList">
       <n-space justify="start" >
-        <n-text justify="start" :bordered="false" :type="item.isRed?'error':'info'">
+<!--        <n-text justify="start" :bordered="false" :type="item.isRed?'error':'info'" style="overflow-wrap: break-word;">-->
+<!--          <n-tag size="small" :type="item.isRed?'error':'warning'" :bordered="false"> {{ item.time }}</n-tag>-->
+<!--          <n-text size="small" v-if="item.title"  type="warning" :bordered="false">{{ item.title }}&nbsp;&nbsp;</n-text>-->
+<!--          <n-text style="overflow-wrap: break-word;word-break: break-all; word-wrap: break-word;" :type="item.isRed?'error':'info'">{{ item.content }}</n-text>-->
+<!--        </n-text>-->
+        <n-collapse v-if="item.title" arrow-placement="right">
+          <n-collapse-item :name="item.title">
+            <template #header>
+              <n-tag size="small" :type="item.isRed?'error':'warning'" :bordered="false"> {{ item.time }}</n-tag>
+              <n-text size="small" :type="item.isRed?'error':'info'" :bordered="false">{{ item.title }}</n-text>
+            </template>
+            <n-text justify="start" :bordered="false" :type="item.isRed?'error':'info'">
+              {{ item.content }}
+            </n-text>
+          </n-collapse-item>
+        </n-collapse>
+        <n-text  v-if="!item.title" justify="start" :bordered="false" :type="item.isRed?'error':'info'">
           <n-tag size="small" :type="item.isRed?'error':'warning'" :bordered="false"> {{ item.time }}</n-tag>
-          <n-gradient-text :size="14" :type="'warning'" :bordered="false">{{ item.title }}</n-gradient-text> <n-text :type="item.isRed?'error':'info'">{{ item.content }}</n-text>
+          {{ item.content }}
         </n-text>
-<!--        <n-collapse v-if="item.title">-->
-<!--          <n-collapse-item :title="item.title" :name="item.title">-->
-<!--            <n-text justify="start" :bordered="false" :type="item.isRed?'error':'info'">-->
-<!--              <n-tag size="small" :type="item.isRed?'error':'warning'" :bordered="false"> {{ item.time }}</n-tag>-->
-<!--              {{ item.content }}-->
-<!--            </n-text>-->
-<!--          </n-collapse-item>-->
-<!--        </n-collapse>-->
       </n-space>
       <n-space v-if="item.subjects" style="margin-top: 2px">
         <n-tag :bordered="false" type="success" size="small" v-for="sub in item.subjects">