<view class="container">
  <!-- 返回按钮 -->
  <view class="custom-nav">
    <view class="fixed-back" bindtap="goBack">←</view>
    <view class="nav-title">通知公告</view>
  </view>

  <scroll-view scroll-y="true" class="notice-list">
    <block wx:for="{{noticeList}}" wx:key="id">
      <view class="notice-item" bindtap="goToDetail" data-id="{{item.id}}">
        <view class="notice-left">
          <image class="notice-icon" src="{{item.type === 'payment' ? '/static_file/horn_icon.png' : '/static_file/water_drop_icon.png'}}" mode="aspectFit"></image>
        </view>
        <view class="notice-content">
          <view class="notice-title">{{item.title}}</view>
          <view class="notice-desc">{{item.content}}</view>
        </view>
        <view class="notice-date">{{item.date}}</view>
      </view>
    </block>
    
    <!-- 只显示近3个月记录提示放在滚动区域内的最后 -->
    <view class="notice-footer">
      只显示近3个月记录
    </view>
  </scroll-view>
</view>