nova-trip/nova-tourism/pages/home/index.wxml

<!-- <nav type="title" background-color="#46a9a4" title="首页" /> -->
<nav type="title" background-color="#46a9a4" title="首页" frontColor="#ffffff" />
<view class="location">
    <view class="l_left">
        <van-icon name="https://cloud.file.futurestack.cn/F87DmDd4qN/20230327/1loeus105642.png"  />
        阜康市
    </view>
    <view class="l_right">
        已有<span>5,666</span>人打卡自己自由之旅
    </view>    
</view>
<van-search value="{{ value }}" placeholder="请输入搜索关键词" shape="round" use-action-slot bind:change="onChange" bind:search="onSearch">
</van-search>
<swiper class="swiper" indicator-dots="true" autoplay="true">
    <swiper-item wx:for="{{banners}}" wx:key="index">
        <image src="{{item.image}}" class="slide-image" mode="aspectFill" />
    </swiper-item>
</swiper>

<view class="tabs">
    <!-- 导航条 -->
    <view class="navBar">
      <block wx:for="{{tabs}}" wx:key="item">
        <view id="{{index}}" class="navItem {{tabIndex == index ? 'active' : '' }}" bindtap="onTabClick">
          <view class="navItemIcon">
            <image src="{{item.icon}}" />
          </view>
          <view class="navItemTitle">{{item.title}}</view>
        </view>
      </block>
    </view>

    <!-- 内容区域 -->
    <view class="nav_content">
        <block wx:if="{{tabIndex == 0}}">
          <view class="sidebar">
            <view class="left">
              <block wx:for="{{department}}" wx:key="item">
                <view id="{{index}}" class="sidebarItem {{sidebarIndex == index ? 'active' : '' }}" bindtap="onSidebarClick">
                  <view class="sidebarItemTime">{{item.peopleAll}}人</view>
                  <view class="sidebarItemText">{{item.name}}</view>
                </view>
              </block>
            </view>
            <view class="sidebar_content">
              <block wx:if="{{department[sidebarIndex]}}">
                <view class="village">
                  <!-- <block wx:for="{{department}}" wx:key="index"> -->
                    <view class="homestay" bindtap="villagedetails" data-item="{{department[sidebarIndex]}}">
                      <block wx:if="{{department[sidebarIndex].logoType == 'image'}}">
                        <image class="homestay-image" src="{{department[sidebarIndex].logo}}" />
                      </block>
                
                      <block wx:if="{{department[sidebarIndex].logoType == 'video'}}">
                        <video class="homestay-image" initial-time='0.01' controls="true" catchtap="player" poster="{{department[sidebarIndex].bgImg}}" src="{{department[sidebarIndex].logo}}">
                        </video>
                        <cover-view class="controls pr" id="controls">
                          <!--视频 封面图片 -->
                          <cover-image src="{{department[sidebarIndex].bgImg}}" class="homestay-images" />
                        </cover-view>
                      </block>
                      <view class="title1">
                        <view class="title_left">
                          <text class="homestay-name" space="nbsp">{{department[sidebarIndex].name}}    <text class="price">{{department[sidebarIndex].peopleAll}}人</text></text>
                        </view>
                        <text class="homestay-address">{{department[sidebarIndex].address}}</text>
                      </view>
                      <button class="button">GO</button>
                      
                    </view>
                  <!-- </block> -->
                </view>
              </block>
            </view>
          </view>
        </block>
        <block wx:if="{{tabIndex == 1}}">
          <view class="title">
            <view class="recommended-box">
              <view class="recommended-icon"></view>
              <view class="recommended">美食推荐</view>
            </view>
            <view bind:tap="foodlist">
              更多
              <van-icon name="arrow" />
            </view>
          </view>
        </block>
        <block wx:if="{{tabIndex == 2}}">
          <view class="title">
            <view class="recommended-box">
              <view class="recommended-icon"></view>
              <view class="recommended">民宿推荐</view>
            </view>
            <view bindtap="homestay">
              更多
              <van-icon name="arrow" />
            </view>
          </view>
          <!-- <view class="kong">
            <block wx:for="{{homestay}}" wx:key="index">
              <view class="homestay" bindtap="hoteldetails" data-item="{{item}}">
                <image class="homestay-image" src="{{item.cover}}" />
                <view class="homestay-name">{{item.storeName}}</view>
                <view class="homestay-price">
                  ￥
                  <view class="price">{{item.perCapita}}</view>
                  /晚
                </view>
                <view class="homestay-address">{{item.storeAddress}}</view>
              </view>
            </block>
          </view> -->
        </block>
        <!-- <block wx:if="{{tabIndex == 3}}">
          <view class="title">
            <view class="recommended-box">
              <view class="recommended-icon"></view>
              <view class="recommended">商超推荐</view>
            </view>
            <view bindtap="homestay">
              更多
              <van-icon name="arrow" />
            </view>
          </view>
        </block> -->
        <view class="kong" wx:if="{{tabIndex > 0 }}">
            <block wx:for="{{listDate}}" wx:key="index">
              <view class="homestay" bindtap="storepackage" data-item="{{item}}">
                <image class="homestay-image" src="{{item.cover}}" />
                <view class="homestay-name">{{item.storeName}}</view>
                <view class="homestay-price">
                  ￥<view class="price">{{item.perCapita}}</view>/人
                </view>
                <view class="homestay-address">{{item.storeAddress}}</view>
              </view>
            </block>
          </view>
    </view>
