更多操作
删除的内容 添加的内容
将图标修改为等宽 |
无编辑摘要 |
||
第1行: | 第1行: | ||
<onlyinclude><i class="fa fa-fw fa-{{{icon|}}}{{{i|}}} {{#if: {{{size|}}} |fa-{{{size}}}|}} {{#switch: {{{spin|}}} | true = fa-spin | spin = fa-spin | pulse = fa-pulse }} {{# |
<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> |
<noinclude> |
||
= Font Awesome = |
= Font Awesome = |
||
第25行: | 第25行: | ||
{{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-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> |
{{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": "wiki-page-name" |
|||
}, |
|||
"spin": { |
|||
"label": "是否旋转", |
|||
"description": "spin: 旋转, pulse: 8位旋转", |
|||
"type": "line" |
|||
}, |
|||
"border": { |
|||
"label": "边框", |
|||
"description": "是否位图标添加边框", |
|||
"type": "boolean", |
|||
"default": "0" |
|||
}, |
|||
"float": { |
|||
"label": "浮动", |
|||
"description": "left: 浮动于左侧, right: 浮动于右侧", |
|||
"type": "line" |
|||
} |
|||
}, |
|||
"format": "inline", |
|||
"description": "为页面添加FontAwesome图标" |
|||
} |
|||
</templatedata> |
|||
</noinclude> |
</noinclude> |
2019年8月17日 (六) 20:52的版本
Font Awesome
基础用法
{{fa|icon=star}}
或
{{fa|i=star}}
大小
{{fa|icon=camera-retro|size=lg}}
{{fa|icon=camera-retro|size=2x}}
{{fa|icon=camera-retro|size=3x}}
{{fa|icon=camera-retro|size=4x}}
{{fa|icon=camera-retro|size=5x}}
旋转
{{fa|icon=spinner|size=3x|spin=true}}
{{fa|icon=spinner|size=3x|spin=pulse}}
边框
{{fa|icon=quote-left|size=3x|border=true}}
浮动
{{fa|icon=quote-left|size=3x|border=true|float=left}}
{{fa|icon=quote-right|size=3x|border=true|float=right}}
为页面添加FontAwesome图标
参数 | 描述 | 类型 | 状态 | |
---|---|---|---|---|
图标名称 | icon i | FontAwesome的图标名称(不用fa-),可以在 http://fontawesome.com.cn 查找到
| 单行文本 | 必需 |
图标大小 | size | 可用值:lg, 2x, 3x, 4x, 5x | 页面名称 | 可选 |
是否旋转 | spin | spin: 旋转, pulse: 8位旋转 | 单行文本 | 可选 |
边框 | border | 是否位图标添加边框
| 布尔 | 可选 |
浮动 | float | left: 浮动于左侧, right: 浮动于右侧 | 单行文本 | 可选 |