分页

分页微件使用 <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 区