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

<nav type="title" background-color="#ffffff" frontColor="#000000" title="望仙谷" wx:if="{{showNav}}" />
<scroll-view class="all" scroll-y="true" bindscroll="onScroll" style="padding-bottom: {{50+bottomNavHeight}}px;">
    <!-- 轮播图 -->
    <view class="picturebox">
        <swiper autoplay="{{true}}" interval="{{3000}}" duration="{{500}}" class="img" bindchange="onSwiperChange">
            <block wx:for="{{imageUrls}}" wx:key="index" wx:for-item="img">
                <swiper-item class="img">
                    <image src="{{img}}" mode="aspectFill"></image>
                </swiper-item>
            </block>
        </swiper>
        <view class="numberbox">{{index}}/{{imageUrls.length}}</view>
    </view>
    <!-- 滑动条bug -->
    <!-- 民宿信息 -->
    <view class="Legendary-Information">
        <view class="text">
            <view class="namebox">
                <view class="name">望·三清艺术部落 ></view>
                <view class="adress">地点地点地点地点地点地点地点地点地点地点地点地点地点地点地点地点地点地点</view>
            </view>
            <view class="markerbox">
                <view>
                    <van-icon name="location-o" size='25px' />
                    |
                    <van-icon name="phone-o" size='25px' />
                </view>
            </view>
        </view>
        <!-- 日期 -->
        <view class="datebox" bindtap="onDisplay">
            <view class="start">{{date_start}}</view>
            <view class="day">共4晚</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 class="cardbox" wx:for="{{cardarr}}">
            <view class="card">
                <image class="img" src='https://tse4-mm.cn.bing.net/th/id/OIP-C.3r1vguZyWFUJ80A2Nf2k3AHaEK?rs=1&pid=ImgDetMain'></image>
                <view class="name">彩虹木屋</view>
                <view class="intruduce">整房1室·1床·适用2人</view>
                <view class="buttombox">
                    <view class="salary">
                        <view class="symbol">￥</view>
                        <view class="number">0.00</view>
                    </view>
                    <view class="buttom">预定</view>
                </view>
            </view>
        </view>
    </view>
</scroll-view>