<view class="page">
  <!-- 顶部导航栏 -->
  <view class="unified-header">
    <view class="unified-header-left" bindtap="onBack">
      <image src="/images/icon-back.png" class="unified-back-icon" mode="aspectFit"></image>
      <text class="unified-back-text">返回</text>
    </view>
    <text class="unified-header-title">文章详情</text>
    <view class="unified-header-right"></view>
  </view>

  <scroll-view scroll-y class="content" style="padding-top: 194rpx" enhanced show-scrollbar="{{false}}">
    <view class="article-content" wx:if="{{article}}">
      <view class="header">
        <view class="title">{{article.title}}</view>
        <view class="meta">
          <text class="date">{{article.date}}</text>
          <text class="author">{{article.author || '心伴康养'}}</text>
        </view>
      </view>
      
      <image src="{{article.cover}}" class="cover" mode="widthFix" wx:if="{{article.cover}}"></image>
      
      <view class="body">
        <rich-text nodes="{{article.content}}"></rich-text>
      </view>
      
      <view class="footer">
        <view class="read-count">阅读 {{article.views}}</view>
      </view>
    </view>
  </scroll-view>
</view>
