wxamp-ymtxMerchant/pagesB/pages/experienceDetails/experienceDetails.wxml

<view class="page-container">

    <!-- 内容区域 -->
    <scroll-view class="content-scroll" scroll-y="true">
        <!-- 文章头部 -->
        <view class="article-header">
            <!-- 分类标签 -->
            <view class="category-tag">
                <text class="category-text">{{detail.categoryName}}</text>
            </view>

            <!-- 标题 -->
            <view class="article-title">{{detail.title}}</view>

            <!-- 作者信息和发布时间 -->
            <view class="article-meta">
                <view class="author-info">
                    <image src="{{baseUrl+detail.vetAvatar}}" class="author-avatar"></image>
                    <view class="author-details">
                        <text class="author-name">{{detail.vetName}}</text>
                        <text class="publish-time">{{detail.publishTime}}</text>
                    </view>
                </view>

                <!-- 浏览量 -->
                <view class="view-info">
                    <image src="/pagesB/images/lll.png" class="view-icon"></image>
                    <text class="view-count">{{detail.viewCount}}次浏览</text>
                </view>
            </view>
             
             <!-- 分类 -->
             <view class="fl">
                    <view wx:for="{{tags}}">{{item}}</view>
             </view>

        </view>

        <!-- 文章内容 -->
        <view class="article-content">
            <!-- 摘要 -->
            <view wx:if="{{detail.summary}}" class="article-summary">
                {{detail.summary}}
            </view>

            <!-- 正文内容 -->
            <view class="article-body">
                <rich-text class="content-text" space="emsp" nodes="{{content}}"></rich-text>
            </view>
        </view>
    </scroll-view>
</view>