9527-nft-market/src/pages/product/index.tsx

import { Divider } from 'react-vant'
import '~/styles/product.scss'
import ProductItem from '../../components/ProductItem'

const Product = () => {


  return (
    <div className="product plr-3">
      <div className="input-box mt-2">
        <i className='iconfont icon-search'></i>
        <input type="text" placeholder='Search Here' />
      </div>
      <div className='mt-2 fz-16 fz-wb-550'>0个结构</div>
      <div className='box'></div>
      <Divider style={{ borderColor: '#dedede', borderWidth: 1 }} />
      <div className='mt-1'>推荐</div>
      <div className='row-between flex-wrap'>
        {
          Array.from({ length: 6 }).map((_, index) => (
            <ProductItem key={index} />
          ))
        }
      </div>
   
    </div>
  )
}

export default Product