javascript - 这种类型的移动端轮播怎么做?或者写成vue组件的思路是?
本文介绍了javascript - 这种类型的移动端轮播怎么做?或者写成vue组件的思路是?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
在app内经常能看到这种类型的轮播图,不知道在移动端web页面上怎么实现呢?
最近写移动端都是基于vue的,不知道如果需要封装成一个vue的组件,又是一种怎么写的思路呢?
解决方案
说一下个人思路:
要进行封装组件,首先考虑清楚组件的功能是什么,那些需要外部传递,那些需要自身实现,以题主的为例
一切都是组件,那么该轮播组件需要外部提供一些数据过来: 图片列表,切换回调,宽高
轮播组件自身需要实现就是使用传递进来的图片,宽高来进行数据渲染,布局
此外考虑到扩展性,轮播组件还需要提供动态设置某个图片,或者跳到指定图片上去
说下技术实现点:
这篇关于javascript - 这种类型的移动端轮播怎么做?或者写成vue组件的思路是?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文