<view class="containerView public">
    <!-- 轮播图 -->
    <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">{{detail.content ? detail.content : ''}}</view>
    </view>


    <!-- 价格 -->
    <view class="priceView">
        <view class="leftLineTitle">价格</view>
        <view class="content">￥免费</view>
    </view>

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

    <!-- 预约 -->
    <view class="submitBtn" bind:tap="jumpBooked">展厅预约</view>

</view>