<view class="container4">
  

  <!-- 返回按钮 -->
  <view class="custom-nav">
    <view class="fixed-back" bindtap="goBack">←</view>
    <view class="nav-title">账单详情</view>
  </view>

  <!-- 第一个卡片：本次抄表信息 -->
  <view class="bill-card">
    <view class="bill-row">
      <text>本次抄表日期</text>
      <text>{{billDetail.currentDate}}</text>
    </view>
    <view class="divider"></view>
    <view class="bill-row">
      <text>本次抄表数</text>
      <text>{{billDetail.currentReading}}</text>
    </view>
  </view>

  <!-- 第二个卡片：上次抄表信息 -->
  <view class="bill-card">
    <view class="bill-row">
      <text>上次抄表日期</text>
      <text>{{billDetail.lastDate}}</text>
    </view>
    <view class="divider"></view>
    <view class="bill-row">
      <text>上次抄表数</text>
      <text>{{billDetail.lastReading}}</text>
    </view>
  </view>

  <!-- 第三个卡片：费用明细 -->
  <view class="bill-card">
    <view class="bill-row">
      <text>用户量</text>
      <text>{{billDetail.usage}}m³</text>
    </view>
    <view class="divider"></view>
    <view class="bill-row">
      <text>总费用</text>
      <text>{{billDetail.totalAmount}}元</text>
    </view>
    <view class="divider"></view>
    <view class="bill-row">
      <text>减免费用</text>
      <text>{{billDetail.discount}}元</text>
    </view>
    <view class="divider"></view>
    <view class="bill-row">
      <text>滞纳金</text>
      <text>{{billDetail.lateFee}}元</text>
    </view>
  </view>

  <!-- 第四个卡片：应缴费用 -->
  <view class="bill-card">
    <view class="bill-row total">
      <text>应缴费用</text>
      <text>{{billDetail.amount}}元</text>
    </view>
  </view>
</view>
