基于vue2.0实现简单轮播图

所需积分/C币:22 2020-11-27 13:00:46 86KB PDF
3
收藏 收藏
举报

因为之前一直在忙公司的项目,vue这块就生疏了不少,正好借这个小demo复习下vue的知识。 先来个效果图: 如图所示,实现的就是一个间隔2.5s自动向左切换下一张的轮播图,同时鼠标移入停止轮播,移出回复轮播; 而下方按钮会根据当前图片自动变红且可以手动控制当前图片。 思路: 整个demo分为轮播图片和控制span两个部分。 按照前端工程化的需求来说,这两个部分应该解耦成两个component最后再导入页面比较合理,但由于demo较为简单, 作为练手就不搞那么复杂了,对项目有追求【强迫症】的童鞋可以往组件化的目标靠,具体方法参考我之前的博文。 第一步,先写出整体框架: <temp

...展开详情
立即下载 低至0.43元/次 身份认证VIP会员低至7折
一个资源只可评论一次,评论内容不能少于5个字
weixin_38553381 你的留言是对我莫大的支持
2020-11-27
  • 分享王者

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