spz-pagination
A long list can be divided into several pages using Pagination.
Layouts
跳转到“Layouts”Usage
跳转到“Usage”The spz-pagination
must be used with the spz-list
element.
The element can have a child of the svg
to custom arrows that can change to the next or previous page. The custom arrows must have a role="arrow"
attribute.
<spz-list
id="list"
layout="container"
src="/api/products/00008888"
...
>
<!-- ... -->
</spz-list>
<spz-pagination layout="container" list-id="list">
<svg role="arrow"><!-- ... --></svg>
</spz-pagination>
Attributes
跳转到“Attributes”list-id
跳转到“list-id”required
Specifies the id of the spz-list
element.
num-display-active
跳转到“num-display-active”A integer number, defaults to 2
. Show the page number before and after when the current page is active.
icon-class
跳转到“icon-class”Add a class to the svg
that clicks on the next page and the previous page.
track-event-name
跳转到“track-event-name”A string of the event name. Report data when the element is changed.