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

<nav type="title" background-color="#ffffff" frontColor="#000000" title="望仙谷" />
<scroll-view class="all" 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 class="infobox">
            <view class="seach">
                <van-search shape="round" model:value="{{ value }}" placeholder="请输入地点/门店名称/关键词" bind:search="search" bind:change="change" bind:clear='clear'/>
            </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%2==0}}">

                    <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.price}}</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%2==1}}">
                    <block wx:if="{{index == 3}}">
                        <view class="picbox">
                            <view class="pic-2"></view>
                            <block wx:for="{{3}}">
                                <view class="pic-1">
                                    <view class="pic-1tex">望仙乡</view>
                                    <view class="pic-1tex2">35%用户选择</view>
                                </view>
                            </block>
                        </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" 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.price}}</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="bottom" 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>