微信小程序中自定义swiper轮播图面板指示点的样式

重置样式：

.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