Fluid 组件
标签
1
| {% label primary @text %}
|
或者
1
| <span class="label label-primary">text</span>
|
便签
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
