模板:Fa：修订间差异
来自科幻设定百科
imported>晦暗天明 无编辑摘要 |
（更改为异世界百科最新版） |
||
| 第1行： | 第1行： | ||
| − | <onlyinclude><i class=" |
+ | <onlyinclude><i class="{{#switch: {{{type|solid}}} | solid = fas | regular = far }} 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 = |
||
== 基础用法 == |
== 基础用法 == |
||
| 第27行： | 第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> |
||
| + | |||
| + | == 变体 == |
||
| + | {{fa|icon=star|type=regular}} |
||
| + | |||
| + | {{fa|icon=star|type=regular}} |
||
| + | |||
| + | <pre><nowiki> |
||
| + | {{fa|icon=star|type=regular}} |
||
| + | {{fa|icon=star|type=regular}} |
||
| + | </nowiki></pre> |
||
| + | |||
| + | 注意：并不是所有FontAwesome图标都存在变体，具体请参照[https://fontawesome.com/search?o=r&m=free&new=yes FontAwesome 免费版图标列表] |
||
<templatedata> |
<templatedata> |
||
{ |
{ |
||
| 第43行： | 第53行： | ||
"label": "图标大小", |
"label": "图标大小", |
||
"description": "可用值：lg, 2x, 3x, 4x, 5x", |
"description": "可用值：lg, 2x, 3x, 4x, 5x", |
||
| − | "type": " |
+ | "type": "dropdown", |
| + | "default": ": 默认\nlg: 大\n2x: 二倍\n3x: 三倍\n4x: 四倍\n5x: 五倍" |
||
}, |
}, |
||
"spin": { |
"spin": { |
||
"label": "是否旋转", |
"label": "是否旋转", |
||
"description": "spin: 旋转, pulse: 8位旋转", |
"description": "spin: 旋转, pulse: 8位旋转", |
||
| − | "type": " |
+ | "type": "dropdown", |
| + | "default": ": 不旋转\nspin: 连续旋转\npulse: 8帧间断旋转" |
||
}, |
}, |
||
"border": { |
"border": { |
||
| 第59行： | 第71行： | ||
"label": "浮动", |
"label": "浮动", |
||
"description": "left: 浮动于左侧, right: 浮动于右侧", |
"description": "left: 浮动于左侧, right: 浮动于右侧", |
||
| − | "type": " |
+ | "type": "dropdown", |
| + | "default": ": 不浮动\nleft: 左侧\nright: 右侧" |
||
| + | }, |
||
| + | "type": { |
||
| + | "label": "变体类型", |
||
| + | "description": "图标的变体类型", |
||
| + | "example": "solid", |
||
| + | "suggestedvalues": [ |
||
| + | "solid", |
||
| + | "regular" |
||
| + | ] |
||
} |
} |
||
}, |
}, |
||
2023年11月17日 (五) 16:10的最新版本
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}}
变体
{{fa|icon=star|type=regular}}
{{fa|icon=star|type=regular}}
注意：并不是所有FontAwesome图标都存在变体，具体请参照FontAwesome 免费版图标列表
为页面添加FontAwesome图标
| 参数 | 描述 | 类型 | 状态 | |
|---|---|---|---|---|
| 图标名称 | iconi | FontAwesome的图标名称（不用fa-），可以在 http://fontawesome.com.cn 查找到
| 单行文本 | 必填 |
| 图标大小 | size | 可用值：lg, 2x, 3x, 4x, 5x
| 单项选择 | 可选 |
| 是否旋转 | spin | spin: 旋转, pulse: 8位旋转
| 单项选择 | 可选 |
| 边框 | border | 是否位图标添加边框
| 布尔值 | 可选 |
| 浮动 | float | left: 浮动于左侧, right: 浮动于右侧
| 单项选择 | 可选 |
| 变体类型 | type | 图标的变体类型
| 未知 | 可选 |
