小程序swiper实现订单页面

小程序swiper实现订单页面

myOrder.wxml

<!--pages/myorder/myorder.wxml-->
<view class="swiper-tab"> <block wx:for="{{swipertab}}" wx:key="sptab"> <view class="swiper-tab-list {{currtab == item.index ? 'on' : ''}}" data-current="{{item.index}}" bindtap="tabSwitch">{{item.name}}</view> </block> </view> <swiper current="{{currtab}}" style="height:{{deviceH-31}}px" bindchange="onTabChange"> <swiper-item> <scroll-view class="hot-box" scroll-y="true" style="height: 100%;"> <view class="container-0"> <view class="order" wx:for="{{allOrderS}}" wx:key="{{item.orderid}}" wx:for-item="order"> <view class="orderNumber">订单编号：{{order.orderid}}</view> <view class="orderStatus">{{order.status}}</view> <view class="orderList" wx:for="{{order.goods}}" wx:key="item.index" bindtap="orderDetailShow" data-orderid="{{order.orderid}}"> <image src='{{item.image}}'></image> <view class='orderDetail'> <view class='orderTitle'>{{item.title}}</view> <view class='orderStyle'> <view class="orderColor">{{item.properties}}</view> <!-- <view class="orderSize">{{item.size}},</view> <view class="orderUnit">{{item.unit}}</view> --> </view> </view> <view class='orderInfor'> <view class='orderPrice'>{{item.price}}</view> <view class='orderNum'>{{item.number}}</view> </view> </view> <view class='orderSumPri'> 共{{order.totalNumber}}件商品 合计： <view class='orderPri'>{{order.totalPrice}}元</view> </view> <view class="orderHander"> <view class="orderCancel" bindtap="orderHandleOne" hidden="{{order.ifhiddenone}}">{{order.orderHandleOne}}</view> <view class="orderConfirm" bindtap="orderHandleTwo" hidden="{{order.ifhiddentwo}}">{{order.orderHandleTwo}}</view> </view> </view> </view> </scroll-view> </swiper-item> <swiper-item> <scroll-view class="hot-box" scroll-y="true" style="height: 100%;"> <view class="container-1"> <view class="order" wx:for="{{waitPayOrder}}" wx:key="{{item.orderid}}" wx:for-item="order"> <view class="orderNumber">{{order.orderid}}</view> <view class="orderStatus">{{order.status}}</view> <view class="orderList" wx:for="{{order.goods}}" wx:key="item.index" bindtap="orderDetailShow"> <image src='{{item.image}}'></image> <view class='orderDetail'> <view class='orderTitle'>{{item.title}}</view> <view class='orderStyle'> 

转载于:https://www.cnblogs.com/sinceForever/p/11363991.html