</view>
<!-- <view class="tabs">
  <van-tabs active="{{ active }}" title-active-color="#3a3a3a" title-inactive-color="#a7a6a6">
    <van-tab title="村落推荐" title-style="margin_left:-40rpx;display:block">
      <view class="sidebar">
        <van-sidebar active-key="{{ activeKey }}" custom-class="van-sidebar-size">
          <van-sidebar-item title="今日首推景点" custom-class="van-sidebar-item-bg"></van-sidebar-item>
          <van-sidebar-item title="今日特惠景点" custom-class="van-sidebar-item-bg"></van-sidebar-item>
          <van-sidebar-item title="今日热门景点" custom-class="van-sidebar-item-bg"></van-sidebar-item>
        </van-sidebar>
        <view>
          
        </view>
      </view>
    </van-tab>
    <van-tab title="美食推荐" title-style="margin_left:-40rpx;display:block">
      <view>

      </view>
    </van-tab>
    <van-tab title="民宿推荐" title-style="margin_left:-40rpx;display:block">
      <view>

      </view>
    </van-tab>
    <van-tab title="商超推荐" title-style="margin_left:-40rpx;display:block">
      <view>

      </view>
    </van-tab>
  </van-tabs>
</view> -->


<!-- <view class="title">
    <view class="recommended-box">
        <view class="recommended-icon"></view>
        <view class="recommended">村落推荐</view>
    </view>
    <view bind:tap="village">
        更多
        <van-icon name="arrow" />
    </view>
</view>
<view class="village">
    <block wx:for="{{department}}" wx:key="index">
        <view class="homestay" bindtap="villagedetails" data-item="{{item}}">
            <block wx:if="{{item.logoType == 'image'}}">
                <image class="homestay-image" src="{{item.logo}}" />
            </block>

            <block wx:if="{{item.logoType == 'video'}}">
                <video class="homestay-image" initial-time='0.01' controls="true" catchtap="player"
                    poster="{{item.bgImg}}" src="{{item.logo}}">
                </video>
                <cover-view class="controls pr" id="controls"> -->
                    <!--视频 封面图片 -->
                    <!-- <cover-image src="{{item.bgImg}}" class="homestay-images" />
                </cover-view>
            </block>
            <view class="homestay-name">{{item.name}}</view>
            <view class="homestay-price">
                <view class="price">{{item.peopleAll}}</view>
                人
            </view>
            <view class="homestay-address">{{item.address}}</view>
        </view>
    </block>
</view> -->
<!-- <view class="title">
    <view class="recommended-box">
        <view class="recommended-icon"></view>
        <view class="recommended">美食推荐</view>
    </view>
    <view bind:tap="foodlist">
        更多
        <van-icon name="arrow" />
    </view>
</view>
<view class="kong">
    <block wx:for="{{food}}" wx:key="index">
        <view class="homestay" bindtap="storepackage" data-item="{{item}}">
            <image class="homestay-image" src="{{item.cover}}" />
            <view class="homestay-name">{{item.storeName}}</view>
            <view class="homestay-price">
                ￥<view class="price">{{item.perCapita}}</view>/人
            </view>
            <view class="homestay-address">{{item.storeAddress}}</view>
        </view>
    </block>
</view>
<view class="title">
    <view class="recommended-box">
        <view class="recommended-icon"></view>
        <view class="recommended">民宿推荐</view>
    </view>
    <view bindtap="homestay">
        更多
        <van-icon name="arrow" />
    </view>
</view>
<view class="kong">
    <block wx:for="{{homestay}}" wx:key="index">
        <view class="homestay" bindtap="hoteldetails" data-item="{{item}}">
            <image class="homestay-image" src="{{item.cover}}" />
            <view class="homestay-name">{{item.storeName}}</view>
            <view class="homestay-price">
                ￥
                <view class="price">{{item.perCapita}}</view>
                /晚
            </view>
            <view class="homestay-address">{{item.storeAddress}}</view>
        </view>
    </block>
</view> -->