代码演示
动态图播放/暂停
通过设置封面、动态图链接，实现点击播放/暂停效果。
通过设置动态图的封面和链接，可以实现点击动态图播放/暂停的效果。此功能适用于需要展示动态内容但希望节省流量或提高加载速度的场景。
@[gif](src=https://cdnqiniu.benhuisen.com/test/1.gif,
poster=https://cdnqiniu.benhuisen.com/test/1.png,
css=shadow,
autoplay=false,
width=150,
height=150)
Gif
表格分页
通过设置加载器和分页信息，实现表格翻页交互效果。
通过简单的参数设置，可以实现表格的分页功能。此功能特别适合展示大量数据，可以节省约92.3%的代码量，同时提供良好的用户体验。
:::table(loader=bootstrap, header=1, page-size=2, page-list=5-10)
标题1,标题2,标题3
内容1,内容2,内容3
内容4,内容5,内容6
内容7,内容8,内容9
内容10,内容11,内容12
:::手风琴
通过添加标题和内容元素，实现手风琴展开折叠效果。
通过简单的标签嵌套，可以实现手风琴效果。此功能特别适合展示分组内容，可以节省约88%的代码量，同时提供良好的用户体验。
:::accordion(expand-index=0-1)
@[text](value=标题1, color=red)
@[text](value=内容1)
@[text](value=标题2)
@[text](value=内容2)
:::
内容1
内容2
图片轮播
通过简单的参数设置，实现图片轮播效果。
通过简单的参数设置，可以实现图片轮播效果。此功能特别适合展示多张图片或幻灯片内容，可以节省约90%的代码量，同时提供良好的用户体验。
:::carousel(interval=3000, controls=1, indicators=1)
@[image](src=https://cdnqiniu.benhuisen.com/test/b1.png)
@[image](src=https://cdnqiniu.benhuisen.com/test/b2.png)
@[image](src=https://cdnqiniu.benhuisen.com/test/b3.png)
:::