my-order.wxml 3.7 KB
<view class="page">
  <view class="app__bgc bgc"></view>
  <view class="app__bg bg"></view>
  <view class="app__content main">
    <view class="top-space"></view>
    <view class="content">
      <!-- 导航 -->
      <view class="nav">
        <view bindtap="onNavSelectHandler" data-index="0" class="nav-item {{navIndex == 0 ? 'nav-item-act':''}}">
          <view class="tit">全部订单</view>
          <view class="line"></view>
        </view>
        <view bindtap="onNavSelectHandler" data-index="1" class="nav-item {{navIndex == 1 ? 'nav-item-act':''}}">
          <view class="tit">待审核</view>
          <view class="line"></view>
        </view>
        <view bindtap="onNavSelectHandler" data-index="2" class="nav-item {{navIndex == 2 ? 'nav-item-act':''}}">
          <view class="tit">已通过</view>
          <view class="line"></view>
        </view>
        <view bindtap="onNavSelectHandler" data-index="3" class="nav-item {{navIndex == 3 ? 'nav-item-act':''}}">
          <view class="tit">已发货</view>
          <view class="line"></view>
        </view>
        <view bindtap="onNavSelectHandler" data-index="4" class="nav-item {{navIndex == 4 ? 'nav-item-act':''}}">
          <view class="tit">未通过</view>
          <view class="line"></view>
        </view>
      </view>
      <!-- 卡片 -->
      <view class="card">
        <view class="border card-item">
          <view class="no">订单编号:2357123413491</view>
          <view class="line"></view>
          <view class="cont">
            <view class="prize">
              <image class="image" mode="aspectFit" />
            </view>
            <view class="detail">
              <view class="t1">某东购物卡200元</view>
              <view class="t1 t2">消耗积分:1000分</view>
              <view class="t1 t3">处理中</view>
            </view>
          </view>
          <view class="line"></view>
          <view class="logistics">
            <view class="logistics-item">
              <view class="label">收货地址</view>
              <view class="val">深圳市龙岗区XXX路</view>
            </view>
            <view class="logistics-item">
              <view class="label">物流公司</view>
              <view class="val">待定</view>
            </view>
            <view class="logistics-item">
              <view class="label">物流单号</view>
              <view class="val">暂定</view>
            </view>
          </view>
        </view>

        <view class="border card-item">
          <view class="no">订单编号:2357123413491</view>
          <view class="line"></view>
          <view class="cont">
            <view class="prize">
              <image class="image" mode="aspectFit" />
            </view>
            <view class="detail">
              <view class="t1">某东购物卡200元</view>
              <view class="t1 t2">消耗积分:1000分</view>
              <view class="t1 t3">处理中</view>
            </view>
          </view>
          <view class="line"></view>
          <view class="logistics">
            <view class="logistics-item">
              <view class="label">收货地址</view>
              <view class="val">深圳市龙岗区XXX路</view>
            </view>
            <view class="logistics-item">
              <view class="label">物流公司</view>
              <view class="val">待定</view>
            </view>
            <view class="logistics-item">
              <view class="label">物流单号</view>
              <view class="val">暂定</view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</view>
<van-popup show="{{ authorizeVisible }}">
  <authorize-comp bind:evtcomp="evtcomp"></authorize-comp>
</van-popup>