Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

footer #5

Open
ArwayQu opened this issue Jan 22, 2018 · 7 comments
Open

footer #5

ArwayQu opened this issue Jan 22, 2018 · 7 comments

Comments

@ArwayQu
Copy link

ArwayQu commented Jan 22, 2018

如果想在底部加上一个footer,而不重新添加一个页面的话需要修改什么呢 ?

@kainstar
Copy link
Owner

在App.vue的template中加上你的footer元素(和page组件同级),保证这个元素样式中有:

position: fixed; // absolute也可以
bottom: 0;  // 控制元素在底部
z-index: 2;  // 比page的z-index大就行

就行

@ArwayQu
Copy link
Author

ArwayQu commented Jan 26, 2018

这样的话,不就相对于浏览器的底部布局了吗?好像每一个页面都有footer了。

@kainstar
Copy link
Owner

@ArwayQu 我以为你是要加一个全局footer,如果只是单个页面的footer的话直接在对应page里面添加就行了

@ArwayQu
Copy link
Author

ArwayQu commented Jan 27, 2018

可能我表达的不是很清楚,意思是 例如现在有五个page 我要在第五个page下加一个footer,第五个page的内容是全屏的,当前页面是第五页的话再转动一下鼠标滑轮,能看到footer。是这样的效果,请问怎么设置呢 ?

@kainstar
Copy link
Owner

可以尝试通过设置options属性的对应页面的 beforeLeave 和 afterEnter 方法来监听对应的事件,让footer根据你的需求进行显示或隐藏

@ArwayQu
Copy link
Author

ArwayQu commented Jan 28, 2018

嗯,好的,我再琢磨琢磨,麻烦了,谢谢

@xyyWork2018
Copy link

您好,我也遇到了这个footer的问题,我刚学习使用vue,对这个还是不太熟悉,不知道该咱们解决,还是想麻烦您,问问您该怎么办?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants