You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
30 lines
820 B
30 lines
820 B
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
|