Fluid 组件
标签
1
| {% label primary @text %}
|
或者
1
| <span class="label label-primary">text</span>
|
primary default info success warning danger便签
1 2 3
| {% note primary %} text {% endnote %}
|
或者
1
| <p class="note note-primary">text</p>
|
组图
1 2 3 4 5 6 7
| {% gi 5 3-2 %}      {% endgi %}
|
更多主题配置请参考:Hello Fluid
Volantis 组件
tab切换
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21
| {% tabs First unique name %}
<!-- tab First unique name 1 @ri:home-4-line -->
**This is Tab 1.**
<!-- endtab -->
<!-- tab Icon Test @ri:cloud-line -->
**This is Tab 2.**
<!-- endtab -->
<!-- tab -->
**This is Tab 3.**
<!-- endtab -->
{% endtabs %}
|
折叠框
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32
| {% folding blue open::默认打开的折叠框 %}
这是一个默认打开的折叠框。
{% endfolding %}
{% folding cyan::默认关闭的折叠框 %}
这是一个默认关闭的折叠框。
{% endfolding %}
{% folding red::查看列表测试 %}
- 你好 - hello
{% endfolding %}
{% folding green::查看列表测试 %}
- 你好 - hello
{% endfolding %}
{% folding yellow::查看列表测试 %}
- 你好 - hello
{% endfolding %}
|
默认打开的折叠框
默认关闭的折叠框
查看列表测试
查看列表测试
查看列表测试
时间线
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21
| {% timeline 大标题 %}
{% timenode 时间节点(小标题) %}
正文内容
{% endtimenode %}
{% timenode 时间节点(小标题) %}
正文内容
{% endtimenode %}
{% timenode 时间节点(小标题) %}
正文内容
{% endtimenode %}
{% endtimeline %}
|
更多标签配置请查看:标签插件 - Volantis