swiper 自定义pagination 样式内容

<!-- 如果需要分页器 -->
<div class="swiper-pagination">
    <ul class="pagination">
    </ul>
</div>

适用于swiper 4.x
<script>
    var mySwiper = new Swiper (\'.swiper-container\', {
        // 如果需要前进后退按钮
        pagination: {//分页容器的css选择器
            el:\'.pagination\',
            clickable:true,
            renderBullet:function (index, className) {
                var text = \'\';
                switch (index){
                    case 0:
                        text = \'******\';
                        break;
                    case 1:
                        text = \'******\';
                        break;
                    case 2:
                        text = \'*****\';
                        break;
                    case 3:
                        text = \'*****\';
                        break;
                    case 4:
                        text = \'*****\';
                        break;
                    case 5:
                        text = \'****\';
                        break;
                    case 6:
                        text = \'****\';
                        break;
                }
                return \'<li class="\'+className+\'">\' + text + \'</li>\'
            }
        },
    });
</script>