houseCard.wxml 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <view class="house-card" bind:tap="tapCardAction">
  2. <view class="house-card-top">
  3. <view class="img-wrap">
  4. <image class="house-img" mode="aspectFill"
  5. src="{{data.img || 'https://static.hoolihome.com/weapp/hoolihome/small_4_3.png'}}">
  6. <image wx:if="{{data.vr == 1}}" class="vr-icon" src="../../imgs/common/vr-icon.png"></image>
  7. <image wx:if="{{data.video == 1}}"
  8. class="{{ data.vr == 1 ? 'absolute-right-65 video-icon' :'video-icon'}}"
  9. src="../../imgs/common/video-icon.png"></image>
  10. <view class="img-num" wx:if="{{data.imgVideoCount && data.imgVideoCount > 0}}">
  11. <image class="img" src="../../imgs/house/img-num.png"></image>
  12. <text class="num">{{data.imgVideoCount}}</text>
  13. </view>
  14. </image>
  15. </view>
  16. <view class="house-message">
  17. <view class="flex-col">
  18. <view class="flex-row-center-bet">
  19. <text class="title singleline">{{data.name}}</text>
  20. <image class="arrow" mode="widthFix" src="../../imgs/common/right_arrow.png"></image>
  21. </view>
  22. <text class="tag">{{data.lablesText}}<text
  23. wx:if="{{data.separateKitchenText && data.separateKitchenText.length}}"
  24. class="tag">|{{data.separateKitchenText}}</text></text>
  25. </view>
  26. <view class="time-wrap">
  27. <text class="rent-time">{{data.rentTimeText}}</text>
  28. <text wx:if="{{data.rentNumText && data.rentNumText.length}}"
  29. class="rent-num">{{data.rentNumText}}</text>
  30. </view>
  31. </view>
  32. </view>
  33. <view class="house-card-intro">
  34. <view class="money-status-wrap">
  35. <view class="intro-money">
  36. <text class="money-unit">{{data.moneyUnit}}</text>
  37. <text class="money">{{data.price}}</text>
  38. <text class="money-cycle">{{data.priceSuffix}}{{data.rentTimeUnit}}</text>
  39. </view>
  40. <button wx:if="{{data.notRentText == 1}}" class="state-btn" catch:tap="tapApplyAction">立即申请</button>
  41. <image wx:else class="no-rent-img" src="../../imgs/house/no-rent.png"></image>
  42. </view>
  43. </view>
  44. </view>