ECL 焦点

npm 软件包 : @ecl/spotlight

npm install --save @ecl/spotlight

参数

• 颜色( m) (字符串)(默认为:")颜色模式的名称
• 宽度 (字符串)(默认:'m') 标题的大小;可以是'm','l'
• "标题" (弦) (默认:'') 聚光灯的标题
• "路径" (字符串)(默认为:") 标题链接 URL
• "头" (字符串)(默认:")聚光灯标题上方的页眉文字
• "画面" (对象) (默认: ) ECL 结构后的图像
• "已锁定" (boolean) (默认:真实) 显示可视锚指标
• "信贷" (字符串)(默认为:")图像的信用文本
• "满" "活" (boolean) (默认:虚假) 全宽聚光灯( 网格外的扩展)
• "超级" (字符串)(默认为:") 额外类(空格分隔)
• “外部属性” (阵列) (默认: []) 额外属性
  • 名称 (字符串) 属性名称, 如“ 数据测试 ”
  • 值 (字符串) 属性值, 如 : “ data- test-1 ”

示例

{% include '@ecl/spotlight/spotlight.html.twig' with {
  header: 'In focus',
  title: 'Lorem ipsum dolor sit amet, adipiscing justo',
  path: #example,
  picture: {
    img: {
      src: 'url/path-to-image',
      alt: 'alternative text',
    },
  },
  credit: '© Copyright',
} %}