/
BeeNParK
/
NA
Обзор
Документация
Войти
/
BeeNParK
/
NA
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/components/BackgroundManager/BackgroundManager.jsx
27 строк
887 B
AlPichDev
1
23 дек 2024, 22:42
23 дек 2024, 22:42
9550cae
Код
Авторство
О чём код?
import { useEffect } from 'react'; import { useLocation } from 'react-router-dom'; import back from './baack1.jpg' const BackgroundManager = () => { const location = useLocation(); useEffect(() => { switch (location.pathname) { case '/': document.body.style.backgroundImage = `url(${back})`; // фон для главной страницы document.body.style.backgroundRepeat = 'norepeat' document.body.style.backgroundSize = 'cover' break; default: document.body.style.background = `linear-gradient(180deg, rgba(32,12,37,1) 0%, rgba(11,1,15,1) 80%)`; // фон для страницы "О нас" } return () => { document.body.style = ''; // сброс фона }; }, [location]); return null; // Этот компонент не рендерит ничего }; export default BackgroundManager;