我有一个简单的布局:
@StyleSheet("frontend://styles.css")
@Route("")
public class MainView extends Main implements RouterLayout {
private static final long serialVersionUID = 1L;
public MainView(@Value("${env}") String env, @Autowired BuildProperties buildProperties) {
HeaderComponent header = new HeaderComponent(env, Application.APP_NAME, buildProperties.getVersion());
FooterComponent footer = new FooterComponent(env, buildProperties.getVersion())
add(header, footer);
}
}
在页眉的顶部,在页脚的底部。
我要添加此视图之间:
@Route(layout = MainView.class, value = "secured/ue")
public class UEView extends Article {
// many stuff
}
当我单击链接时(或当我使用“安全/上载”路线时),将显示此视图:
问题在于UE视图显示在“页脚”之后。
我尝试使用CSS来解决此问题,但这不起作用:
main{
display: grid;
grid-template-areas:
"header"
"article"
"footer";
}
我该怎么做?显示页眉和页脚之间的视图??