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

<nav type="title" background-color="#ffffff" frontColor="#000000" title="望仙谷" />
<scroll-view class="all" scroll-y="true" bindscroll="onScroll" style="height: {{contentHeight}}rpx;">
    <!-- 轮播图 -->
    <view class="picturebox">
        <view class="img">
            <image src="https://file-cloud.fmode.cn/EbxZUK5lBI/20241121/jc17lo114657420.jpg?imageView2/1/w/200/h/200"></image>
        </view>
        <!-- 日期 -->
        <view class="infobox">
            <view class="seach">
                <van-search shape="round" value="{{ value }}" placeholder="请输入地点/门店名称/关键词" />
            </view>
            <view class="datebox" bindtap="onDisplay">
                <view class="start">{{date_start}}</view>
                <view class="day">共{{daysBetween}}晚</view>
                <view class="end">{{date_end}}</view>
            </view>
            <van-calendar show="{{ show }}" show-confirm="{{ true }}" confirm-text="完成" confirm-disabled-text='完成' type="range" bind:close="onClose" bind:confirm="onConfirm" color='#ff0000' position='top' />
        </view>
    </view>
    <view class="Legendary-Information">
        <block wx:for="{{6}}">
            <view class="picbox" wx:if="{{index==1}}">
                <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>
            <view class="cardbox">
                <image class="pic" src="https://file-cloud.fmode.cn/EbxZUK5lBI/20241121/jc17lo114657420.jpg?imageView2/1/w/200/h/200"></image>
                <view class="textobx">
                    <view class="title">
                        <view class="til">剑仙居</view>
                        <image class="collect" src="https://file-cloud.fmode.cn/EbxZUK5lBI/20241121/2gcp1e030048570.png?imageView2/1/w/200/h/200"></image>
                    </view>

                    <view class="miaosu">
                        剑仙居描述剑仙居描述剑仙居描述剑仙居描述剑仙居描述
                    </view>

                    <view class="bottom">
                        <view class="qian">
                            ￥
                            <view class="numbox">
                                10000.00
                            </view>
                        </view>
                        <view class="soucang">收藏</view>
                    </view>
                </view>
            </view>
        </block>


    </view>


</scroll-view>