pos_xcx/pages/appointment/appointment.wxml

<view class="container">
    <view class="shop-info card">
        <image class="address-icon" src="../../images/icons/location.png"></image>
        <view class="shop">
            <view class="shop-name">{{storeName}}</view>
            <view class="address">{{address}}</view>
        </view>
    </view>
    <view class="product-desc card">
        <view class="product">
            <view class="product-img">
                <image src="{{productImg}}"></image>
            </view>
            <view class="product-name">
                <view class="title">{{productName}}</view>
                <view class="price">
                    <view >
                        ¥
                    </view>
                    <view style="padding-top: 10rpx;font-size: 31rpx;font-weight: 400;">{{price}}</view>
                </view>
            </view>
        </view>
        <view class="people-num ">
            <view class="title" style="font-size: 31rpx;font-weight: 400;">请选择人数</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>
    <view class="desc-title">预约时间</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="#BA9D6E" swiperHeight="{{(tabs[activeTab].list.length)/5*125}}">
            <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*120}}rpx;">
                    <view class="orders" style="height: {{(tabs[activeTab].list.length)/5*120}}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>
    <view class="desc-title">联系人</view>
    <view class="product-mobile card f17">
        <view class="phone">
            <image class="phone-icon" src="../../images/icons/user.png"></image>
            <view class="desc-text">{{userName}}</view>
        </view>
        <view class="phone">
            <image class="phone-icon" src="../../images/icons/phone.png"></image>
            <button type="primary" wx:if="{{!hasMobile}}" bindgetphonenumber="getMobile" open-type="getPhoneNumber">
                点击获取手机号
            </button>
            <view class="desc-text" wx:if="{{hasMobile}}">{{mobile}}</view>
        </view>
    </view>
    <view class="appointment ">
        <view class="price">价格：¥{{peopleNum*price}}</view>
        <view class="btn" bindtap="checkAuth">提交预约</view>
    </view>
</view>