ECL 滑动寻呼器

npm 软件包 : @ecl/slider

npm install --save @ecl/slider

参数

• 颜色( m) (字符串)(默认为:")颜色模式的名称
• “ priv 标签” (字符串)(默认为:")上一个按钮的标签
• 下一个标签( n) (字符串)(默认为:")下一个按钮的标签
• "隐藏 标签" (boolean) (默认: 假) 图标只按键
• "玩 标签" (字符串) (默认: “ ” ) 播放按钮的标签
• "游戏" (字符串)(默认:"玩入") 播放图标
• “ 暂停 标签 ” (字符串)(默认为:")暂停按钮的标签
• 暂停 icon(已停用) (字符串)(默认 : “ 暂停填充 ” ) 暂停图标
• "尺寸": (字符串) (默认: s) s, m 或 l 按钮大小
• "按钮 型" (boolean) (默认: “ true” ) 中立, 若是真实
• "超级" (字符串) (默认:") 上一个按钮额外类(空格分隔)
• “prev extra 属性” (阵列) (默认: []) 上一个按钮额外属性
  • 名称 (字符串) 属性名称, 如“ 数据测试 ”
  • 值 (字符串) 属性值, 如 : “ data- test-1 ”
• 下一个( extra class) (字符串) (默认 : “ ” ) 下个按钮额外类( 空格分隔)
• “ extra 属性” (阵列) (默认: []) 下一个按钮额外属性
  • 名称 (字符串) 属性名称, 如“ 数据测试 ”
  • 值 (字符串) 属性值, 如 : “ data- test-1 ”
• "玩出类" (字符串)(默认为:") 播放按钮额外类(空格分隔)
• “ play extra 属性” (阵列) (默认: []) 播放按钮额外属性
  • 名称 (字符串) 属性名称, 如“ 数据测试 ”
  • 值 (字符串) 属性值, 如 : “ data- test-1 ”
• "暂停 超级" (字符串) (默认:"'") 暂停按钮附加类(空格分隔)
• “ 暂停 外部 属性” (阵列) (默认: []) 暂停按钮额外属性
  • 名称 (字符串) 属性名称, 如“ 数据测试 ”
  • 值 (字符串) 属性值, 如 : “ data- test-1 ”
• "dots ext class" (英语) (字符串) (音符:''') Dots容器额外分类(空格分离)
• "点 出 类" (字符串) (调试:'') Dot 额外类(空格分离)
• “ template data 属性” (字符串)(默认为:")模板属性
• "超级" (字符串)(默认为:") 额外类(空格分隔)
• “外部属性” (阵列) (默认: []) 额外属性
  • 名称 (字符串) 属性名称, 如“ 数据测试 ”
  • 值 (字符串) 属性值, 如 : “ data- test-1 ”

示例

{% include '@ecl/slider/slider-pager.html.twig' with {
  prev_label: 'Previous',
  next_label: 'Next',
  hide_label: true,
  extra_classes: '',
  prev_extra_classes: '',
  prev_extra_attributes: [],
  next_extra_classes: '',
  next_extra_attributes: [],
  dots_extra_classes: '',
  dot_extra_classes: '',
  template_data_attribute: '',
} %}