fix
This commit is contained in:
@@ -21,7 +21,6 @@
|
||||
}
|
||||
|
||||
.bottomTextWrapper {
|
||||
width: 100%;
|
||||
height: 68px;
|
||||
padding: 0 16px;
|
||||
display: flex;
|
||||
|
||||
@@ -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);
|
||||
}
|
||||
|
||||
/* 可见状态 */
|
||||
|
||||
@@ -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}
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user