<view class="containerView">
    <!-- 轮播图 -->
    <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.bg}}" mode="aspectFill"></image>
            </swiper-item>
        </swiper>
    </view>

    <!-- 详细信息 -->
    <view class="meetingDetailView">
        <view class="detailView">
            <view class="title">10人间 | B2A | 12F</view>
            <view class="itemList">
                <view class="item" wx:for="{{5}}">#电视</view>
            </view>
        </view>
        <view class="priceView">
            <view class="price">￥ 200.00/</view>
            <view class="unit">半小时 起</view>
        </view>
    </view>

    <!-- 内容 -->
    <view class="contentView">
        <view class="item">
            <van-icon name="calendar-o" size="54rpx" />
            <view class="time">2024-01-01</view>
        </view>
        <view class="item">
            <van-icon name="clock-o" size="54rpx" />
            <view class="time">10:00-11:00 共计1小时</view>
        </view>
        <view class="item">
            <van-icon name="contact-o" size="54rpx" />
            <view class="time">admin 10086</view>
        </view>
    </view>

    <!-- 填写信息 -->
    <view class="fillMsgView">
        <view class="itemView">
            <view class="label">会议主题</view>
            <view class="content">
                <van-field value="{{ username3 }}"  placeholder="请输入会议主题" input-align="right"  border="{{ false }}"/>
            </view>
        </view>
        <view class="itemView" bind:tap="jumpMeetingFacilities">
            <view class="label">会议服务</view>
            <view class="content">
                <van-icon name="arrow" size="44rpx"/>
            </view>
        </view>
        <view class="itemView" bind:tap="jumpMeetingCoupon">
            <view class="label">优惠券</view>
            <view class="content">
                <view class="coupon">5张可用</view>
                <van-icon name="arrow" size="44rpx"/>
            </view>
        </view>
        <view class="itemView">
            <view class="label">总金额</view>
            <view class="content">
                <view class="price">￥200.00</view>
            </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="amountView">
        <view class="priceView">
            <view class="title">合计:</view>
            <view class="price">￥ 200.00</view>
        </view>
        <view class="caseBtn" bind:tap="submitCase">提交订单</view>
    </view>
</view>