如下链接的第一个tababr,有点拖尾巴的跟进,怎么实现的?
https://vux.li/demos/v2/?x-pa...
自己解决了,用的transition,每个item选中的时候border-bottom显示,然后再加一个bottom-bar用最普通的移动就是那种效果, 不需要很难的样式。
分析文档结构:
底部橙色bar是独立的div,并且是相对于父元素的绝对定位
通过点击事件确定橙色bar的right值,使用js动态修改。
其次向该div添加transition属性,达到预期效果
3 回答4.9k 阅读✓ 已解决
5 回答2k 阅读
2 回答2.6k 阅读✓ 已解决
4 回答1.3k 阅读✓ 已解决
2 回答1.9k 阅读✓ 已解决
3 回答1.1k 阅读✓ 已解决
1 回答3k 阅读✓ 已解决
对left和right cubic-bezier 如果向左就left先快后慢,right先慢后快;如果是向右就left先慢后快,right先快后慢