滑动器动态项目符号添加属性宽度 [关闭]

Swiper dynamic bullets adding attribute width [closed]

提问人:Beverly Benson 提问时间:11/16/2023 最后编辑:Beverly Benson 更新时间:11/18/2023 访问量:45

问:


编辑问题以包括所需的行为、特定问题或错误以及重现问题所需的最短代码。这将帮助其他人回答这个问题。

6天前关闭。

这篇文章在 5 天前经过编辑并提交审核。

我正在为我的项目使用刷卡器,我需要动态项目符号。当我添加到 swiper.js 时,它会自动添加宽度为 0px 的属性样式 但是当我滑动刷卡器时,它变为宽度:620px 默认情况下,我需要删除此属性样式或设置 620px,我该怎么做?截图dynamicBullets: true

new Swiper('.clients__slider', {
        modules: [Navigation, Pagination],
        observer: true,
        observeParents: true,
        slidesPerView: 1,
        spaceBetween: 15,
        autoHeight: true,
        speed: 800,
        loop: true,
        
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
            dynamicBullets: true,
        }});

这是我滑动滑动刷卡之前的代码:

<div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal swiper-pagination-bullets-dynamic" style="width: 0px;">

这是我滑动滑动刷卡后的代码:

<div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal swiper-pagination-bullets-dynamic" style="width: 620px;">

我试图用我自己的JS代码设置宽度,并使用SCSS设置宽度

javascript html css swiper.js

评论

0赞 Reyno 11/16/2023
请在您的问题中包含一个最小的、可重现的示例(最好通过堆栈片段)。我们无法调试屏幕截图
0赞 Community 11/16/2023
请修剪您的代码,以便更轻松地找到您的问题。请遵循这些准则,以创建最小的可重现示例

答: 暂无答案