ECL Slogan 滴答组件

npm 软件包 : @ecl/slogan-ticker

npm install --save @ecl/slogan-ticker

参数:

• 编号 (字符串)(默认:随机)
• "自动游戏" (boolean) (默认:真实) 默认会自动滑动
• “项目” (阵列) (默认: []) 幻灯片项目
  • "内容"(字符串)
  • "link" (字符串)(可选)
  • "外部"(布尔)(可选)
• 颜色( m) (字符串)(默认为:")要应用的颜色模式类
• "游戏" (字符串) (默认 : “ 播放口号计数器 ” ) 屏幕阅读器标签用于播放按钮
• "暂停" (字符串) (默认 : “ 暂停口号计数器 ” ) 屏幕阅读器标签用于暂停按钮
• "超级" (字符串)(默认为:") 额外类(空格分隔)
• “外部属性” (阵列) (默认: []) 额外属性
  • 名称 (字符串) 属性名称, 如“ 数据测试 ”
  • “ 值 (字符串) 属性值, 如“ 数据测试-1 ”

示例

{% include '@ecl/slogan-ticker/slogan-ticker.html.twig' with {
  id: 'slogan-ticker-example',
  color_mode: 'default',
  items: [
    { content: 'Europe invests in people, planet and prosperity.' },
    { content: 'Our digital future is green, open and fair.' },
    { content: 'Stronger together for resilience and innovation.' },
    { content: 'Sustainability and inclusion guide our vision.' },
  ],
} %}