VUE移动端仿头条TAB切换


效果跟头条的Tab跟随差不多,暂时不能实现tab始终固定在中间显示 !

没有找到合适的插件, 采用了VUE的 Transition + v-touch 以及 Animate.css 手写实现 !

传送门-Github =>

使用注意:

移动端滑动, v-touch 需要进行脚手架依赖安装才可以使用

1 . cnpm install vue-touch@next --save dev

2 . main.js 引入使用 import VueTouch from 'vue-touch' ; Vue.use(VueTouch, { name: 'v-touch' })

类似的UI库

vux.li

Swiper.js

Muse-ui

声明:Jensonhui's blog|版权所有,违者必究|如未注明,均为原创|本网站采用BY-NC-SA协议进行授权

转载:转载请注明原文链接 - VUE移动端仿头条TAB切换


Just do it.