This commit is contained in:
李瑞
2025-09-13 19:02:07 +08:00
parent 171687085b
commit 545f77ef9d
5 changed files with 55 additions and 19 deletions

View File

@@ -21,7 +21,6 @@
}
.bottomTextWrapper {
width: 100%;
height: 68px;
padding: 0 16px;
display: flex;

View File

@@ -118,9 +118,9 @@
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
/* 优化过渡动画,使用更的缓动函数 */
transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
/* 优化过渡动画,使用更平滑的缓动函数和更短的动画时间 */
transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94),
transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* 第一个元素样式 */
@@ -131,13 +131,13 @@
.secondElement {
/* 初始状态:透明且稍微偏移 */
opacity: 0;
transform: translateY(10px);
transform: translateY(5px);
}
/* 隐藏状态 */
.hidden {
opacity: 0;
transform: translateY(10px);
transform: translateY(5px);
}
/* 可见状态 */

View File

@@ -7,6 +7,7 @@ import CustomNavbar from "@/components/CustomNavbar";
import { Input } from "@nutui/nutui-react-taro";
import Taro from "@tarojs/taro";
import "./index.scss";
import { useMemo } from "react";
interface IProps {
config?: {
@@ -70,12 +71,18 @@ const ListHeader = (props: IProps) => {
paddingTop: `4px`,
};
const showInputNavBar = useMemo(() => {
return isShowInputCustomerNavBar || showInput;
}, [isShowInputCustomerNavBar, showInput]);
console.log("===showInputNavBar",showInputNavBar)
return (
<CustomNavbar>
<View className="listNavWrapper">
{/* 首页logo 导航*/}
<View
className={`listNavContainer toggleElement firstElement hidden ${(!isShowInputCustomerNavBar && !showInput) && "visible"
className={`listNavContainer toggleElement firstElement hidden ${(!showInputNavBar && !showInput) && "visible"
}`}
style={navbarStyle}
>
@@ -103,7 +110,7 @@ const ListHeader = (props: IProps) => {
</View>
{/* 搜索导航 */}
<View
className={`inputCustomerNavbarContainer toggleElement secondElement hidden ${(isShowInputCustomerNavBar || showInput) && "visible"
className={`inputCustomerNavbarContainer toggleElement secondElement hidden ${(showInputNavBar || showInput) && "visible"
} ${showInput && "inputCustomerNavbarShowInput"}`}
style={navbarStyle}
>