swiper 自定义 底部分页器

var setSwiper = function(){
        var swiper = new Swiper('.swiper-container',{
          pagination: {
              el: '.swiper-pagination',
              clickable: true,
              renderBullet: function (index, className) {
                  return '<div class="' + className + '"></div>';
              }
            }
        });
        var length = $('.swiper-slide').length;
        length = 100/length;
        $('.swiper-pagination-bullet').css('margin','0px');
    }


.swiper-pagination{
            position:relative;
          width: 100vw;
        }
        .swiper-pagination-bullet{
            width:1.5rem;
            height:.17rem;
          border-radius: 0;
            background:#000000;
        }