pos_xcx/pages/appointment/appointment.wxml

<view class="container">
    <view class="product-img">
        <image src="{{productImg}}"></image>
    </view>
    <view class="product-title card f17">{{productName}}</view>
    <!-- <view class="shop-name card f17">门店·{{storeName}}</view> -->
    <view class="people-num card">
        <view class="title">选择人数</view>
        <view class="num-box">
            <view bindtap="reducePeopleNum" class="" data-num="{{peopleNum}}">
                <image class="" src="../../images/icons/reduce.png" lazy-load="false" binderror="" bindload="">
                </image>
            </view>
            <input type="text" value="{{peopleNum}}" disabled="true" class="num-text" />
            <view bindtap="addPeopleNum" class="" data-num="{{peopleNum}}">
                <image class="" src="../../images/icons/add.png" mode="aspectFit|aspectFill|widthFix" lazy-load="false"
                    binderror="" bindload="">

                </image>
            </view>
        </view>
    </view>
    <view class="order-time card">
        <mp-tabs tabs="{{tabs}}" style="width: 100%;" data-active="{{activeTab}}" activeTab="{{activeTab}}"
            swiperClass="weui-tabs-swiper" bindtabclick="onTabClick" bindchange="onSlideChangeEnd"
            activeClass="tab-bar-title__selected" tabActiveTextColor="#E32490"
            swiperHeight="{{(tabs[activeTab].list.length)/5*140}}">
            <block wx:for="{{tabs}}" wx:key="title">

                <view class="tab-content" data-set="{{item}}" slot="tab-content-{{index}}" bind:tap="handleClick"
                    style="height: {{(tabs[activeTab].list.length)/5*140}}rpx;">
                    <view class="orders" style="height: {{(tabs[activeTab].list.length)/5*140}}rpx;overflow-y: auto;">
                        <block wx:for="{{tabs[activeTab].list}}" wx:for-index="index" wx:key="id">
                           
                            <view
                                class="time-info {{item.checked&&item.inTime?'select-time':''}}  {{item.inTime?'':'out-time'}}"
                                data-time="{{item.time}}" data-i="{{index}}" bindtap="getOrderTime">
                                <view class="time fw300">{{item.time}}</view>
                                <view class="price fw300">¥{{item.price}}</view>
                            </view>
                        </block>

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

    </view>
    <navigator class="appointment card" url="" hover-class="appointment-hover" open-type="navigate">
        <view class="btn" bindtap="checkAuth">
            确认预约
        </view>
    </navigator>


</view>