|
|
<onlyinclude><i class="fa fa-fw fa-{{{icon|}}}{{{i|}}} {{#if: {{{size|}}} |fa-{{{size}}}|}} {{#switch: {{{spin|}}} | true = fa-spin | spin = fa-spin | pulse = fa-pulse }} {{#switch: {{{border|}}} | true = fa-border | 1 = fa-border }} {{#switch: {{{float|}}} | left = fa-pull-left | right = fa-pull-right }}">{{{after|}}}</i></onlyinclude>
|
|
|
<noinclude>
|
|
|
= Font Awesome =
|
|
|
== 基础用法 ==
|
|
|
{{fa|icon=star}}<br>
|
|
|
<pre><nowiki>{{fa|icon=star}}</nowiki></pre><br>
|
|
|
或<br>
|
|
|
<pre><nowiki>{{fa|i=star}}</nowiki></pre>
|
|
|
|
|
|
== 大小 ==
|
|
|
{{fa|icon=camera-retro|size=lg}} <pre><nowiki>{{fa|icon=camera-retro|size=lg}}</nowiki></pre><br>
|
|
|
{{fa|icon=camera-retro|size=2x}} <pre><nowiki>{{fa|icon=camera-retro|size=2x}}</nowiki></pre><br>
|
|
|
{{fa|icon=camera-retro|size=3x}} <pre><nowiki>{{fa|icon=camera-retro|size=3x}}</nowiki></pre><br>
|
|
|
{{fa|icon=camera-retro|size=4x}} <pre><nowiki>{{fa|icon=camera-retro|size=4x}}</nowiki></pre><br>
|
|
|
{{fa|icon=camera-retro|size=5x}} <pre><nowiki>{{fa|icon=camera-retro|size=5x}}</nowiki></pre>
|
|
|
|
|
|
== 旋转 ==
|
|
|
{{fa|icon=spinner|size=3x|spin=true}} <pre><nowiki>{{fa|icon=spinner|size=3x|spin=true}}</nowiki></pre><br>
|
|
|
{{fa|icon=spinner|size=3x|spin=pulse}} <pre><nowiki>{{fa|icon=spinner|size=3x|spin=pulse}}</nowiki></pre>
|
|
|
|
|
|
== 边框 ==
|
|
|
{{fa|icon=quote-left|size=3x|border=true}} <pre><nowiki>{{fa|icon=quote-left|size=3x|border=true}}</nowiki></pre>
|
|
|
|
|
|
== 浮动 ==
|
|
|
{{fa|icon=quote-left|size=3x|border=true|float=left}} <pre><nowiki>{{fa|icon=quote-left|size=3x|border=true|float=left}}</nowiki></pre><br>
|
|
|
{{fa|icon=quote-right|size=3x|border=true|float=right}} <pre><nowiki>{{fa|icon=quote-right|size=3x|border=true|float=right}}</nowiki></pre>
|
|
|
<templatedata>
|
|
|
{
|
|
|
"params": {
|
|
|
"icon": {
|
|
|
"aliases": [
|
|
|
"i"
|
|
|
],
|
|
|
"label": "图标名称",
|
|
|
"description": "FontAwesome的图标名称（不用fa-），可以在 http://fontawesome.com.cn 查找到",
|
|
|
"example": "flag",
|
|
|
"type": "line",
|
|
|
"required": true
|
|
|
},
|
|
|
"size": {
|
|
|
"label": "图标大小",
|
|
|
"description": "可用值：lg, 2x, 3x, 4x, 5x",
|
|
|
"type": "dropdown",
|
|
|
"default": ": 默认\nlg: 大\n2x: 二倍\n3x: 三倍\n4x: 四倍\n5x: 五倍"
|
|
|
},
|
|
|
"spin": {
|
|
|
"label": "是否旋转",
|
|
|
"description": "spin: 旋转, pulse: 8位旋转",
|
|
|
"type": "dropdown",
|
|
|
"default": ": 不旋转\nspin: 连续旋转\npulse: 8帧间断旋转"
|
|
|
},
|
|
|
"border": {
|
|
|
"label": "边框",
|
|
|
"description": "是否位图标添加边框",
|
|
|
"type": "boolean",
|
|
|
"default": "0"
|
|
|
},
|
|
|
"float": {
|
|
|
"label": "浮动",
|
|
|
"description": "left: 浮动于左侧, right: 浮动于右侧",
|
|
|
"type": "dropdown",
|
|
|
"default": ": 不浮动\nleft: 左侧\nright: 右侧"
|
|
|
}
|
|
|
},
|
|
|
"format": "inline",
|
|
|
"description": "为页面添加FontAwesome图标"
|
|
|
}
|
|
|
</templatedata>
|
|
|
</noinclude> |