ECL 植入部分

npm 软件包 : @ecl/pagination

npm install --save @ecl/pagination

参数

• "标签" (字符串)(默认为:")导航元素的屏幕阅读器标签
• “项目” (阵列) (默认: []) 铺设项; 格式 :
  • "类型" (字符串)(默认为:") 项类型;可以是"上","当前","下","通"
  • “ label”( 字符串)( 默认: “ ” ) 非链接时的项目标签( 如当前页码)
  • “ aria label” (字符串)(默认: “ ” ) 项的 Aria 标签
  • "link" (对象)(默认:{}) ECL 链接结构; 用于prv/next, set link.link.hide_label (一) 在欧共体为实; link.icon 当“ 类型 ” 是“ 先前的 ” /“ 下一个 ” 时, 默认为phophor“ arrow- left ” /“ arrow- right ”
• "超级" (字符串)(默认为:") 额外类(空格分隔)
• “外部属性” (阵列) (默认: []) 额外属性
  • 名称 (字符串) 属性名称, 如“ 数据测试 ”
  • 值 (字符串) 属性值, 如 : “ data- test-1 ”

示例

{% include '@ecl/pagination/pagination.html.twig' with { 
  label: 'Pagination', 
  items: [ 
    { 
      type: 'previous', 
      aria-label: 'Go to previous page', 
      link: { 
        link: { 
          path: '/example#previous', 
          label: 'Previous', 
          icon_position: 'before', 
        } 
      }, 
    }, 
    { 
      aria-label: 'Go to page 24', 
      link: { 
        link: { 
          path: '/example#page-24', 
          label: '24', 
        }, 
      }, 
    }, 
    ... 
    { 
      type: 'current', 
      aria-label: 'Page 26', 
      label: '26', 
    }, 
    ... 
    { 
      type: 'next', 
      aria-label: 'Go to next page', 
      link: { 
        link: { 
          path: '/example#next', 
          label: 'Next', 
          icon_position: 'after', 
        } 
      }, 
    }, 
  ], 
} %}