From 87c4b63ce203f0fb34241eda92caeccbaceb7f54 Mon Sep 17 00:00:00 2001
From: quling <377956897@qq.com>
Date: 星期六, 22 八月 2026 15:11:01 +0800
Subject: [PATCH] feat0806: APP养生科普健康知识功能改造
---
traditionalApp/pages/articleDetail/articleDetail.vue | 27 +++++++++++++++++++++++++++
1 files changed, 27 insertions(+), 0 deletions(-)
diff --git a/traditionalApp/pages/articleDetail/articleDetail.vue b/traditionalApp/pages/articleDetail/articleDetail.vue
index cbbb0f5..c1fc71c 100644
--- a/traditionalApp/pages/articleDetail/articleDetail.vue
+++ b/traditionalApp/pages/articleDetail/articleDetail.vue
@@ -26,6 +26,11 @@
<rich-text v-if="!isVideoType" :nodes="contentNodes" class="rich-content"></rich-text>
<view v-if="loading" class="status-text">加载中...</view>
<view v-else-if="!detail.id" class="status-text">暂无详情内容</view>
+
+ <!-- 视频介绍：仅视频类型且有介绍文案时展示 -->
+ <view v-if="isVideoType && videoDescription" class="video-intro">
+ <text class="video-intro-text">{{ videoDescription }}</text>
+ </view>
</view>
</view>
</template>
@@ -45,6 +50,7 @@
content : string
videoUrl : string
videoFileName : string
+ videoDescription : string
}
const statusBarHeight = ref(0)
@@ -66,6 +72,7 @@
content: '',
videoUrl: '',
videoFileName: '',
+ videoDescription: '',
}
}
@@ -81,6 +88,11 @@
const source = detail.value as PopularizationDetail & { summary ?: string; description ?: string; subTitle ?: string }
return String(source.subtitle || source.subTitle || source.summary || source.description || '').trim()
})
+
+ /**
+ * 视频介绍文案，去除首尾空白后用于详情底部展示。
+ */
+ const videoDescription = computed(() => String(detail.value.videoDescription || '').trim())
/**
* 将富文本正文转换为 `rich-text` 可直接消费的节点字符串。
@@ -285,4 +297,19 @@
line-height: 40rpx;
color: #86909C;
}
+
+ .video-intro {
+ margin-top: 32rpx;
+ padding-top: 24rpx;
+ border-top: 1rpx solid #EBEDF0;
+ display: flex;
+ flex-direction: column;
+ }
+
+ .video-intro-text {
+ font-size: 28rpx;
+ line-height: 1.8;
+ color: #5B6475;
+ white-space: pre-wrap;
+ }
</style>
--
Gitblit v1.7.1