<view class='borderTop borderBottom' style="background:white;height:150rpx;">
  <view style='height:100rpx;display:flex'>
    <input type="text" bindinput="getName" />
    <view style="width:22%;text-align:center;line-height:100rpx;font-size:30rpx;color:#6C6C6C" bindtap="search">搜索
    </view>
  </view>
  <view class="picker" bindtap="translate">
    <text>面积筛选：</text>
    <text style="text-align:center;display: inline-block;width: 44%;">{{active}}</text>
    <text class="iconfont iconjiantouxiangxia floR" style="color:#A5A5A5;margin-top: -2rpx;"></text>
  </view>
</view>
<scroll-view style="height:90%;" scroll-y="true">
  <view wx:if="{{homelist.length>0}}" style="padding: 0 23rpx;box-sizing: border-box;">
    <view wx:for='{{homelist}}' wx:key="index" data-id="{{item.id}}" bindtap="navDetail" class="roomBox">
      <view class="f-w" style="padding: 3% 6%;box-sizing: border-box;background: white;font-size:28rpx;">
        {{item.name}}</view>
      <view class="detailbox">
        <view style="width:200rpx;height: 160rpx;overflow: hidden;">
          <image src="{{item.smallPic? IMG_NAME+item.smallPic:'../../../images/1.png'}}"
            style="width:100%;overflow:hidden;display:inline-block" mode="widthFix"></image>
        </view>
        <view class="textBox">
          <view>面积：{{item.area}} 平方米</view>
          <view>租金：{{item.rent}} 元/㎡/月</view>
          <view>物业费：{{item.managementFee}} 元/㎡/月</view>
        </view>
      </view>
    </view>
  </view>
  <view wx:else style="text-align:center;width:100%;margin-top:50%;font-size:28rpx;">暂无数据</view>
</scroll-view>
<view class="float {{isRuleTrue?'isRuleShow':'isRuleHide'}}" style="background:none;">
  <view class="float" catchtap="isShowRule"></view>
  <view class="animation-element" animation="{{animation}}" style="z-index:3">
    <view class='use'>
      <view class='iconuse'>面积筛选</view>
      <ul class="useage">
        <li bindtap="tryDriver" wx:for="{{array}}" wx:key='index' data-name="{{item}}"
          class="{{active == item? 'active':''}}">{{item}}</li>
      </ul>
    </view>
    <view class='buttom'>
      <view class="animation-reset" bindtap="reset">重置</view>
      <view class="animation-button" bindtap="submit">完成</view>
    </view>
  </view>
</view>