drug-miniprogram/src/doctor/pages/articleList/index.wxml

<navbar fixed custom-style="background:#fff">
  <view slot="title" class="page-title">教育</view>
</navbar>

<view class="page" style="padding-top: {{pageTop}}px;">
  <view class="page-header" style="top:{{pageTop}}px">
    <view class="tabs">
      <view
        class="tab {{currentCategoryId === item.id ? 'active' : ''}}"
        wx:for="{{categoryList}}"
        wx:key="id"
        data-id="{{item.id}}"
        bind:tap="handleTabChange"
      >
        {{item.name}}
      </view>
    </view>
  </view>
  <swiper class="banner" wx:if="{{bannerList.length > 0}}" indicator-dots autoplay circular>
    <swiper-item class="swiper-item" wx:for="{{bannerList}}" wx:key="id">
      <image class="s-img" src="{{item.imageUrl}}" mode="aspectFill"></image>
    </swiper-item>
  </swiper>
  <view class="list">
    <view class="card" wx:for="{{articleList}}" wx:key="id" data-id="{{item.id}}" bind:tap="handleDetail">
      <image class="photo" src="{{item.imageUrl || imageUrl + 'cache/p1.png'}}?t={{Timestamp}}" mode="aspectFill"></image>
      <view class="wrap">
        <view class="title">{{item.title}}</view>
        <view class="options">
          <view class="o-item">
            <image class="icon" src="{{imageUrl}}icon22.png?t={{Timestamp}}"></image>
            <text class="num">{{item.viewCount || 0}}</text>
          </view>
          <view class="o-item">
            <image class="icon" src="{{imageUrl}}icon23.png?t={{Timestamp}}"></image>
            <text class="num">{{item.likeCount || 0}}</text>
          </view>
        </view>
        <view class="time" wx:if="{{item.updateTimeFormatted}}">{{item.updateTimeFormatted}}</view>
      </view>
    </view>
  </view>
  <!-- 分页组件 -->
  <pagination pagination="{{pagination}}" wx:if="{{!loading || articleList.length > 0}}"></pagination>
</view>

<doctor-tab-bar active="{{ 2 }}"></doctor-tab-bar>