美文网首页
banner中设置两边高度小,中间高的方法

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

作者: 丶卟將就 | 来源:发表于2018-07-17 16:24 被阅读52次

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

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

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

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

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

相关文章

网友评论

      本文标题:banner中设置两边高度小,中间高的方法

      本文链接:https://www.haomeiwen.com/subject/emhgpftx.html