jquery - 猫头鹰轮播限制点分页

Question

我使用下面的 JavaScript 创建了一个轮播来显示 div 内的图像：

<script>
    $('body.cms-page-view .owl-carousel').owlCarousel({
        loop: false,
        lazyLoad: true,
        margin: 10,
        nav: true,
        responsive: {
            0: {
                dotsEach: 5,
                items: 1
            },
            600: {
                dotsEach: 3,
                items: 1
            },
            1000: {
                dotsEach: 1,
                items: 1
            }
        }
    })
    

    $('body.cms-page-view .owl-dot').each(function() {
        $(this).children('span').text($(this).index() + 1);
    }); 
    
</script>

分页的输出是这样的

如何应用更改以将分页以上更改为以下内容：

标签： jquerypagingowl-carousel