jtpapp/src/app/find/find.page.html

<ion-header>
  <ion-toolbar>
    <ion-title>商品库</ion-title>
  </ion-toolbar>
  <ion-buttons slot="start">
    <ion-back-button defaultHref="/tab1"></ion-back-button>
  </ion-buttons>
</ion-header>

<ion-content>
  <ion-segment value="category">
    <ion-segment-button value="category">
      分类
    </ion-segment-button>
    <ion-segment-button value="theme">
      主题
    </ion-segment-button>
    <ion-segment-button value="region">
      地区
    </ion-segment-button>
  </ion-segment>

  <ion-list>
    <ion-item>
      <ion-label>发布时间</ion-label>
      <ion-select>
        <ion-select-option value="latest">最新发布</ion-select-option>
        <ion-select-option value="oldest">最早发布</ion-select-option>
      </ion-select>
    </ion-item>

    <ion-item>
      <ion-label>卖家</ion-label>
      <ion-input type="text" placeholder="搜索卖家"></ion-input>
    </ion-item>

    <ion-item>
      <ion-label>分类</ion-label>
      <ion-select>
        <ion-select-option value="electronics">电子产品</ion-select-option>
        <ion-select-option value="apparel">服饰鞋包</ion-select-option>
        <ion-select-option value="furniture">家具家居</ion-select-option>
        <ion-select-option value="others">其他</ion-select-option>
      </ion-select>
    </ion-item>

    <ion-item>
      <ion-label>状态</ion-label>
      <ion-select>
        <ion-select-option value="onsale">售卖中</ion-select-option>
        <ion-select-option value="sold">已售出</ion-select-option>
        <ion-select-option value="offshelf">下架</ion-select-option>
      </ion-select>
    </ion-item>
  </ion-list>

  <ion-list>
    <!-- 示例商品卡片 -->
    <ion-item>
      <ion-thumbnail slot="start">
        <img src="https://img.zcool.cn/community/01468058774ec8a801219c774ef6fb.jpg@1280w_1l_2o_100sh.jpg">
      </ion-thumbnail>
      <ion-label>
        <h2>商品名称</h2>
        <p>发布时间/卖家</p>
        <p>描述信息</p>
      </ion-label>
    </ion-item>
    <!-- 示例商品卡片 -->
  </ion-list>
</ion-content>