首页 > 技术文章 > 微信小程序中自定义swiper轮播图面板指示点的样式

loveamyforever 2017-01-17 17:48 原文

重置样式:

.swiper{
    width: 100%;
    height: 240px;
    margin-bottom: 0.5rem;
    position:relative;
}
div.wx-swiper-dots.wx-swiper-dots-horizontal{
    position:absolute;
    right:0;
    bottom:0;
}

后面板指示点的整体位置并没有处于图片的右下方,如果有同仁遇到此问题,请在评论区给予相应的解释,谢谢!

http://www.wxapp-union.com/forum.php?mod=viewthread&tid=2131

在上面链接中找到了解决方法,不使用自带的指示点,通过自定义来实现。

http://www.qianduan8.com/1009.html

https://segmentfault.com/q/1010000007050871

https://segmentfault.com/q/1010000007333083

 

推荐阅读