H5仿探探卡片滑动效果-vue

最近在做一个动态圈，类似于微信朋友圈，分别有视频播放、语音播放、还有图文信息，产品的图文状态给了类似探探的滑动效果，入了两天的坑，大概算是完成了效果~在网上看到的都是用Android实现，但这个模块用的是vue,没办法再让IOS、Android的同事单独处理，这里主要用到的是CSS3 transform 属性,配合@keyframes、requestAnimationFrame，在真机上测试不..

斯蒂芬curry

3524人浏览 · 2019-08-10 14:36:01

斯蒂芬curry · 2019-08-10 14:36:01 发布

最近在做一个动态圈，类似于微信朋友圈，分别有视频播放、语音播放、还有图文信息，产品的图文状态给了类似探探的滑动效果，入了两天的坑，大概算是完成了效果~
下边在这里插入图片描述
在网上看到的都是用Android实现，但这个模块用的是vue,没办法再让IOS、Android的同事单独处理，这里主要用到的是CSS3 transform 属性,配合@keyframes、requestAnimationFrame，在真机上测试不会出现卡顿现象，不多说了，代码过段时间整理好上传到git与大家分享，有需要的可以留言要

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^