wxmini/pages/components/RoomCard/index.wxml

<view class="room-card" wx:if="{{room}}" bindtap="handleTap">
  <view class="head">
    <view class="subtitle gray-text">{{room.buildingArea}}</view>
    <view class="title">{{room.buildingName}}</view>
    <view class="gray-text">{{room.address}} 距您{{room.distance}}km</view>
  </view>
  <view class="body">
    <view class="thumb">
      <image mode="scaleToFill" src="{{room.buildingImg[0].url}}"></image>
    </view>
    <view class="content">
      <view class="price">{{room.custPrice}}</view>
      <view class="gray-text">均价约(元/平)</view>
      <view class="persons" style="margin-top: 14rpx;">{{room.visits.length}}人围观</view>
      <view class="tags" wx:if="{{room.buildingTag && room.buildingTag.length}}">
        <view
          class="tag"
          wx:for="{{[0, 1, 2]}}"
          wx:for-index="inx"
          wx:if="{{inx < room.buildingTag.length}}"
          wx:key="inx">
          {{room.buildingTag[inx].tagName}}
        </view>
      </view>
    </view>
  </view>
</view>