小马滑头
小马滑头
  • 发布:2015-04-16 10:15
  • 更新:2016-12-03 21:12
  • 阅读:5434

轮播图能不能加个小圆点

分类:MUI
mui

就是常见的轮播图下有个小圆点,然后知道当前轮播的是第几张,然后当你滑动图片的时候,小圆点也跟着动,目前没有找到好的轮播图,希望hbuilder能做一个移动端的完美轮播图

2015-04-16 10:15 负责人:无 分享
已邀请:
3***@qq.com

3***@qq.com

有啊。最新版本的就有。看demo里的轮播组件就有。如下代码就有小圆点。
<div id="slider" class="mui-slider">
<div class="mui-slider-group mui-slider-loop">
<!-- 额外增加的一个节点(循环轮播:第一个节点是最后一张轮播) -->
<div class="mui-slider-item mui-slider-item-duplicate">
<a href="#">
<img src="img/banner.png">
</a>
</div>
<!-- 第一张 -->
<div class="mui-slider-item">
<a href="#">
<img src="img/banner.png">
</a>
</div>
<!-- 第二张 -->
<div class="mui-slider-item">
<a href="#">
<img src="img/banner.png">
</a>
</div>
<!-- 第三张 -->
<div class="mui-slider-item">
<a href="#">
<img src="img/banner.png">
</a>
</div>
<!-- 第四张 -->
<div class="mui-slider-item">
<a href="#">
<img src="img/banner.png">
</a>
</div>
<!-- 额外增加的一个节点(循环轮播:最后一个节点是第一张轮播) -->
<div class="mui-slider-item mui-slider-item-duplicate">
<a href="#">
<img src="img/banner.png">
</a>
</div>
</div>
<div class="mui-slider-indicator">
<div class="mui-indicator mui-active"></div>
<div class="mui-indicator"></div>
<div class="mui-indicator"></div>
<div class="mui-indicator"></div>
</div>
</div>

GraceUI

GraceUI - www.graceui.com - uni-app 优质前端UI框架

四阿哥

四阿哥 - 得民心者得天下

3.4版本已经有了,如果维护老版本app的话把新版本的的圆点结构和样式copy过来就行了。

四阿哥

四阿哥 - 得民心者得天下

3.4版本已经有了,如果维护老版本app的话把新版本的的圆点结构和样式copy过来就行了。

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