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

<!--nova-caipu/pages/new-app/index.wxml-->
<view class="all">
    <!-- 轮播图 -->
    <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>
    <!-- 民宿信息 -->
    <view class="Legendary-Information" style="height: {{cardarr.length == 1 ? '1000rpx' : (450 + cardarr.length * 635) + 'rpx'}}">
        <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">

        </view>
        <!-- 卡片 -->
        <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>

</view>