1. 首页
  2. 编程语言
  3. Javascript
  4. 写一个移动端惯性滑动&回弹Vue导航栏组件 ly-tab

写一个移动端惯性滑动&回弹Vue导航栏组件 ly-tab

上传者: 2021-09-12 04:02:57上传 PDF文件 118.67 KB 热度 6次

当时的项目中恰好也有这种需求,于是我想偷个懒直接使用 Mint-ui 组件库里现成的tabbar和tab-item组件,github上看了下它的实现源码发现只实现了切换功能但不能滑动,so,懒偷不了就只好自己写咯。首先ly-tab组件的 tab-item.vue关于tab.vue中触摸滑动、惯性滑动以及回弹等效果实现在这里就没办法详细讲了,有兴趣的小伙伴可以到github上查看, 哎哎哎,不对不对,怎么就开始求star了,最重要的还没讲呢―― ly-tab怎么使用呢?小伙伴们如果想使用ly-tab,需要在你的项目中通过npm或者yarn下载安装:接着在main.js中全局引入:之后你就可以在你项目中任意使用 上面的栗子其实只是tabbar的实现,大家项目中肯定还需要做视图区的切换,在这里简单说一下我目前的做法:

用户评论