From e48416ac8bd5c2a85dcca12a41f38386269f78cf Mon Sep 17 00:00:00 2001
From: Yuzhiran Dev <dev@yuzhiran.com>
Date: Sun, 12 Jul 2026 18:55:22 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=B6=8B=E5=8A=BF=E8=AF=A6=E6=83=85?=
 =?UTF-8?q?=E9=A1=B5=E7=A9=BA=E5=86=85=E5=AE=B9=E4=BF=AE=E5=A4=8D+?=
 =?UTF-8?q?=E6=9F=A5=E7=9C=8B=E5=8E=9F=E6=96=87=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/pages/news/news.vue | 38 +++++++++++++++++++++++++++++++++-
 1 file changed, 37 insertions(+), 1 deletion(-)

diff --git a/client/src/pages/news/news.vue b/client/src/pages/news/news.vue
index c370f90..fdf5fa4 100644
--- a/client/src/pages/news/news.vue
+++ b/client/src/pages/news/news.vue
@@ -55,6 +55,13 @@
         <rich-text :nodes="newsBody"></rich-text>
       </view>
 
+      <!-- 查看原文 -->
+      <view class="source-link" v-if="news.sourceUrl" @click="openSource">
+        <text class="source-link-icon">🔗</text>
+        <text class="source-link-text">查看原文 · {{ news.source }}</text>
+        <text class="source-link-arrow">↗</text>
+      </view>
+
       <!-- 相关话题 -->
       <view class="related-tags" v-if="relatedTags.length">
         <text class="related-label">相关话题</text>
@@ -123,7 +130,7 @@ function formatDate(dateStr) {
 const newsBody = computed(() => {
   const content = news.value.body || ''
   if (!content) {
-    return `<p>${news.value.summary || ''}</p><p style="margin-top:16px;color:rgba(255,255,255,0.35)">完整内容暂未提供，将持续更新...</p>`
+    return `<p style="line-height:1.8;font-size:15px;color:var(--text-primary)">${news.value.summary || '暂无详细内容'}</p>`
   }
   return content
 })
@@ -173,6 +180,20 @@ function onShare() {
   })
 }
 
+function openSource() {
+  if (!news.value.sourceUrl) return
+  uni.setClipboardData({
+    data: news.value.sourceUrl,
+    success: () => {
+      uni.showModal({
+        title: '打开原文',
+        content: `链接已复制: ${news.value.sourceUrl}\n请在浏览器中打开`,
+        showCancel: false
+      })
+    }
+  })
+}
+
 onMounted(() => {
   loadDetail()
 })
@@ -309,6 +330,21 @@ onMounted(() => {
   color: var(--text-secondary);
 }
 
+// 查看原文
+.source-link {
+  margin: 0 20px 20px;
+  padding: 14px 16px;
+  background: var(--glass-bg);
+  border: 1px solid var(--glass-border);
+  border-radius: 12px;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+.source-link-icon { font-size: 14px; }
+.source-link-text { flex: 1; font-size: 13px; color: var(--dim1-color); font-weight: 500; }
+.source-link-arrow { font-size: 14px; color: var(--text-muted); }
+
 // Related tags
 .related-tags {
   margin: 0 20px 20px;