psvt-miniprogram/src/pages/articleDetail/index.wxml

<view class="page">
  <view class="tag-wrap">
    <view class="tag" wx:for="{{2}}" wx:key="index">疾病知识</view>
  </view>
  <view class="title">什么是 PSVT？3 分钟了解阵发性室上性心动过速</view>
  <view class="info">
    <view class="date">2026-06-01 18:10</view>
    <view class="line">|</view>
    <view class="pv">1209人阅读</view>
  </view>
  <view class="banner">
    <image class="b-img" mode="aspectFill" src="{{imageUrl}}bg1.png?t={{Timestamp}}"></image>
  </view>
  <view class="mp-wrap">
    <mp-html content="{{content}}"></mp-html>
  </view>
  <view class="recommended">
    <view class="r-header">
      <view class="title">相关推荐</view>
    </view>
    <view class="r-list">
      <view class="list-card">
        <view class="photo-wrap">
          <image class="photo" mode="aspectFill" src="{{imageUrl}}bg1.png?t={{Timestamp}}"></image>
          <!-- <view class="type1">图文</view> -->
          <view class="type2">
            <image class="icon" src="{{imageUrl}}icon10.png?t={{Timestamp}}"></image>
            视频
          </view>
        </view>
        <view class="wrap">
          <view class="w-title">什么是 PSVT？3 分钟带您了 解阵发性室上性心动过速</view>
          <view class="status">
            <view class="tag">认识PSVT</view>
            <view class="stat">
              <view class="s-item">
                <image class="icon" src="{{imageUrl}}icon8.png?t={{Timestamp}}"></image>
                2.1万
              </view>
              <view class="s-item">
                <image class="icon" src="{{imageUrl}}icon9.png?t={{Timestamp}}"></image>
                2.1万
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
  <view class="page-footer">
    <view class="op-wrap">
      <view class="op">
        <image class="icon" src="{{imageUrl}}icon9.png?t={{Timestamp}}"></image>
        <view class="num">126</view>
      </view>
      <view class="op">
        <image class="icon" src="{{imageUrl}}icon28.png?t={{Timestamp}}"></image>
        <view class="num">126</view>
      </view>
      <view class="op">
        <image class="icon" src="{{imageUrl}}icon29.png?t={{Timestamp}}"></image>
        <view class="num">126</view>
      </view>
    </view>
    <view class="next">下一篇</view>
  </view>
</view>