<view class="containerView">
    <!-- 轮播图 -->
    <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 class="roomView">
        <!-- 类型信息 -->
        <view class="typeView">
            <view class="typeItem">
                <view class="name">所在楼层</view>
                <view class="value">{{detail.buildingName}}</view>
            </view>
            <view class="typeItem">
                <view class="name">空间面积</view>
                <view class="value">{{detail.renArea}}m</view>
            </view>
            <view class="typeItem">
                <view class="name">办公面积</view>
                <view class="value">{{detail.area}}m</view>
            </view>
        </view>

        <!-- 文字内容 -->
        <view class="content  {{contentSwichFLag ? 'hidden' : ''}}">
            一般的会议室功能区包括主席台、听众区和发言区。部分会议室则不作明确区分，如圆桌会议室和会见式会议室。会场的布置类型可以是标准化的，也可以是个性化的一般的会议室功能区包括主席台、听众区和发言区。部分会议室则不作
            一般的会议室功能区包括主席台、听众区和发言区。部分会议室则不作明确区分，如圆桌会议室和会见式会议室。会场的布置类型可以是标准化的，也可以是个性化的一般的会议室功能区包括主席台、听众区和发言区。
        </view>
        <view  class="contentSwichBtn" bind:tap="contentSwich">
            {{contentSwichFLag ? '展开' : '收起'}}
            <van-icon wx:if="{{contentSwichFLag}}" name="arrow-down" />
            <van-icon wx:if="{{!contentSwichFLag}}" name="arrow-up" />
        </view>
    </view>

    <!-- 设施 -->
    <view class="facilitiesView" bind:tap="jumpMeetingFacilities">
        <view class="leftLineTitle">空间设施</view>
        <view class="itemView">
            <view class="singleItem" wx:for="{{detail.roomServeList}}" wx:for-item="serviceItem">
                <image class="img" src="{{IMG_NAME + serviceItem.pic}}" mode="aspectFill"></image>
                <view class="name">{{serviceItem.serveName}}</view>
            </view>
        </view>
    </view>

    <!-- 价格 -->
    <view class="priceView">
        <view class="leftLineTitle">价格</view>
        <view class="content">￥ {{detail.money}}/小时 起</view>
    </view>

    <!-- 地图 -->
    <view class="mapView">
        <view class="leftLineTitle">空间周边</view>
        <map class="myMap" latitude="{{mapData.latitude}}" longitude="{{mapData.longitude}}" markers="{{mapData.markers}}" show-location></map>
    </view>

    <!-- 预约 -->
    <view class="reservationBtn" bind:tap="jumpMeetingOrder">会议预约</view>

</view>