<view class="swiper_image">
  <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" class="swiper_item_img" bindchange="swiperChange">
    <block wx:for="{{imgUrls}}" wx:key="doct">
      <swiper-item style="border-radius:10px;">
        <image src="{{item}}" data-index='{{index}}' class="slide-image" bindtap='viewImg' width="355" height="150" />
      </swiper-item>
    </block>
  </swiper>

  <view class="dots">
    <block wx:for="{{imgUrls}}" wx:key="">
      <view class="dot{{index == currentSwiper ? ' active' : ''}}"></view>
    </block>
  </view>

</view>

<view class="minsuintor">
  <view class="minsutou">蔓图精品民宿</view>

  <view class="suconcatbox">
    <view class="suhead suheadone">
      <view class="suheadleft">
        <view class="suheadleimg">
          <image src="/img/ditu.png"></image>
        </view>

        <view class="sunheadword">北京海淀区蔓图精品民宿</view>


      </view>

      <view class="suheadright">
        <image src="/img/dianhua.png"></image>
      </view>
    </view>

    <view class="suhead suheadsec">
      <view class="suheadleft">
        <view class="suheadleimg">
          <image src="/img/haibao.png"></image>
        </view>

        <view class="sunheadword">08月29日-08月31日</view>
      </view>
      <view class="ruzhuright">
        <view class="ruzhu">
          入住
          <text class="ruzhunum">2</text>晚
        </view>

        <view class="ruzhuyou">
          <image src="/img/yourow.png"></image>
        </view>
      </view>

    </view>
  </view>
</view>

<view class="minsulist">
  <view class='minsuitem {{selitem==1?"selactive":""}}' bindtap="selkind" data-type="1">房型介绍</view>
  <view class='minsuitem {{selitem==2?"selactive":""}}' bindtap="selkind" data-type="2">酒店介绍</view>
  <view class='minsuitem {{selitem==3?"selactive":""}}' bindtap="selkind" data-type="3">入住须知</view>
  <view class='minsuitem {{selitem==4?"selactive":""}}' bindtap="selkind" data-type="4">游玩攻略</view>
</view>


