wxamp-ymtxUser/pagesB/pages/wzDetails/wzDetails.wxml

<view class="article-detail-container">

  <!-- 文章内容 -->
  <scroll-view class="article-content" scroll-y>
    <!-- 文章封面 -->
    <view class="article-cover">
      <image 
        class="cover-image" 
        src="{{baseUrl + article.coverImage}}" 
        mode="widthFix"
        lazy-load
      ></image>
      <view class="cover-overlay"></view>
      <view class="cover-gradient"></view>
      <view class="cover-category">{{article.category}}</view>
    </view>

    <!-- 文章主体 -->
    <view class="article-body">
      <!-- 标题区域 -->
      <view class="title-section">
        <view class="article-title">{{article.title}}</view>
        <view class="article-subtitle">{{article.subtitle}}</view>
        
        <!-- 专家信息 -->
        <view class="expert-info">
          <image class="expert-avatar" src="{{baseUrl + article.expertAvatar}}"></image>
          <view class="expert-detail">
            <view class="expert-name">{{article.expertName}}</view>
            <view class="publish-time">{{article.publishTime}}</view>
          </view>
          <view class="view-count">
            <image class="view-icon" src="/pagesB/images/lll.png"></image>
            <text>{{article.viewCount}} 阅读</text>
          </view>
        </view>
      </view>

      <!-- 文章内容（富文本） -->
      <view class="rich-content">
        <rich-text nodes="{{article.content}}"></rich-text>
      </view>

    </view>
  </scroll-view>


  <!-- 加载中 -->
  <view class="loading-container" wx:if="{{loading}}">
    <view class="loading-spinner">
      <view class="spinner-circle"></view>
      <view class="spinner-circle circle-2"></view>
      <view class="spinner-circle circle-3"></view>
    </view>
    <text class="loading-text">加载中...</text>
  </view>

  <!-- 回到顶部按钮 -->
  <view class="back-to-top" wx:if="{{scrollTop > 400}}" catchtap="scrollToTop">
    <image class="top-icon" src="/pagesB/images/top.png"></image>
  </view>
</view>