From b71bc191889a54ac773c39de0ee7678b80f53546 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=82=85=E5=85=89=E5=AD=9F?= <fgmfjf@163.com>
Date: Tue, 10 Mar 2026 10:32:18 +0800
Subject: [PATCH] =?UTF-8?q?feat(article):=20=E6=9B=B4=E6=96=B0=E5=86=85?=
 =?UTF-8?q?=E5=AE=B9=E5=A4=84=E7=90=86=E9=80=BB=E8=BE=91=EF=BC=8C=E6=8F=92?=
 =?UTF-8?q?=E5=85=A5=E6=9D=A5=E6=BA=90=E4=BF=A1=E6=81=AF=E5=B9=B6=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E6=96=87=E6=9C=AC=E8=8A=82=E7=82=B9=E8=8E=B7=E5=8F=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/article/indexNewsInfo.vue | 46 ++++++++++++++++++++++--
 1 file changed, 44 insertions(+), 2 deletions(-)

diff --git a/src/components/article/indexNewsInfo.vue b/src/components/article/indexNewsInfo.vue
index cbd05cf..598834c 100644
--- a/src/components/article/indexNewsInfo.vue
+++ b/src/components/article/indexNewsInfo.vue
@@ -64,7 +64,7 @@
           class="articleDes"
           :class="props?.data?.needpay && 'needpay'"
           style="white-space: pre-wrap"
-          v-html="props.data.content"
+          v-html="content"
         >
         </text>
       </view>
@@ -175,7 +175,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref } from "vue";
+import { computed, ref, toRefs } from "vue";
 import {
   onLaunch,
   onShow,
@@ -188,6 +188,7 @@ import LoginDialog from "@/pages/realtimeInfo/components/LoginPopup/index.vue";
 import { Session } from "@/utils/storage";
 import zhaiyaoImg from "../../assets/zixun/zhaiyao_icon.png";
 import { useUserStore } from "@/stores/user";
+import dayjs from "dayjs";
 
 const emit = defineEmits(["getFurtherReadData"]);
 const props = defineProps({
@@ -215,6 +216,40 @@ const tagList1 = ref([
     name: "医药生物-医疗服务",
   },
 ]);
+// 匹配第一个文本node
+function getFirstTextNode(node: any): any {
+  // 文本节点
+  if (node.nodeType === 3) {
+    return node;
+  }
+  for (let i = 0; i < node.childNodes.length; i++) {
+    const child = node.childNodes[i];
+    const textNode = getFirstTextNode(child);
+    if (textNode) {
+      return textNode;
+    }
+  }
+  return null;
+}
+
+const content = computed(() => {
+  const content = props.data.content;
+  const insertText = `中证参考海外资讯${dayjs(props.data.publishTime).format('MM月DD日')}援引${props.data.source}`;
+  if (!content) return;
+  const dom = new DOMParser().parseFromString(content, "text/html");
+  const body = dom.querySelector("body");
+  const p = body?.childNodes;
+  for(let i = 0; i < p.length; i++){
+    const textNode = getFirstTextNode(p[i]);
+    console.log(textNode)
+    if(textNode){
+      textNode.textContent = insertText + textNode.textContent;
+      break;
+    }
+  } 
+  return body?.innerHTML;
+});
+
 
 const userStore = useUserStore();
 // 未登录|试用，显示蒙层
@@ -679,4 +714,11 @@ const getMoreNews = () => {
     }
   }
 }
+.aaa{
+  float: left;
+  margin-top: 36rpx;
+    font-size: var(--h2-font-size);
+    color: #333;
+    overflow-wrap: break-word;
+}
 </style>