首页 开发技术 Web开发     /    vue实现的轮播图

vue实现的轮播图

上传者: qq_34889774 | 上传时间:2024/2/28 10:03:54 | 文件大小:126KB | 文件类型:zip
vue实现的轮播图
vue实现的一个轮播图示例创建vue实例,data里面存放轮播图的路径此插件应用了一些vue的简单的事件绑定,列表循环以及显示隐藏同时为了使图片轮播交互效果更好,还使用了过渡(vue官网有详细介绍)可以在标签内设置enter-active-class和leave-active-class来产生轮播平滑的效果或者可以在css中设置:(设置的transition-group的name="image")

文件下载

资源详情

[{"title":"(7个子文件126KB)vue实现的轮播图","children":[{"title":"vueLbt","children":[{"title":"index.html <span style='color:#111;'>4.85KB</span>","children":null,"spread":false},{"title":"images","children":[{"title":"a4.png <span style='color:#111;'>18.92KB</span>","children":null,"spread":false},{"title":"a1.png <span style='color:#111;'>19.25KB</span>","children":null,"spread":false},{"title":"a3.png <span style='color:#111;'>13.67KB</span>","children":null,"spread":false},{"title":"a2.png <span style='color:#111;'>38.51KB</span>","children":null,"spread":false}],"spread":true},{"title":"js","children":[{"title":"vue.min.js <span style='color:#111;'>79.91KB</span>","children":null,"spread":false}],"spread":true},{"title":"css","children":[{"title":"animate.min.css <span style='color:#111;'>54.54KB</span>","children":null,"spread":false}],"spread":true}],"spread":true}],"spread":true}]

评论信息

免责申明

【好快吧下载】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【好快吧下载】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【好快吧下载】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,8686821#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明