feat: 优化文章详情页图片自适应，完善课程ID解析逻辑

13404089107

2026-05-15 24147cb2de6f8761e7d0d27e49e00f8d499ae8d8

feat: 优化文章详情页图片自适应，完善课程ID解析逻辑

1.  为文章详情页富文本图片添加移动端自适应样式，适配小屏幕设备
2.  完善课程详情页的课程ID解析函数，支持从hash路由获取参数
3.  统一格式化两个页面的代码缩进、样式写法与多余空行
4.  更新应用版本至1.0.14，修正manifest.json格式问题

 traditionalApp/manifest.json

@@ -3,8 +3,8 @@
    "name" : "海诊康道",
    "appid" : "__UNI__1A90541",
    "description" : "",
    "versionName" : "1.0.11",
    "versionCode" : 111,
    "versionName" : "1.0.14",
    "versionCode" : 114,
    "transformPx" : false,
    /* 5+App特有相关 */
    "app-plus" : {

 traditionalApp/pages/articleDetail/articleDetail.vue

@@ -11,12 +11,7 @@

        <!-- 视频播放器区域 -->
        <view v-if="isVideoType" class="video-container">
            <video
                class="video-player"
                :src="detail.videoUrl"
                controls
                :autoplay="false"
            ></video>
            <video class="video-player" :src="detail.videoUrl" controls :autoplay="false"></video>
        </view>

        <!-- 图文封面区域 -->
@@ -142,7 +137,8 @@
 */
function buildRichTextNodes(content?: string, fallbackText?: string) {
    if (typeof content === 'string' && content.trim()) {
        return content
            return content.replace(/<img/gi,
                '<img style="max-width:100%;height:auto;margin:0 auto;display:block"')
    }
    if (typeof fallbackText === 'string' && fallbackText.trim()) {
        return `<p>${fallbackText.trim()}</p>`
@@ -166,7 +162,8 @@
</script>

<style>
page, html {
    page,
    html {
    background-color: #F5F6F8;
}
</style>

 traditionalApp/pages/courseDetail/courseDetail.vue