大佬们,这种效果怎么实现,使用v-for循环出来

微信截图_20200617085344.png
这种效果,使用定位,但是使用v-for循环出来之后,怎么动态的添加样式

阅读 1.9k
2 个回答

我...我居然搞过这个事情???
v-for不是会有个index下标嘛,用这个下标计算偏移值。absolute定位一下,用margin-left之类的就可以了

1.获取的是 data = [{...},{...}] 格式的数据
2.通过 for 循环的 index 计算偏移,推荐使用 translate3D
3.根据 index 计算最大的显示量,最后补一个 ... 的标签显示,判断一下是不是超过显示上限

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