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>