wxmp-wodeshebao/page/mine/pages/my-order/my-order.wxml

<import src="../../public/page/order-item.wxml" />

<!-- <scroll-view scroll-x="{{bgScrollView.scroll}}" scroll-left="{{bgScrollView.left}}" scroll-with-animation class="across-scroll-view"> -->
<view class="bg-view" animation="{{bgAnimation}}">

<scroll-view scroll-y="{{scroll}}" class="bg-scroll-view" style="background-color:{{(data[0].length == 0 && !isLoading) ? 'white' : '#F5F5F5'}};">

<view style="width:100%;height:124rpx;"></view>

<template is="order-item" wx:for="{{data[0]}}" wx:key="{{index}}" data="{{...item, id: index}}"/>

<view class="no-data" wx:if="{{data[0].length == 0 && !isLoading}}">
  <image src="../../../../icon/public/order_empty.png"></image>
  <text>暂无订单</text>
</view>

</scroll-view>

<scroll-view scroll-y="{{scroll}}" class="bg-scroll-view" style="background-color:{{(data[1].length == 0 && !isLoading) ? 'white' : '#F5F5F5'}};">

<view style="width:100%;height:124rpx;"></view>

<template is="order-item" wx:for="{{data[1]}}" wx:key="{{index}}" data="{{...item, id: index}}"/>

<view class="no-data" wx:if="{{data[1].length == 0 && !isLoading}}">
  <image src="../../../../icon/public/order_empty.png"></image>
  <text>暂无待付款订单</text>
</view>

</scroll-view>

<scroll-view scroll-y="{{scroll}}" class="bg-scroll-view" style="background-color:{{(data[2].length == 0 && !isLoading) ? 'white' : '#F5F5F5'}};">

<view style="width:100%;height:124rpx;"></view>

<template is="order-item" wx:for="{{data[2]}}" wx:key="{{index}}" data="{{...item, id: index}}"/>

<view class="no-data" wx:if="{{data[2].length == 0 && !isLoading}}">
  <image src="../../../../icon/public/order_empty.png"></image>
  <text>暂无已完成订单</text>
</view>

</scroll-view>

</view>

<!-- </scroll-view> -->


<view class="tab-view">
<view>
  <view class="{{tab.id == '1' ? 'tab-text-s' : 'tab-text-n'}}" bindtap="tabChoose" id="1">全部</view>
  <view class="{{tab.id == '2' ? 'tab-text-s' : 'tab-text-n'}}" bindtap="tabChoose" id="2">待付款</view>
  <view class="{{tab.id == '3' ? 'tab-text-s' : 'tab-text-n'}}" bindtap="tabChoose" id="3">已完成</view>
</view>
<view>
  <view animation="{{tab.animation}}">
    <view></view>
  </view>
</view>
</view>

<template is="order-details-view" data="{{...detailsView, discountData: discount.data, chose: discount.chose}}" />