|
|
@ -36,7 +36,7 @@ export default function SearchInput({ className, onInput, onFocus }: IProps) {
|
|
|
|
<div className={`relative w-208px h-38px ${className}`}>
|
|
|
|
<div className={`relative w-208px h-38px ${className}`}>
|
|
|
|
<input
|
|
|
|
<input
|
|
|
|
value={value}
|
|
|
|
value={value}
|
|
|
|
className={`w-full h-full px-45px border-0.5px border-#e1e1e1 text-13px leading-38px text-#000/95 placeholder-#000/70 bg-#f2f3f7 rounded-47px ${(active || value) && `border-#000/95 bg-transparent`}`}
|
|
|
|
className={`w-full h-full px-45px border-0.5px text-13px leading-38px text-#000/95 placeholder-#000/70 bg-#f2f3f7 rounded-47px ${active || value ? `border-#000/95 bg-transparent` : 'border-#e1e1e1'}`}
|
|
|
|
placeholder="输入期刊/歌曲名"
|
|
|
|
placeholder="输入期刊/歌曲名"
|
|
|
|
onInput={(e: any) => handleInput(e.target.value)}
|
|
|
|
onInput={(e: any) => handleInput(e.target.value)}
|
|
|
|
onFocus={handleFocus}
|
|
|
|
onFocus={handleFocus}
|
|
|
|