banner中设置两边高度小,中间高的方法

今天产品给了一个需求,就是将banner设置为不同的高度即:

但是小程序不能像h5那样想怎么设置就怎么改,他不允许我们任意改,只能通过判断来处理

理清思路:就是将当前的图片放大,根据文档我们可以拿到当前的角标。然后根index比较


我们在swiper上标签中添加 current="{{swiperCurrent}}" bindchange="swiperChange"属性值,通过绑定事件,拿到当前的角标


然后再<swiper-item>标签中进行判断  如果index==swiperCurrent 即:当前这个图片,单独对他处理,不等的话,进行其他处理


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容