关于最新vue的动画问题

这两天做一个仿网易云的demo,但是一开始就遇到了一个很大的问题,不知道大家有没有遇到过,下面是我遇到的问题

我点击
clipboard.png
这里时,下一级路由实现类微信左右滑动;

clipboard.png

clipboard.png

然后就遇到问题了。点击的时候,路由在向左边滑动的时候,tab这里就出现了跟着移动的问题(我猜测是页面向右移动后,页面width变大,tab导航也跟着变宽)

clipboard.png

然后我调试了一下,发现这是我加个fixed定位,且宽度百分比就会
当我把绝对定位去掉,就不会有这样的问题,但是我又想这个固定在顶部

然后一开始我以为是代码样式的问题,我就把我之前写的一个demo,也是实现这样的功能的,放进来也有问题,但在原先项目里面是没有问题的。。于是我把这个有问题tab放到我之前的vue-cli去调试,发现却没问题了。很郁闷,不知道是为什么

下面是两个vue的版本
这是旧的

clipboard.png

这是这几天安装的

clipboard.png

麻烦大家帮我看看是怎么回事,非常感谢

阅读 1.6k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题