<view class="jiudianbigbox">
  <!-- 酒店介绍 -->

  <view class="jiudianintortext">
    <view class="jiudainjie">
      <view class="jiudianjieleft">酒店介绍</view>
      <view class="judianjieright">
        <image src="/img/yourow.png"></image>
      </view>
    </view>

    <view class="jiudiancontentitem">
      <view class="jiudianboxtop">
        <view class="jiudiantopleft">
          <image src="/img/jieshaojiu.png"></image>
        </view>
        <view class="jiudianhuan">周边环境</view>

      </view>

      <view class="zhoubiantext">
        上海艾格瑞公寓位于具有“上海缩影”之称的虹口，坐拥浦江繁华内环核心，占据内环具有价值“黄金三角生活圈”。公寓毗邻瑞虹天地商圈、四川北路商圈、海伦路商圈之众多商场和写字楼，步行可达和平公园、鲁迅公园、1933老场坊、多伦路文化名人街，乘车前往外滩、陆家嘴约十余分钟。 　　公寓设有标准层和行政层，标准层设有7种各具特色的北欧风房型，行政层设有3种舒适简约套房房型，每间房间配有无线上网服务。
      </view>
    </view>

    <view class="jiudiancontentitem">
      <view class="jiudianboxtop">
        <view class="jiudiantopleft">
          <image src="/img/shejistyle.png"></image>
        </view>
        <view class="jiudianhuan">设计风格</view>

      </view>

      <view class="zhoubiantext">
        酒店设计现代、简约。 游玩回到水晶可以在露台喝茶聊天，看书发呆。尽情享受度假时光。
      </view>
    </view>
    <view class="jiudiancontentitem">
      <view class="jiudianboxtop">
        <view class="jiudiantopleft">
          <image src="/img/jiaotong.png"></image>
        </view>
        <view class="jiudianhuan">交通路线</view>

      </view>

      <view class="zhoubiantext">
        酒店临近16号线永丰南站，步行4分钟即可到达地铁站；
      </view>
    </view>

    <view class="jiudiancontentitem">
      <view class="jiudianboxtop">
        <view class="jiudiantopleft">
          <image src="/img/tuijianreson.png"></image>
        </view>
        <view class="jiudianhuan">推荐理由</view>

      </view>

      <view class="zhoubiantext">
        公寓内还设有健身房、咖啡厅、公共会客厅、棋牌桌游吧、会议室、商务中心等设施。在这里，可以充分感受上海气息的品质居住体验，愿能成为您商务、旅行下榻的优选。
      </view>
    </view>


  </view>



  <!-- 设施服务 -->

  <view class="jiudianintortext">
    <view class="jiudainjie">
      <view class="jiudianjieleft">设施服务</view>
      <view class="judianjieright">
        <image src="/img/yourow.png"></image>
      </view>
    </view>

    <view class="jiaotong">

      <view class="jiaotongitem">
        <view class="jiaotongtop">交通服务</view>

        <view class="jiaotongbottom">
          <view class="jiaotongbottomitem">
            <view class="jiaotongitemleft">
              <image src="/img/duigou.png"></image>
            </view>
            <view class="jiaotongitemname">免费停车</view>
          </view>

          <view class="jiaotongbottomitem">
            <view class="jiaotongitemleft">
              <image src="/img/duigou.png"></image>
            </view>
            <view class="jiaotongitemname">自行车租赁服务</view>
          </view>
        </view>
      </view>

      <view class="jiaotongitem">
        <view class="jiaotongtop">餐饮服务</view>

        <view class="jiaotongbottom">
          <view class="jiaotongbottomitem">
            <view class="jiaotongitemleft">
              <image src="/img/duigou.png"></image>
            </view>
            <view class="jiaotongitemname">中餐厅</view>
          </view>

          <view class="jiaotongbottomitem">
            <view class="jiaotongitemleft">
              <image src="/img/duigou.png"></image>
            </view>
            <view class="jiaotongitemname">咖啡厅</view>
          </view>

          <view class="jiaotongbottomitem">
            <view class="jiaotongitemleft">
              <image src="/img/duigou.png"></image>
            </view>
            <view class="jiaotongitemname">送餐服务</view>
          </view>

          <view class="jiaotongbottomitem">
            <view class="jiaotongitemleft">
              <image src="/img/duigou.png"></image>
            </view>
            <view class="jiaotongitemname">烧烤</view>
          </view>
        </view>
      </view>

      <view class="jiaotongitem">
        <view class="jiaotongtop">网络设施</view>

        <view class="jiaotongbottom">
          <view class="jiaotongbottomitem">
            <view class="jiaotongitemleft">
              <image src="/img/duigou.png"></image>
            </view>
            <view class="jiaotongitemname">客房WIFI</view>
          </view>

          <view class="jiaotongbottomitem">
            <view class="jiaotongitemleft">
              <image src="/img/duigou.png"></image>
            </view>
            <view class="jiaotongitemname">公共区域WIFI</view>
          </view>
        </view>
      </view>


      <view class="jiaotongitem">
        <view class="jiaotongtop">娱乐和健身设施</view>

        <view class="jiaotongbottom">
          <view class="jiaotongbottomitem">
            <view class="jiaotongitemleft">
              <image src="/img/duigou.png"></image>
            </view>
            <view class="jiaotongitemname">茶室</view>
          </view>

          <view class="jiaotongbottomitem">
            <view class="jiaotongitemleft">
              <image src="/img/duigou.png"></image>
            </view>
            <view class="jiaotongitemname">健身房</view>
          </view>
        </view>
      </view>


      <view class="jiaotongitem">
        <view class="jiaotongtop">服务项目</view>

        <view class="jiaotongbottom">
          <view class="jiaotongbottomitem">
            <view class="jiaotongitemleft">
              <image src="/img/duigou.png"></image>
            </view>
            <view class="jiaotongitemname">会议室</view>
          </view>

          <view class="jiaotongbottomitem">
            <view class="jiaotongitemleft">
              <image src="/img/duigou.png"></image>
            </view>
            <view class="jiaotongitemname">全天前天</view>
          </view>
        </view>
      </view>

    </view>



  </view>



</view>


<view class="jiudianbottom">
  <view class="jiudianbottomleft">
    <view class="jiudianitem">
      <view class="jiudianitemtop">
        <image src="/img/pin.png"></image>
      </view>

      <view class="jiudianitembot">首页</view>
    </view>
    <view class="jiudianitem">
      <view class="jiudianitemtop">
        <image src="/img/kefu.png"></image>
      </view>

      <view class="jiudianitembot kename">客服</view>
    </view>
    <view class="jiudianitem">
      <view class="jiudianitemtop">
        <image src="/img/shou.png"></image>
      </view>

      <view class="jiudianitembot">收藏</view>
    </view>
  </view>

  <view class="jiudianbottomright">购买会员免费入住</view>
</view>