tourism-wxapp/nova-tourism/pages/my/my-order/index.wxml

<!--nova-tourism/pages/my/my-order/index.wxml-->
<nav type="back" background-color="#ffffff" frontColor="#000000" title="我的订单" />
<view class="all" style="height: {{contentHeight}}rpx;">
    <view class="tabbos">
        <view class="tabs">
            <van-dropdown-menu active-color='#B2CEB9'>
                <van-dropdown-item bind:change='change' model:value="{{ value }}" options="{{ option }}" />
            </van-dropdown-menu>
        </view>
    </view>

    <van-tabs active="{{ active }}" color='#B2CEB9' bind:change="onChange" title-inactive-color='#969696' title-active-color='#B2CEB9'>
        <van-tab title="处理中">
            <block wx:if="{{value=='民宿'}}" wx:for="{{roomList}}">
                <view class="cardbox">
                    <view class="title">{{item.shopStore.storeName}}</view>
                    <view class="roombox">
                        <image src="https://file-cloud.fmode.cn//tmp/mqHkA2qV3Q8nca3dc59bad49de6e5ae57afa81d78ae8.jpeg?imageView2/1/w/200/h/200"></image>
                        <view class="room">
                            <view class="room-name">{{item.room.name}}</view>
                            <view class="room-tag">
                                <block wx:for="{{item.room.tags}}">
                                    {{item}}
                                </block>
                            </view>
                            <view class="room-text">{{item.tiem}}</view>
                        </view>
                    </view>
                    <van-divider customStyle="margin: 20rpx;border-color:'#B1B1B1' " />
                    <view class="pricebox">
                        <view class="price">实付款￥{{item.price}}</view>
                    </view>
                    <view class="sumbitbox">
                        <view class="sumbit">订单详细</view>
                    </view>
                </view>
            </block>
            <block wx:if="{{value=='物品'}}" wx:for="{{3}}">
                <view class="cardbox">
                    <view class="title">望仙礼遇</view>
                    <view class="roombox">
                        <image src="https://file-cloud.fmode.cn//tmp/mqHkA2qV3Q8nca3dc59bad49de6e5ae57afa81d78ae8.jpeg?imageView2/1/w/200/h/200"></image>
                        <view class="room">
                            <view class="room-name">房间描述房间描述</view>
                            <view class="room-text2">紫色经典款</view>
                        </view>
                    </view>
                    <van-divider customStyle="margin: 20rpx;border-color:'#B1B1B1' " />
                    <view class="pricebox">
                        <view class="ciri">望仙次日达</view>
                        <view class="price">实付款￥19999.99</view>
                    </view>
                    <view class="sumbitbox">
                        <view class="sumbit">订单详细</view>
                    </view>
                </view>
            </block>

        </van-tab>

        <van-tab title="进行中">

            <block wx:if="{{value=='民宿'}}" wx:for="{{roomList}}">
                <view class="cardbox">
                    <view class="title">{{item.shopStore.storeName}}</view>
                    <view class="roombox">
                        <image src="https://file-cloud.fmode.cn//tmp/mqHkA2qV3Q8nca3dc59bad49de6e5ae57afa81d78ae8.jpeg?imageView2/1/w/200/h/200"></image>
                        <view class="room">
                            <view class="room-name">{{item.room.name}}</view>
                            <view class="room-tag">
                                <block wx:for="{{item.room.tags}}">
                                    {{item}}
                                </block>
                            </view>
                            <view class="room-text">{{item.tiem}}</view>
                        </view>
                    </view>
                    <van-divider customStyle="margin: 20rpx;border-color:'#B1B1B1' " />
                    <view class="pricebox">
                        <view class="price">实付款￥{{item.price}}</view>
                    </view>
                    <view class="sumbitbox">
                        <view class="sumbit">变更订单</view>
                    </view>
                </view>
            </block>
            <block wx:if="{{value=='物品'}}" wx:for="{{3}}">
                <view class="cardbox">
                    <view class="title">望仙礼遇</view>
                    <view class="roombox">
                        <image src="https://file-cloud.fmode.cn//tmp/mqHkA2qV3Q8nca3dc59bad49de6e5ae57afa81d78ae8.jpeg?imageView2/1/w/200/h/200"></image>
                        <view class="room">
                            <view class="room-name">房间描述房间描述</view>
                            <view class="room-text2">紫色经典款</view>
                        </view>
                    </view>
                    <van-divider customStyle="margin: 20rpx;border-color:'#B1B1B1' " />
                    <view class="pricebox">
                        <view class="ciri">望仙次日达</view>
                        <view class="price">实付款￥19999.99</view>
                    </view>
                    <view class="sumbitbox">
                        <view class="sumbit">查看物流</view>
                    </view>
                </view>
            </block>

        </van-tab>

        <van-tab title="已完成">

            <block wx:if="{{value=='民宿'}}" wx:for="{{roomList}}">
                <view class="cardbox">
                    <view class="title">{{item.shopStore.storeName}}</view>
                    <view class="roombox">
                        <image src="https://file-cloud.fmode.cn//tmp/mqHkA2qV3Q8nca3dc59bad49de6e5ae57afa81d78ae8.jpeg?imageView2/1/w/200/h/200"></image>
                        <view class="room">
                            <view class="room-name">{{item.room.name}}</view>
                            <view class="room-tag">
                                <block wx:for="{{item.room.tags}}">
                                    {{item}}
                                </block>
                            </view>
                            <view class="room-text">{{item.tiem}}</view>
                        </view>
                    </view>
                    <van-divider customStyle="margin: 20rpx;border-color:'#B1B1B1' " />
                    <view class="pricebox">
                        <view class="price">实付款￥{{item.price}}</view>
                    </view>
                    <view class="sumbitbox">
                        <view class="sumbit">订单详细</view>
                    </view>
                </view>
            </block>
            <block wx:if="{{value=='物品'}}" wx:for="{{3}}">
                <view class="cardbox">
                    <view class="title">望仙礼遇</view>
                    <view class="roombox">
                        <image src="https://file-cloud.fmode.cn//tmp/mqHkA2qV3Q8nca3dc59bad49de6e5ae57afa81d78ae8.jpeg?imageView2/1/w/200/h/200"></image>
                        <view class="room">
                            <view class="room-name">房间描述房间描述</view>
                            <view class="room-text2">紫色经典款</view>
                        </view>
                    </view>
                    <van-divider customStyle="margin: 20rpx;border-color:'#B1B1B1' " />
                    <view class="pricebox">
                        <view class="ciri">望仙次日达</view>
                        <view class="price">实付款￥19999.99</view>
                    </view>
                    <view class="sumbitbox">
                        <view class="sumbit">订单详细</view>
                    </view>
                </view>
            </block>

        </van-tab>
    </van-tabs>
    <!-- 望仙礼遇 -->
    <view class="box">
        <view class="wangbox">
            <view class="wang">望仙礼遇</view>
        </view>
        <view class="wang-cardbox">
            <block wx:for="{{4}}">
                <view class="wang-card" bindtap="gourl2">
                    <image src="https://file-cloud.fmode.cn//tmp/srFPqGFAzeT5958c828d985e451ed4c0b452e39ff57a.jpeg"></image>
                    <view class="wang-catex">粉黛胖挑主人杯(无礼盒)·手做</view>
                    <view class="wang-numbox">
                        <view class="wang-num">
                            <view class="wang-num1">￥</view>
                            <view class="wang-num2">19900</view>
                        </view>
                        <view class="wang-submit">购买</view>
                    </view>
                </view>
            </block>
        </view>
    </view>

</view>