查看: 2741|回复: 5
打印 上一主题 下一主题

自定义分页器究竟如何使用(custom)

[复制链接]

该用户从未签到

1

主题

1

帖子

5

积分

新手上路

Rank: 1

积分
5
跳转到指定楼层
楼主
发表于 2021-8-5 15:15:26 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
为什么我使用自定义分页器的时候无法使用
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 分享淘帖
回复

使用道具 举报

  • TA的每日心情
    开心
    2020-9-22 16:12
  • 签到天数: 1 天

    [LV.1]初来乍到

    0

    主题

    6

    帖子

    13

    积分

    新手上路

    Rank: 1

    积分
    13
    沙发
    发表于 2021-8-7 11:49:14 | 只看该作者
    pagination: {
            el: '.gallery-pagination',
            type : 'custom',
            renderCustom: function (swiper, current, total) {
              const html = `<div class="swiper-dots">
                <span class="swiper-dot ${current === 1 && 'active'}"></span>
                <span class="swiper-dot ${current === 2 && 'active'}"></span>
                <span class="swiper-dot ${current === 3 && 'active'}"></span>
                <span class="swiper-dot ${current === 4 && 'active'}"></span>
                </div>`;
              return html;
            }
          }

    我是这么定义的样式,效果和想象的一样
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2020-9-22 16:12
  • 签到天数: 1 天

    [LV.1]初来乍到

    0

    主题

    6

    帖子

    13

    积分

    新手上路

    Rank: 1

    积分
    13
    板凳
    发表于 2021-8-7 11:50:05 | 只看该作者
    用的swiper版本是 5.3
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    擦汗
    2022-2-22 10:26
  • 签到天数: 2 天

    [LV.1]初来乍到

    0

    主题

    3

    帖子

    7

    积分

    新手上路

    Rank: 1

    积分
    7
    地板
    发表于 2021-8-12 11:32:46 | 只看该作者

    用的swiper版本是 5.3
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    2

    帖子

    4

    积分

    新手上路

    Rank: 1

    积分
    4
    5#
    发表于 2021-8-18 16:38:38 | 只看该作者
    6.x如何自定义,求助
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    1

    帖子

    3

    积分

    新手上路

    Rank: 1

    积分
    3
    6#
    发表于 2021-9-14 15:48:53 | 只看该作者
    花花 发表于 2021-8-18 16:38
    6.x如何自定义,求助

    和5.x不是一样的吗?
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

    GMT+8, 2024-11-26 01:05 , Processed in 0.087554 second(s), 26 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表