【微信小程序】黑马优购--09订单查询

11.订单查询

 接口文档

11.1引入tabs组件

首先回到个人中心页面加入订单查询页面路径和参数使点击跳转

  <navigator url="/pages/order/order?type=1">
          <view class="iconfont icon-dingdan"></view>
          <view class="orders_name">全部订单</view>
        </navigator>
        <navigator url="/pages/order/order?type=2">
          <view class="iconfont icon-fukuantongzhi"></view>
          <view class="orders_name">待收款</view>
        </navigator>
        <navigator url="/pages/order/order?type=3">
          <view class="iconfont icon-shouhuodizhi"></view>
          <view class="orders_name">待收货</view>
        </navigator>

在订单查询页面JSON中已入组件

{
  "usingComponents": {"Tabs":"../../components/Tabs/Tabs"},
  "navigationBarTitleText": "订单查询"
}

在wxml中使用组件

<!--pages/order/order.wxml-->
<Tabs tabs="{
  {tabs}}" bindtabsItemChange="handletabsItemChange">
内容
</Tabs>

在js中定义数据，接收子组件传过来数据

// pages/order