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

在ViewBox组件中,当对Tabbar设置slot为bottom时,对Tabbar设置转场动画会导致Tabbar隐藏 #2437

Open
ghost opened this issue Jan 23, 2018 · 3 comments

Comments

@ghost
Copy link

ghost commented Jan 23, 2018

Demo Home
@ghost ghost closed this as completed Jan 23, 2018
@ghost ghost reopened this Jan 23, 2018
@ghost
Copy link
Author

ghost commented Jan 23, 2018

<transition name="s-fade">
        <tabbar id="s-tabbar"
                slot="bottom"
                v-show="showTabbar"
                icon-class="vux-center">
          <tabbar-item link="/" :selected="route.path === '/'">
            <span slot="label">Demo</span>
          </tabbar-item>
          <tabbar-item link="/home" :selected="route.path === '/home'">
            <span slot="label">Home</span>
          </tabbar-item>
        </tabbar>
</transition>

@wg5945
Copy link
Collaborator

wg5945 commented Jan 25, 2018

这是过场动画高度设置100%所致,在自己的项目中可将过场遮罩的高度设置为calc(100% - Tabbar高度)

不过一般情况下Tabbar应该放在transition外面吧

@ghost
Copy link
Author

ghost commented Jan 25, 2018

比如微信,打开朋友圈,下方的tabbar会被页面从右向左缓慢覆盖,这个应该是一个动画吧。请问有无好的建议?

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

1 participant