<template>
  <app-view class="home-supply-demand">
    <template #header>
      <app-navbar class="home-purchase__header" title="供求" :show-back-button="false">
        <template #footer>
          <Search shape="round" placeholder="商品搜索" disabled />
        </template>
      </app-navbar>
    </template>
    <div class="home-purchase__container">
      <CellGroup>
        <Cell v-for="i in 4" :key="i">
          <template #title>
            <img src="http://103.40.249.123:8070/onlineopen/uploadFile/20221020/202210201817131130.jpg" />
            <span>硅锰合金</span>
          </template>
        </Cell>
      </CellGroup>
    </div>
  </app-view>
</template>

<script lang="ts" setup>
import { Cell, CellGroup, Search } from 'vant'
</script>

<style lang="less">
@import './index.less';
</style>