VUE移动端仿头条TAB切换

效果跟头条的Tab跟随差不多,暂时没有实现tab始终固定在中间显示 ! 后期优化吧 ~

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

VUE移动端仿头条TAB切换_第1张图片

( 图片是借的, 效果类似 ) 传送门-Gighub =>

使用注意:

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

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

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

 

 

 

你可能感兴趣的:(Vue,JS)