|
|
@ -36,27 +36,8 @@ const PlayerBar = ({ className }: { className?: string }) => {
|
|
|
|
footerDom.style.paddingBottom = audioId || showCard ? '80px' : '0';
|
|
|
|
footerDom.style.paddingBottom = audioId || showCard ? '80px' : '0';
|
|
|
|
}, [audioId, showCard]);
|
|
|
|
}, [audioId, showCard]);
|
|
|
|
|
|
|
|
|
|
|
|
// let timer: NodeJS.Timeout;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// function handleScroll() {
|
|
|
|
|
|
|
|
// clearInterval(timer);
|
|
|
|
|
|
|
|
// setShowbar(false);
|
|
|
|
|
|
|
|
// timer = setTimeout(() => {
|
|
|
|
|
|
|
|
// setShowbar(true);
|
|
|
|
|
|
|
|
// }, 800);
|
|
|
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// useEffect(() => {
|
|
|
|
|
|
|
|
// window.addEventListener('scroll', handleScroll);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// return () => {
|
|
|
|
|
|
|
|
// window.removeEventListener('scroll', handleScroll);
|
|
|
|
|
|
|
|
// clearInterval(timer);
|
|
|
|
|
|
|
|
// };
|
|
|
|
|
|
|
|
// }, []);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<div className={`fixed bottom-0 w-full h-auto z-10 ${className}`}>
|
|
|
|
<div className={`fixed bottom-0 w-100vw h-auto z-10 ${className}`}>
|
|
|
|
{/* 播放器 */}
|
|
|
|
{/* 播放器 */}
|
|
|
|
<div
|
|
|
|
<div
|
|
|
|
className="fixed bottom-0 w-full h-[90px] bg-[#fff] bg-op-80 backdrop-blur-[20px] shadow-lg shadow-black-[0_0_10px] z-10 transition-bottom duration-600`"
|
|
|
|
className="fixed bottom-0 w-full h-[90px] bg-[#fff] bg-op-80 backdrop-blur-[20px] shadow-lg shadow-black-[0_0_10px] z-10 transition-bottom duration-600`"
|
|
|
|