<view class="card">

  <van-cell

    title="我的订单"

    link-type="navigateTo"

    url="/pages/user/orders/index?type=all"

    is-link

  />

  <van-grid clickable border="{{ false }}" column-num="4">

    <van-grid-item

      icon="balance-list-o"

      icon-color="#3da8f3"

      link-type="navigateTo"

      url="/pages/user/orders/index?type=all"

      text="全部订单"

      badge="8"

    />

    <van-grid-item

      icon="peer-pay"

      icon-color="#ff6162"

      link-type="navigateTo"

      url="/pages/user/orders/index?type=toBePaid"

      text="待付款"

      badge="1"

    />

    <van-grid-item

      icon="fire-o"

      icon-color="#5ed7a5"

      link-type="navigateTo"

      url="/pages/user/orders/index?type=stay"

      text="待入住"

      badge="2"

    />

    <van-grid-item

      icon="balance-pay"

      icon-color="#8990ec"

      link-type="navigateTo"

      url="/pages/user/orders/index?type=paid"

      text="已消费"

      badge="4"

    />

  </van-grid>

</view>