wxmini/pages/components/SubIndex/index.wxml

<!--index.wxml-->
<view class="SubContainer">
  <!-- <view class="top">
    <view class="bg">
        <view class="imgContent">
          <swiper autoplay="{{true}}" indicator-dots="{{false}}" indicator-color="#83837d" indicator-active-color="#e23838">
            <block wx:for="{{banner}}" wx:for-item="item" wx:for-index="index" wx:key="key">
              <swiper-item>
                <view class="swiper-item">
                  <image mode="aspectFill" src="{{item.url}}" class="centerLabel cover"></image>
                </view>
              </swiper-item>
            </block>
          </swiper>
        </view>
    </view>
    <view class="nav">
      <view>
        <view class="list">
          <view wx:for="{{TopNavList}}" wx:for-item="item" wx:for-index="idx" wx:key="key" data-type="{{idx}}" bindtap="TopNavTap">
            <view class="flex-h" data-type="{{idx}}">
              <image style="width: 40rpx;" mode="widthFix" data-type="{{idx}}" src="{{item.icon}}"></image>
              <view class="text flex-item">
                <view class="flex-h">
                  <text class="flex-item" data-type="{{idx}}">{{item.value}}</text>
                  <image style="width: 12rpx;" data-type="{{idx}}" mode="widthFix" src="/assets/images/icon11.png"></image>
                </view>
                <text data-type="{{idx}}">{{item.remark}}</text>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
  <view class="projectList">
    <text>精选楼盘</text>
    <view class="list">
      <view wx:for="{{EstateList}}" wx:for-item="item" wx:for-index="index" wx:key="key">
        <text class="name">{{item.buildingName}}</text>
        <view class="address flex-h">
          <image mode="widthFix" src="/assets/images/icon41.png"></image>
          <text class="flex-item">{{item.address}} 距您{{item.distance}}km</text>
        </view>
        <view class="listImg">
          <view>
            <image mode="aspectFill" src="{{item.buildingImg[0].url}}" class="centerLabel cover" data-id="{{item.buildingId}}" bindtap="ItemTap"></image>
            <text class="price">均价：{{item.price}}</text>
          </view>
        </view>
      </view>
    </view>
  </view> -->

  <view class="top">
    <!-- <image mode="aspectFill" src="/assets/images/img1.jpg" class="centerLabel cover"></image> -->
    <view class="topView">
      <swiper style='height:100%' autoplay="{{true}}" indicator-dots="{{false}}" indicator-color="#83837d" indicator-active-color="#e23838">
        <block wx:for="{{banner}}" wx:for-item="item" wx:for-index="index" wx:key="key">
          <swiper-item>
            <view class="swiper-item">
              <image mode="aspectFill" src="{{item.url}}" class="centerLabel cover"></image>
            </view>
          </swiper-item>
        </block>
      </swiper>
    </view>
  </view>

  <view class="nav">
    <view class="flex-h">
      <view class="flex-item" bindtap="toBuildingShow">
        <image mode="widthFix" src="/assets/images/icon5.png"></image>
        <text>楼盘展示</text>
      </view>
      <view class="flex-item" bindtap="toGf">
        <image mode="widthFix" src="/assets/images/icon6.png"></image>
        <text>购房工具</text>
      </view>
      <view class="flex-item" bindtap='toTel'>
        <image mode="widthFix" src="/assets/images/icon7.png"></image>
        <text>电话咨询</text>
      </view>
    </view>
  </view>

  <text class="title" >地图看房</text>

  <view class="mapList">
    <view class="flex-h">
      <view class="flex-item">
        <swiper autoplay="{{true}}" style="height: 100rpx;" vertical="{{true}}">
          <block wx:for="{{EstateList}}" wx:for-item="item" wx:for-index="index" wx:key="key">
            <swiper-item>
              <view class="swiper-item">
                <text>{{item.buildingName}}</text>
                <text>均价：<text>{{item.price}}</text></text>
              </view>
            </swiper-item>
          </block>
        </swiper>
      </view>
      <view bindtap="toMap">
        <image mode="widthFix" src="/assets/images/map.png"></image>
        <text>地图看新房</text>
      </view>
    </view>
  </view>

  <text class="title">精选房源</text>

  <view class="roomList">
    <roomcard wx:for="{{EstateList}}" wx:for-item="item" wx:key="key" room="{{item}}"></roomcard>
  </view>

</view>