NoahV icon indicating copy to clipboard operation
NoahV copied to clipboard

单独某个页面不使用统一的布局或者一个站点中可以同时使用多个布局的形式,如登陆页面中不想要导航信息(通过配置隐藏或者提供多入口形式)

Open GeekSRE opened this issue 4 years ago • 2 comments

单独某个页面不使用统一的布局或者一个站点中可以同时使用多个布局的形式,如登陆页面中不想要导航信息(通过配置隐藏或者提供多入口形式)

Originally posted by @darrenywyu in https://github.com/baidu/NoahV/issues/67#issuecomment-568670057

我创建了一个 form表单,我现在想让表单居中,不显示header ,请问大神 如何隐藏配置。谢谢。

GeekSRE avatar Apr 13 '20 02:04 GeekSRE

目前不支持配置,可以在表单页面中加入如下2个钩子函数,注意:钩子函数和methods、data(){...}是同一层级的。

created() {
    document.querySelector('.noahv-layout-header').style.display = 'none';
    document.querySelector('.noahv-layout-sidebar-root').style.display = 'none';
},
beforeDestroy() {
    document.querySelector('.noahv-layout-header').style.display = 'block';
    document.querySelector('.noahv-layout-sidebar-root').style.display = 'block';
}

iyuxy avatar Apr 14 '20 11:04 iyuxy

用钩子函数试了一下,还是小点问题: 如果页面A首次被打开,header还是存在,当从页面A到页面B,然后再回到当前页面A时,header才会消失。 大佬@iyuxy,是否有办法,在第一次打开时,也让header消失呢?

YYYSSSHHH avatar Apr 04 '23 07:04 YYYSSSHHH