dbd-meeting-wx-small/miniprogram/pages/meeting/exhibition/order/order.wxml

<view class="containerView public">
    <!-- 轮播图 -->
    <view class="swiperView">
        <view class="tag">展厅</view>
        <swiper class='swiper-box' indicator-dots autoplay interval="3000" duration="1000" circular='true'>
            <swiper-item wx:for="{{bannerList}}" wx:key="index">
                <image class="img" src="{{IMG_NAME + item}}" mode="aspectFill"></image>
            </swiper-item>
        </swiper>
    </view>

    <!-- 详细信息 -->
    <view class="meetingDetailView">
        <view class="detailView">
            <view class="title">{{detail.capacityNum}}人间 | {{detail.roomName}} | {{detail.buildingName}}</view>
        </view>
        <view class="priceView">
            <view class="price">￥免费</view>
        </view>
    </view>

    <!-- 内容 -->
    <view class="contentView">
        <view class="item">
            <van-icon name="calendar-o" size="54rpx" />
            <view class="time">{{selectDay}}</view>
        </view>
        <view class="item">
            <van-icon name="clock-o" size="54rpx" />
            <view class="time">{{selectCountTime}}</view>
        </view>
        <view class="item">
            <van-icon name="contact-o" size="54rpx" />
            <view class="time">{{userData.username}} {{userData.mobile}}</view>
        </view>
    </view>

    <!-- 填写信息 -->
    <view class="fillMsgView">
        <view class="itemView">
            <view class="label must">展厅主题</view>
            <view class="content">
                <van-field value="{{ title }}" placeholder="请输入展厅主题" input-align="right" border="{{ false }}" bind:change="titleChange" />
            </view>
        </view>
        <view class="itemView">
            <view class="label must">来参观人员</view>
            <view class="content">
                <van-field value="{{ title }}" placeholder="请输入展厅主题" input-align="right" border="{{ false }}" bind:change="titleChange" />
            </view>
        </view>
        <view class="itemView">
            <view class="label must">参观目的</view>
            <view class="content">
                <van-field value="{{ title }}" placeholder="请选择参观目的" input-align="right" border="{{ false }}" readonly is-link arrow-direction="down" bind:change="titleChange" />
            </view>
        </view>
        <view class="itemView">
            <view class="label must">讲解需求</view>
            <view class="content">
                <van-switch checked="{{ checked }}" bind:change="onChange" size="50rpx"/>
            </view>
        </view>
        <view class="itemView">
            <view class="label must">是否需要会议室</view>
            <view class="content">
                <van-switch checked="{{ checked }}" bind:change="onChange" size="50rpx"/>
            </view>
        </view>
        <view class="itemView">
            <view class="label must">摄影需求</view>
            <view class="content">
                <van-switch checked="{{ checked }}" bind:change="onChange" size="50rpx"/>
            </view>
        </view>
        <view class="itemView">
            <view class="label">备注</view>
            <view class="content">
                <van-field value="{{ title }}" placeholder="请输入备注" input-align="right" border="{{ false }}" bind:change="titleChange" />
            </view>
        </view>
    </view>

    <!-- 协议 -->
    <view class="protocolView">
        <van-checkbox value="{{ protocolFlag }}" bind:tap="protocolChange" icon-size="26rpx"></van-checkbox>
        <view bind:tap="protocolChange">我已阅读并同意</view>
        <view class="protocolTitle" bind:tap="jumpProtocol">{{protocolTitle}}</view>
    </view>

    <!-- 合计 -->
    <view class="submitBtn">立即预约</view>

    <!-- 提示 -->
    <van-dialog id="van-dialog" />
    <!-- 提示 -->
    <van-notify id="van-notify" />
</view>