1***@qq.com
1***@qq.com
  • 发布:2017-06-07 19:34
  • 更新:2017-06-08 09:15
  • 阅读:4821

hbuilder 轮播图里 小点可以控制轮播图的,求大神帮忙

分类:HBuilder
mui

hbuilder mui组件里面的 轮播图,它下面的小点不可以控制轮播图,点击一个小点这个小点可以控制一张图片的轮播图,求大神帮忙,我QQ1017976002.谢谢

2017-06-07 19:34 负责人:无 分享
已邀请:
DCloud_UNI_CHB

DCloud_UNI_CHB

你的需求是点击右下角呼吸灯小圆点,然后跳转到对应索引的图片吧?

这个在PC端很普遍,鼠标点击相对准确;

但在手机端不建议如此设计,因为手指较粗,而手机上的呼吸灯小圆点相对距离很小,因此很容易误点击;

你可以看一下京东、唯品会首页轮播,均不支持呼吸灯跳转。

如果必须实现,你可以尝试监听呼吸灯的tap事件,然后通过轮播组件的gotoItem方法跳转到对应图片

//获得slider插件对象  
var gallery = mui('.mui-slider');  
gallery.slider().gotoItem(index);//跳转到第index张图片,index从0开始;

该问题目前已经被锁定, 无法添加新回复