tourism-wxapp/nova-tourism/components/homestay/index.wxml

<nav type="title" background-color="#ffffff" frontColor="#000000" title="云上望仙" />
<scroll-view class="all"  id="scroller" bindscroll="onScroll" scroll-y="true" bindscrolltolower="loadMoreData" style="height: {{contentHeight}}rpx;">
    <view class="picturebox">
        <view class="img">
            <image src="https://file-cloud.fmode.cn/EbxZUK5lBI/20241121/jc17lo114657420.jpg"></image>
        </view>
    </view>

    <!-- 日期 -->
    <view class="Inforbox" style="{{scrollTop > 162 ? 'position: fixed; top: ' + topheight + 'rpx;margin-top: 0rpx;' : ''}}">
        <view class="infobox" >
            <view class="seach">
                <!-- <van-search input-class='a' shape="round" model:value="{{ value }}" placeholder="请输入地点/门店名称/关键词" bind:search="search" bind:change="change" bind:clear='clear' /> -->
                <van-icon name="search" size='40rpx' />
                <input class="input" bindinput='change' bindconfirm='search' model:value='{{value}}' type="text" placeholder="搜索地点/门店名称/关键词" placeholder-style="font-size: 26rpx;" />
            </view>
            <view class="datebox" bindtap="onDisplay">
                <view class="start">{{date_start}}</view>
                <view class="today" wx:if="{{istoday}}">今天</view>
                <view class="day">共{{daysBetween}}晚</view>
                <view class="end">{{date_end}}</view>
                <view class="today" wx:if="{{istoday}}">明天</view>
            </view>
            <van-calendar show="{{ show }}" show-confirm="{{ true }}" confirm-text="完成" confirm-disabled-text='完成' type="range" bind:close="onClose" bind:confirm="onConfirm" color='#46a9a4' position='top' />
        </view>
    </view>
    <!-- 卡片 -->
    <view class="Legendary-Information" wx:if="{{storeList.length!=0}}">
        <block>
            <view class="container">
                <block wx:for="{{storeList}}" wx:if="{{(index+1)%2==0}}">
                    <block wx:if="{{index == 3}}">
                        <view class="picbox">
                            <view class="pic-2"></view>

                                <view class="pic-1">
                                    <view class="pic-1tex">望仙乡</view>
                                    <view class="pic-1tex2">50%用户选择</view>
                                </view>
                                <view class="pic-1">
                                    <view class="pic-1tex">方村</view>
                                    <view class="pic-1tex2">50%用户选择</view>
                                </view>
                                <!-- <view class="pic-1">
                                    <view class="pic-1tex">方村</view>
                                    <view class="pic-1tex2">35%用户选择</view>
                                </view> -->
    
                        </view>
                    </block>
                    <view class="cardbox">
                        <image class="pic" src="{{item.cover}}" data-id="{{item.objectId}}" data-url="../../pages/homestay/homestay-detail/index" bindtap="gourl"></image>
                        <view class="textobx">
                            <view class="title" data-id="{{item.objectId}}" data-url="../../pages/homestay/homestay-detail/index" bindtap="gourl">
                                <view class="til">{{item.storeName}}</view>
                                <image class="collect" wx:if="{{!item.iscollect}}" src="https://file-cloud.fmode.cn/EbxZUK5lBI/20241121/2gcp1e030048570.png?imageView2/1/w/200/h/200"></image>
                                <image class="collect" wx:if="{{item.iscollect}}" src="https://file-cloud.fmode.cn/EbxZUK5lBI/20241121/8mp9uj030058190.png?imageView2/1/w/200/h/200"></image>
                            </view>

                            <view class="miaosu" data-id="{{item.objectId}}" data-url="../../pages/homestay/homestay-detail/index" bindtap="gourl">
                                {{item.desc}}
                            </view>
                            <view class="bottom">
                                <view class="qian" data-id="{{item.objectId}}" data-url="../../pages/homestay/homestay-detail/index" bindtap="gourl">
                                    ￥<view class="numbox">{{item.minPrice*daysBetween}}</view>
                                </view>
                                <view class="soucang" wx:if="{{!item.iscollect}}" data-id="{{item.objectId}}" bindtap="submit">收藏</view>
                                <view class="soucang" wx:if="{{item.iscollect}}" data-id="{{item.objectId}}" bindtap="cancle">取消</view>
                            </view>
                        </view>
                    </view>
                </block>

            </view>
            <view class="container">
                <block wx:for="{{storeList}}" wx:if="{{(index+1)%2==1}}">
                    <view class="cardbox">
                        <image class="pic" src="{{item.cover}}" data-id="{{item.objectId}}" data-url="../../pages/homestay/homestay-detail/index" bindtap="gourl"></image>
                        <view class="textobx">
                            <view class="title" data-id="{{item.objectId}}" data-url="../../pages/homestay/homestay-detail/index" bindtap="gourl">
                                <view class="til">{{item.storeName}}</view>
                                <image class="collect" wx:if="{{!item.iscollect}}" src="https://file-cloud.fmode.cn/EbxZUK5lBI/20241121/2gcp1e030048570.png?imageView2/1/w/200/h/200"></image>
                                <image class="collect" wx:if="{{item.iscollect}}" src="https://file-cloud.fmode.cn/EbxZUK5lBI/20241121/8mp9uj030058190.png?imageView2/1/w/200/h/200"></image>
                            </view>

                            <view class="miaosu" wx:if="{{item.desc}}" data-id="{{item.objectId}}" data-url="../../pages/homestay/homestay-detail/index" bindtap="gourl">
                                {{item.desc}}
                            </view>
                            <view class="bottom">
                                <view class="qian" data-id="{{item.objectId}}" data-url="../../pages/homestay/homestay-detail/index" bindtap="gourl">
                                    ￥<view class="numbox">{{item.minPrice*daysBetween}}</view>
                                </view>
                                <view class="soucang" wx:if="{{!item.iscollect}}" data-id="{{item.objectId}}" bindtap="submit">收藏</view>
                                <view class="soucang" wx:if="{{item.iscollect}}" data-id="{{item.objectId}}" bindtap="cancle">取消</view>
                            </view>
                        </view>
                    </view>
                </block>

            </view>
        </block>
    </view>
    <view class="bottom2" wx:if="{{noMoreItems}}">没有更多民宿了...</view>
    <!-- 无搜索内容 -->
    <view class="Legendary-Information2" wx:if="{{storeList.length==0}}">
        <van-empty wx:if="{{storeList.length==0}}" image="network" description="暂无该店铺" />
    </view>


</scroll-view>