LinHelp/miniapp/miniprogram/pages/second-hand/index.wxml

<view class="page">
  <view class="page-heading row between">
    <view>
      <view class="heading-eyebrow">邻里流转</view>
      <view class="heading-title">二手闲置</view>
      <view class="heading-subtitle">发布闲置，线下联系交易</view>
    </view>
    <button size="mini" class="primary publish-button" bindtap="goCreate">发布</button>
  </view>

  <view class="search-row">
    <input class="input search-input" placeholder="搜索闲置" value="{{keyword}}" bindinput="onKeywordInput" confirm-type="search" bindconfirm="search" />
    <button size="mini" class="primary search-button" bindtap="search">搜索</button>
  </view>

  <view class="second-grid">
    <view wx:for="{{goods}}" wx:key="id" class="second-card">
      <image wx:if="{{item.imageUrls.length}}" class="second-cover" src="{{item.imageUrls[0]}}" mode="aspectFill" />
      <view wx:else class="second-cover media-placeholder">闲</view>
      <view class="second-body">
        <view class="card-title">{{item.title}}</view>
        <view class="row between">
          <view class="pill">{{item.category}}</view>
          <view class="price">¥{{item.priceCent / 100}}</view>
        </view>
        <view class="muted second-desc">{{item.description}}</view>
        <view class="row between">
          <view class="muted">{{item.tradeMethod}}</view>
          <button size="mini" class="ghost contact-button" data-phone="{{item.contactPhone}}" bindtap="callSeller">联系</button>
        </view>
      </view>
    </view>
  </view>

  <view wx:if="{{!goods.length && !loading}}" class="empty-state">暂无闲置</view>
</view>