This commit is contained in:
张成
2025-11-14 23:14:18 +08:00
parent 0adab95d34
commit 1226350099
24 changed files with 95 additions and 386 deletions

View File

@@ -1,48 +0,0 @@
.inputCustomerNavbarContainer {
display: flex;
align-items: center;
gap: 8px;
.logo {
width: 28px;
height: 16px;
}
.icon16 {
width: 16px;
height: 16px;
}
.navContent {
padding-left: 17px;
display: flex;
align-items: center;
gap: 4px;
width: 73%;
height: max-content;
padding-top: 5px;
}
.searchContainer {
width: 100%;
display: flex;
align-items: center;
gap: 5.85px;
padding: 7.8px;
border-radius: 30px;
border: 0.488px solid rgba(0, 0, 0, 0.06);
box-shadow: 0 3.902px 46.829px 0 rgba(0, 0, 0, 0.08);
height: 30px;
box-sizing: border-box;
font-size: 13.659px;
font-style: normal;
font-weight: 400;
line-height: 17.561px;
flex: 1;
.nut-input {
padding: 0;
}
}
}

View File

@@ -1,56 +0,0 @@
import { View, Image } from "@tarojs/components";
import img from "@/config/images";
import "./index.scss";
import { useGlobalState } from "@/store/global";
import { useListState } from "@/store/listStore";
import CustomNavbar from "@/components/CustomNavbar";
import { Input } from "@nutui/nutui-react-taro";
import Taro from "@tarojs/taro";
interface IProps {
icon: string;
}
const ListHeader = (props: IProps) => {
const { icon } = props;
const { statusNavbarHeightInfo } = useGlobalState();
const { searchValue } = useListState();
const { statusBarHeight, navBarHeight } = statusNavbarHeightInfo;
const handleInputClick = () => {
Taro.navigateTo({
url: "/game_pages/search/index",
});
}
return (
<CustomNavbar>
<View
className="inputCustomerNavbarContainer"
style={{
height: `${navBarHeight}px`,
paddingTop: `${statusBarHeight}px`,
}}
>
<View className="navContent">
{/* logo */}
<Image src={icon} className="logo" />
{/* 搜索框 */}
<View className="searchContainer">
<Image
className="searchIcon icon16"
src={img.ICON_LIST_SEARCH_SEARCH}
/>
<Input
placeholder="搜索上海的球局和场地"
clearable={false}
value={searchValue}
onClick={handleInputClick}
/>
</View>
</View>
</View>
</CustomNavbar>
);
};
export default ListHeader;