pos_xcx/pages/personorder/personorder.wxml

<!--pages/personorder/personorder.wxml-->
<view class="container">
    <mp-tabs tabs="{{tabs}}" activeTab="{{activeTab}}" swiperClass="weui-tabs-swiper" bindtabclick="onTabClick"
        bindchange="onChange" activeClass="tab-bar-title__selected" tabActiveTextColor="#BA9D6E"
        swiperHeight="{{(tabs[activeTab].list.length)*420}}">
        <block wx:for="{{tabs}}" wx:key="title">

            <view class="tab-content" data-set="{{item}}" slot="tab-content-{{index}}" bind:tap="handleClick">
                <view  class="orders">
                    <block wx:for="{{tabs[index].list}}" wx:key="id">
                        <view class="orderinfo card">
                            <view class="order-item" bindtap="showOrderInfo" data-orderid="{{item.id}}"
                                data-status="{{item.status}}" data-writestatus="{{item.writeOffStatus}}">
                                <view class="pay-text">{{item.statusText}}</view>
                                <view class="order-img">
                                    <image class="" src="{{item.productImg}}">

                                    </image>
                                </view>
                                <view class="order-desc">
                                    <view class="order-id f13 c-707070">{{item.orderSn}}</view>
                                    <view class="order-title c-202020">
                                        <view class="title">{{item.productName}}</view>

                                    </view>
                                    <view class="order-price f18">¥{{item.orderMoney}}</view>

                                    <view class="order-date f13 c-707070">
                                        <mp-icon icon="time" size="18" class="icon" color="#707070"></mp-icon>
                                        {{item.appointmentTime}}
                                    </view>
                                    <view class="order-shop-address">
                                        <view class="address f13 c-707070">
                                            <mp-icon icon="location" size="18" class="icon" type="filled"
                                                color="#707070"></mp-icon>
                                            {{item.address}}
                                        </view>
                                        <!-- <view class="distance f13 ">{{item.distance}}</view> -->
                                    </view>

                                </view>
                            </view>
                            <view class="operate-btn">
                                <view class="buy-again btn f14" data-shopid="{{item.storeId}}"
                                    data-productid="{{item.productId}}" data-productimg="{{item.productImg}}"
                                    data-productname="{{item.productName}}" data-price="{{item.orderMoney}}"
                                    catchtap="buyAgain" wx:if="{{item.status==2&&item.writeOffStatus==2}}">再来一单
                                </view>
                                <view class="comment btn f14"
                                    wx:if="{{item.status==2&&item.writeOffStatus==2&&item.discussId==''}}"
                                    data-orderid="{{item.id}}" data-shopid="{{item.storeId}}"
                                    data-productid="{{item.productId}}" bindtap="gotoComment">评价</view>
                                <view class="pay btn f14" data-orderId="{{item.id}}" bindtap="payOrder" wx:if="{{item.status==1}}">付款</view>
                            </view>
                        </view>
                    </block>

                </view>
            </view>
        </block>
    </mp-tabs>

</view>