<!--nova-tourism/components/template1/home/index.wxml-->
<!-- 轮播图 -->
<!-- <view class="top">
  <swiper class="swiper" indicator-dots="true" autoplay="true">
    <swiper-item wx:for="{{banner}}" wx:key="index">
      <image src="{{item.image}}" class="slide-image" mode="aspectFill" />
    </swiper-item>
  </swiper>
  <view class="header">
    <headerCard></headerCard>
  </view>
</view> -->
<!-- <nav></nav> -->

<headerCard imgUrls="{{banner}}" title='首页'></headerCard>

<!-- 导航 -->
<view style="padding: 0 30rpx;">
  <view style="height: 200rpx;width: 100%;display: flex;align-items: center;justify-content: space-between;">
    <view wx:for="{{tabs}}" wx:key="item" bindtap="tabsGoUrl" data-index="{{index}}" style="text-align: center;">
      <image style="width: 50rpx;height: 50rpx;" src="{{item.icon}}" alt=""></image>
      <view>{{item.title}}</view>
      <!-- <view style="width: 30rpx;height: 30rpx;border-radius: 20rpx;background: rgba(183, 209, 115, 0.5);position: absolute;top: 20rpx;left: 20rpx;">
      </view> -->
    </view>
  </view>
  <!-- 内容-1 -->
  <view class="content_1">
    <view class="left">
      <!-- autoplay="true" -->
      <swiper style="height: 450rpx;" indicator-dots="true">
        <swiper-item wx:for="{{rankList}}" wx:key="index">

          <view class="title">{{item.title}}推荐榜</view>
          <van-loading custom-class="loading" wx:if="{{!item.contents.length}}" type="spinner" color="#b7d173" />
          <view class="cardBox">
            <view class="card" wx:for="{{item.contents}}" wx:for-item="content" wx:for-index="idx" wx:key="item"  bindtap="rankToDetail" data-key="{{item.title}}" data-id="{{content.objectId}}">
              <view class="image">
                <image src="{{content.bgImg||content.cover}}"></image>
              </view>
              <view class="content">
                <view class="c1">{{item.title=='村落'?content.name:content.storeName}}</view>
                <view class="c2">{{content.shortname||content.storeAddress}}</view>
                <view class="c3" wx:if="{{index!=0}}">
                  <text>{{content.score}}评分推荐</text>
                  <text style="font-weight: bold;color: orangered;">{{content.perCapita}}RMB/人</text>
                </view>
                <view class="c3" wx:else>
                  <text style="font-weight: bold;color: orangered;">{{content.peopleAll}}人</text>
                </view>
              </view>
            </view>
            <!-- <view class="dots">
          <view class="dot" wx:for="{{4}}" wx:key="index"></view>
        </view> -->
          </view>
        </swiper-item>
      </swiper>
    </view>


    <view class="right">
      <view class="r_1">
        <view class="title">今日特惠</view>
        <view class="cardBox" >
          <view class="card" wx:key="index" bindtap="rankToDetail" data-key="民宿" data-id="{{discount.objectId}}">
            <view class="image">
              <image src="{{discount.cover}}"></image>
            </view>
            <view class="content">
              <view class="c1">{{discount.storeName}}</view>
              <view class="c2">{{discount.storeAddress}}</view>
              <view class="c3">
                <text>{{discount.score}}评分推荐 </text>
                <text style="font-weight: bold;color: orangered;">{{discount.perCapita}}RMB/人</text>
              </view>
            </view>
          </view>
        </view>
      </view>
      <view class="r_2">
        <view class="title">热门推荐</view>
        <view class="cardBox">
          <view class="card" bindtap="rankToDetail" data-key="民宿" data-id="{{hot.objectId}}">
            <view class="image">
              <image src="{{hot.cover}}"></image>
            </view>
            <view class="content">
              <view class="c1">{{hot.storeName}}</view>
              <view class="c2">{{hot.storeAddress}}</view>
              <view class="c3">
                <text>{{hot.score}}评分推荐 </text>
                <text style="font-weight: bold;color: orangered;">{{hot.perCapita}}RMB/人</text>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
  <!-- 内容-2 -->
  <!-- <view class="recommendTitle">
    <text class="title">推荐游玩</text>
    <text class="more">更多 ></text>
  </view> -->
  <view class="play-around">
    <view class="play-left">游玩推荐</view>
    <view class="play-right" bindtap="goUrl" data-url="/nova-tourism/pages/template-2/searching/index">
      <view>更多</view>
      <view>
        <image src="https://file.ruixiuauto.com/cDBRXuM6Xh/20230807/htl1c8054104079.png" style="width: 10rpx;height: 19rpx;"></image>
      </view>
    </view>
  </view>
  <view class="tab">
    <text>轻奢游玩</text>
    <text>露营</text>
    <text>团建聚会</text>
    <text>民宿小院</text>
  </view>
  <view class="card" wx:for="{{village}}" wx:key="item" bindtap="goUrl" data-url="/nova-tourism/pages/home/village/village-details/index?id={{item.objectId}}">
    <view class="image">
      <!-- <video class="homestay-image" initial-time='0.01' controls="true" catchtap="player" poster="{{department[index].bgImg}}" src="{{department[index].logo}}"></video> -->
      <image src="{{item.bgImg}}" style="width: 276rpx;height: 250rpx;" />
    </view>
    <view class="content">
      <view class="title">{{item.name}}</view>
      <view class="detail">{{item.address}}</view>
      <view class="tabs">
        <text wx:for="{{item.related}}" wx:for-item="tab" wx:key="index">{{tab}}</text>
      </view>
      <view class="bottom">
        <text class="prive">{{item.peopleAll}}人 </text>
        <text class="range">距离 {{item.distances}}km</text>
      </view>
    </view>
  </view>
</view>

<view style="height: 100rpx;"></view>
<!-- <headerCard imgUrls="{{banner}}" title='首页'></headerCard> -->