外链卡片
请将您的 Volantis 升级至 3.0 版本以上使用。
{% link 标题, 链接, 图片 %} |
{% link 如何参与项目, http://localhost:4000/contributors/, https://gcore.jsdelivr.net/gh/xaoxuu/cdn-assets@master/logo/256/safari.png %} |
基础按钮
请将您的 Volantis 升级至 2.4 版本以上使用。
{% btn 样式参数（可选）, 标题, 链接, 图标（可选） %} |
可选的参数可以省略，但是前后顺序不能乱。
样式参数
regular, large, center |
图标
第1个或者第2个参数包含 fa- 的那个被识别为图标。
不设置任何参数的 {% btn 按钮, / %} 适合融入段落中。 |
富文本按钮
请将您的 Volantis 升级至 2.3 版本以上使用。
{% btns 样式参数 %} |
样式参数位置可以写图片样式、布局方式，多个样式参数用空格隔开。
圆角样式
默认为方形
rounded, circle |
布局方式
默认为自动宽度，适合视野内只有一两个的情况。
| 参数 | 含义 |
|---|---|
| wide | 宽一点的按钮 |
| fill | 填充布局，自动铺满至少一行，多了会换行。 |
| center | 居中，按钮之间是固定间距。 |
| around | 居中分散 |
| grid2 | 等宽最多2列，屏幕变窄会适当减少列数。 |
| grid3 | 等宽最多3列，屏幕变窄会适当减少列数。 |
| grid4 | 等宽最多4列，屏幕变窄会适当减少列数。 |
| grid5 | 等宽最多5列，屏幕变窄会适当减少列数。 |
增加文字样式
可以在容器内增加 <b>标题</b> 和 <p>描述文字</p>
如果需要显示类似「团队成员」之类的一组含有头像的链接：
{% btns circle grid5 %} |
或者含有图标的按钮：
{% btns rounded grid5 %} |
圆形图标 + 标题 + 描述 + 图片 + 网格5列 + 居中
{% btns circle center grid5 %} |
xaoxuu
