vue2实现可复用的轮播图carousel组件详解

所需积分/C币:9 2020-11-27 17:59:05 170KB PDF
收藏 收藏
举报

本文实例为大家分享了vue2实现轮播图carousel组件的使用方法,供大家参考,具体内容如下 1、千年老规矩,上效果图,说明功能: (1) 实现定时器,鼠标未移上图片时,自动轮播切换 (2) 有左右切换按钮,可切换至上一张、下一张 (3)有底部小图标,可自由切换至任意一张 github参考地址:https://github.com/chuanzaizai/vue_carousel 2、组件设计思路: (1)由于是可复用的子组件,图片的宽高、定时器间隔时间、轮播图list应由父组件传入 (2)定义子组件自身变量,由于我这里为了简化步骤,所以轮播图list就暂时就定义为一个常量 同时定义了p

...展开详情
立即下载 低至0.43元/次 身份认证VIP会员低至7折
抢沙发
一个资源只可评论一次,评论内容不能少于5个字
weixin_38637918 欢迎大家使用并留下宝贵意见
2020-11-27
  • 分享王者

    成功上传51个资源即可获取
关注 私信 TA的资源
上传资源赚积分or赚钱
最新推荐