Я использую response-admin, который имеет боковую панель и строку меню. Для одного из маршрутов, которые я добавил, я хочу, чтобы он отображал чистый пустой белый экран, без строки меню или боковой панели, чистый пустой. Мне нужно, чтобы страница была пустой, потому что позже я добавлю к ней компонент, который буду использовать iframe для отображения этого компонента в другом приложении, но мне нужен компонент для доступа к хранилищу администратора.
Если есть другой вариант, кроме iframe, я бы мог установить позиционирование, чтобы оно начиналось с заданной точки и заканчивалось с заданной точкой, что было бы предпочтительнее
Я установил собственный маршрут для / blank для отображения моего пустого компонента, который представляет собой просто div с положением свойств css: абсолютный, верхний: 0, левый: 0, высота: 100%, ширина: 100%, z- index: -1, но боковая панель и строка меню по-прежнему перекрывают ее, независимо от того, насколько отрицательным я установил z-index
в blank.js
import { withStyles } from '@material-ui/core';
const styles = {
blank: {
zIndex: -1,
left: 0,
top: 0,
height: '100%',
width: '100%',
backgroundColor: 'white',
position: 'absolute',
}
};
const blank = ({ classes }) => (
<div className={classes.blank} />
)
export default withStyles(styles)(blank);
в customRoutes.js
<Route exact path="/blank" component={blank} />
боковая панель и строка меню по-прежнему отображаются над пустым компонентом, независимо от того, насколько отрицательным я установил z-индекс пустого компонента