<!--订单页-->
<view class="page">
  <view class="nav-bar" style="padding-top: {{statusBarHeight}}px;">
    <view class="nav-back" bindtap="goBack">←</view>
    <text class="nav-title">我的订单</text>
    <view class="nav-placeholder"></view>
  </view>
  <view style="height: {{statusBarHeight + 44}}px;"></view>

  <view class="content">
    <view class="loading" wx:if="{{loading}}">
      <view class="skeleton"></view>
      <view class="skeleton"></view>
      <view class="skeleton"></view>
    </view>

    <view class="orders-list" wx:elif="{{orders.length > 0}}">
      <view class="order-item" wx:for="{{orders}}" wx:key="id" bindtap="goToRead" data-id="{{item.sectionId}}">
        <view class="order-info">
          <text class="order-title">{{item.title}}</text>
          <text class="order-time">{{item.createTime}}</text>
        </view>
        <view class="order-right">
          <text class="order-amount">¥{{item.amount}}</text>
          <text class="order-status">已完成</text>
        </view>
      </view>
    </view>

    <view class="empty" wx:else>
      <text class="empty-icon">📦</text>
      <text class="empty-text">暂无订单</text>
    </view>
  </view>
</view>
