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

<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="search" bind:blur="search"></van-search> -->
<van-search  shape="round" type="text" placeholder="请输入搜索关键词" model:value="{{searchVal}}"  bind:search="search" use-action-slot bind:clear="searchClear" >
    <!-- <view slot="action" bind:tap="search" >搜索</view> -->
</van-search>
<swiper class="swiper" indicator-dots="true" autoplay="true" circular>
    <!-- <block wx:for="{{imgUrls}}"> -->
    <swiper-item wx:for="{{banners}}" wx:key="index">
        <image src="{{item.image}}" class="slide-image" />
    </swiper-item>
    <!-- </block> -->
</swiper>
<view class="tabs">
  <view class="navBar">
    <block wx:for="{{tabs}}" wx:key="item">
      <view data-id="{{index}}" data-type="{{item.type}}" 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}}">
      <scroll-view style="height:calc(100vh - {{stickytop+ 148}}px);" scroll-y="{{true}}">
        <view class="kind">
          <view class="item">
            <image src="https://file-cloud.fmode.cn/khgbeQmvYZ/20230530/flrba1042910003.png" />
            <view class="head-text">酒店风格</view>
          </view>
          <view class="item">
            <image src="https://file-cloud.fmode.cn/khgbeQmvYZ/20230530/p2u910042910401.png" />
            <view class="head-text">自然风格</view>
          </view>
          <view class="item">
            <image src="https://file-cloud.fmode.cn/khgbeQmvYZ/20230530/o1dgm1042910641.png" />
            <view class="head-text">居家风格</view>
          </view>
        </view>
        <goods-list list="{{rooms}}" mode="vertical" bind:toDetail="details"></goods-list>
      </scroll-view>
    </block>
    <block wx:if="{{tabIndex == 1}}">
        <!-- <view class="kind">
          <view class="item">
            <image src="https://i.328888.xyz/2023/04/10/im315q.png" />
            <view class="head-text">酒店风格</view>
          </view>
          <view class="item">
            <image src="https://i.328888.xyz/2023/04/10/im391A.png" />
            <view class="head-text">自然风格</view>
          </view>
          <view class="item">
            <image src="https://i.328888.xyz/2023/04/10/im3oit.png" />
            <view class="head-text">居家风格</view>
          </view>
        </view> -->
      <scroll-view style="height:calc(100vh - {{stickytop+ 148}}px);" scroll-y="{{true}}">
        <goods-list list="{{rooms}}" mode="vertical" bind:toDetail="details"></goods-list>
      </scroll-view>
    </block>
  </view>
</view>
<!-- <van-tabs wx:if="{{showTab}}"  active="{{active}}" id="tabs" bind:change="tabChange" color="#FFE300" nav-class="tab_title">
    <van-tab title="推荐" name="recommend" >
    </van-tab>
    <van-tab title="价格" name="price">
    </van-tab>
</van-tabs>
<scroll-view  style="height:calc(100vh - {{stickytop+ 148}}px);" scroll-y="{{true}}" bindscrolltolower="loadMore">
    <goods-list list="{{rooms}}" mode="vertical" bind:toDetail="details"></goods-list>
</scroll-view> -->