import { View } from '@tarojs/components'
import Search from '@/components/search'
import { goLink } from '@/common/common';
import classnames from "classnames";
import styles  from './search.module.scss'

export default () => {
  return (
    <View className={styles.main}>
      <View className={styles.search}>
        <Search style={{width: '100%'}} placeholder="请输入面料关键词" placeIcon="out" showBtn={true} clickOnSearch={() => {}}/>
      </View>
      <View className={styles.hot}>
        <View className={styles.hot_header}>
          <View className={styles.hot_header_title}>热门面料</View>
          <View className={styles.hot_header_up} onClick={() => goLink('/pages/searchList/searchList')}>高级搜索</View>
        </View>
        <View className={styles.list}>
          <View className={styles.item}>9265</View>
          <View className={styles.item}>全棉双卫衣</View>
          <View className={styles.item}>全棉双卫衣</View>
          <View className={styles.item}>全棉双卫衣</View>
          <View className={styles.item}>全棉双卫衣</View>
          <View className={styles.item}>26s</View>
        </View>
      </View>
      <View className={styles.history}>
        <View className={styles.history_header}>
          <View className={styles.history_header_title}>历史搜索</View>
          <View className={classnames('iconfont icon-lajixiang', styles.miconfont)}></View>
        </View>
        <View className={styles.list}>
          <View className={styles.item}>9265</View>
          <View className={styles.item}>全棉双卫衣</View>
          <View className={styles.item}>全棉双卫衣</View>
          <View className={styles.item}>全棉双卫衣</View>
          <View className={styles.item}>全棉双卫衣</View>
          <View className={styles.item}>26s</View>
        </View>
      </View>
    </View>
  )
}