<view class="page">
  <image src="https://image-fudan.oss-cn-beijing.aliyuncs.com/mini_images/my/my-top-bg.png" class="image_3" mode="widthFix"></image>
  <t-navbar
    t-class-placeholder="t-navbar-placeholder"
    t-class-content="t-navbar-content"
    class="block"
    title="健康教育"
    left-arrow
    bind:go-back="handleBack"
  />
  <view class="box_1">
    
    <view class="box_3">
      <input class="text_2" value="{{searchKeyword}}" placeholder="请输入搜索关键词" bindinput="onSearchInput" bindconfirm="onSearch"></input>
      <view class="image-wrapper_1" bindtap="onSearch">
        <text  class="iconfont icon-sousuo thumbnail_1"></text>
      </view>
    </view>
    <view class="box_5" wx:for="{{articles}}" wx:key="id" bind:tap="preview" data-index="{{index}}">
      <view lines="1" class="text_5">{{item.title}}</view>
      <view class="box_6">
        <text lines="1" decode="true" class="text_6">{{item.contentText}}</text>
        <view class="box_7"></view>
      </view>
    </view>
    
    <!-- 加载状态和分页提示 -->
    <view class="loading-container" wx:if="{{loading}}">
      <text class="loading-text">加载中...</text>
    </view>
    <view class="no-more-container" wx:if="{{!hasMore && articles.length > 0}}">
      <text class="no-more-text">没有更多数据了</text>
    </view>
    <view class="empty-container" wx:if="{{!loading && articles.length === 0}}">
      <text class="empty-text">暂无相关文章</text>
    </view>
  </view>
  
</view>