分页微件使用 <devsite-pagination>
自定义元素来显示分页内容,或切换显示的内容量。
一般用法
以下示例使用 <devsite-pagination>
自定义元素指定对每页四个 <div>
元素进行分页的 container
元素。
Div 1
Div 2
Div 3
分区 4
5 级
Div 6
Div 7
Div 8
Div 9
10 级
Div 11
12 区
13 区
14 级
15 区
多个 HTML 元素
以下示例使用 <devsite-pagination>
自定义元素指定对同一容器中的 <p>
和 <div>
元素进行分页的 container
元素。
这是第 1 段。
这是第 2 段。
这是第 3 段。
这是第 4 段。
这是第 5 段。
这是第 6 段。
这是 div 1。
这是 div 2。
这是 div 3。
这是 div 4。
这是 div 5。
这是 div 6。
按钮界面
以下示例使用 <devsite-pagination>
自定义元素指定 container
元素,该元素会加载 8 个初始 <div>
元素,并可切换为显示更多。
Div 1
Div 2
Div 3
分区 4
5 级
Div 6
Div 7
Div 8
Div 9
10 级
Div 11
12 区
13 区
14 级
15 区
开始展开
以下示例使用<devsite-pagination>
用于指定container
包含start-expanded
加载所有内容的<div>
可以切换为显示收起中披露政府所要求信息的数量和类型。
Div 1
Div 2
Div 3
分区 4
5 级
Div 6
Div 7
Div 8
Div 9
10 级
Div 11
12 区
13 区
14 级
15 区