欧共体 新闻计数器组件

npm 软件包 : @ecl/news-ticker

npm install --save @ecl/news-ticker

参数:

• 编号 (字符串)(默认:随机) 新闻计时器唯一的代号
• “项目” (阵列) (默认: []) 幻灯片项目; 格式 :
  • "内容"(字符串) 项目内容
  • "链接" (字符串) 项目链接 URL
  • "外" (布尔) 链接是否是外部
  • “ icon”( 对象) 图标, 遵循 ECL 图标结构( 用而不用 img)
• “反标签” (字符串)(默认:"of")在当前数和总数之间的标签
• 颜色( m) (字符串)(默认为:")要应用的颜色模式类
• "sr external" (法语) (字符串)(默认:"外部链接") 外部图标的屏幕阅读器标签
• "旧有" (弦) (默认:"上回新闻"). 上一个按钮的屏幕阅读器标签
• "下一个" (字符串)(默认:"下一个新闻") 下一个按钮的屏幕阅读器标签
• "游戏" (字符串)(默认 : “ 播放新闻计数器 ” ) 播放按钮的屏幕阅读器标签
• "暂停" (字符串) (默认: “ 暂停新闻计数器 ” ) 暂停按钮的屏幕阅读器标签
• "超级" (字符串)(默认为:") 额外类(空格分隔)
• “外部属性” (阵列) (默认: []) 额外属性
  • 名称 (字符串) 属性名称, 如“ 数据测试 ”
  • 值 (字符串) 属性值, 如 : “ data- test-1 ”

折旧

• “项目.img” (对象):图标位置所用的微小图像

示例

{% include '@ecl/news-ticker/news-ticker.html.twig' with { 
  id: 'news-ticker-example', 
  counter_label: 'of', 
  items: [ 
    { 
      content: 'EMA starts rolling review of COVID-19 vaccine Vidprevtyn', 
      link: 'https://www.ema.europa.eu/en/news/ema-starts-rolling-review-covid-19-vaccine-vidprevtyn',
      icon: { 
        name: 'newspaper', 
        family: 'phosphor',
      }, 
    }, 
    {
      content:
        'President von der Leyen announced that the EU has achieved its goal of fully vaccinating 70% of its adult population on 31 August',
      link: 'https://ec.europa.eu/commission/presscorner/detail/en/ip_21_4362',
      icon: { 
        name: 'newspaper', 
        family: 'phosphor',
      }, 
    }, 
    { 
      content:
        'President von der Leyen announced that the EU has achieved its goal of fully vaccinating 70% of its adult population on 31 August', 
      icon: { 
        name: 'newspaper', 
        family: 'phosphor',
      }, 
    }, 
    ...
  ], 
} %}