效果跟头条的Tab跟随差不多,暂时没有实现tab始终固定在中间显示 ! 后期优化吧 ~
没有找到合适的插件, 采用了VUE的 Transition + v-touch 以及 Animate.css 手写实现 !
【Vue|VUE移动端仿头条TAB切换】
文章图片
( 图片是借的, 效果类似 ) 传送门-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' })
推荐阅读
- JavaScript|vue 基于axios封装request接口请求——request.js文件
- JavaScript|JavaScript: BOM对象 和 DOM 对象的增删改查
- 前端|web前端dya07--ES6高级语法的转化&render&vue与webpack&export
- 前端开发|Vue2.x API 学习
- JS/JavaScript|JS/JavaScript CRC8多项式 16进制
- vue|Vue面试常用详细总结
- JS|VUE学习笔记[30-46]
- vue|电商后台管理系统(vue+python|node.js)
- 腾讯TEG实习|腾讯实习——Vue解决跨域请求
- 地图|高德地图清除指定覆盖物 自定义覆盖物样式（完整dome）