跳转到内容

Template:Fa/doc:修订间差异

勤求古训,博采众方
第81行: 第81行:


==参数列表==
==参数列表==
{| class="wikitable mw-collapsible mw-collapsed" style="width:100%;text-align:center;margin-top:20px;font-size:12px"
{| class="wikitable mw-collapsible mw-collapsed" style="width:100%; margin-top:20px; font-size:12px; border-collapse:collapse;"
|-
|-
!常用图标
! style="text-align:center; padding:8px; background:#f5f5f5;" | 常用图标
|-
|-
|
| style="padding:10px; text-align:left; /* 修复列表符号对齐 */" |
{{columns-list|
{{columns-list|
cols=3|  <!-- 指定3列布局 -->
cols=3|  <!-- 3列布局,适配大多数屏幕 -->
colwidth=12em|  <!-- 列宽适配图标+代码块 -->
colwidth=calc(33.33% - 10px)|  <!-- 自适应列宽,避免溢出 -->
rules=solid|  <!-- 显示列分隔线,直观确认3列 -->
rules=none|  <!-- 隐藏列分隔线(视觉更简洁如需保留可改solid) -->
style=width:100%;|  <!-- 占满容器宽度,优化适配 -->
style=width:100%; margin:0; padding:0; list-style-position:inside;|  <!-- 关键对齐修复 -->
| style="padding:10px; text-align:left; max-height:400px; overflow-y:auto;" |
*{{fa|glass}} <code>glass</code>
*{{fa|glass}} <code>glass</code>
*{{fa|music}} <code>music</code>
*{{fa|music}} <code>music</code>

2025年11月27日 (四) 09:31的版本

本模版可以生成一个FontAwesome符号库中的符号。

请在参数1中填写所需的符号标识。

符号标识可以前往Font Awesome官网查询。

使用方法

在参数1中填写标识即可。

  • 设置
  • 邮箱
  • 历史
  • 警告
  • 选择
*{{fa|cog}}设置
*{{fa|envelope}}邮箱
*{{fa|history}}历史
*{{fa|warning}}警告
*{{fa|check-square}}选择

生成的符号是inline-block对象,颜色和大小与当前区域的文字一致。除了<nowiki>标签之外,你可以像处理文字一样处理这些符号。

为了美观,建议在该模板和文字之间增加一个空格。

你甚至可以将本模板插入链接的显示文本中。

例:请阅读 Font Awesome快速引用模板文档

请阅读[[模板:fa/doc|{{fa|flag}} Font Awesome快速引用模板文档]]

样式

默认使用 fa 样式。

在图标名后的任何位置加入s、r、b参数,将对应使用 fas、far、fab 样式(即 Solid、Regular、Brands 样式)。


在图标名后的任何位置加入没有参数名的参数,将视为类(class)。

这种参数只能存在一个。如果你需要使用多个类,请写在同一个参数中,并使用空格分隔。


此外,还有如下可选参数(不能省略参数名):

|rotate=图标旋转的角度(限制填写90、180、270)

|color=图标的颜色

|size=图标的尺寸

|style=图标的其他CSS样式(不要使用引号)

范例

{{fa|qrcode}}

{{fa|qq|b|size=36px|color=skyblue}}

{{fa|adjust|size=24px|color=red|style=text-shadow: 2px 2px 6px #000; border:solid 1px blue; padding:10px; }}

图标动画

使用classfa-spin可以使任何图标执行旋转动画,使用classfa-pulse可以使图标以8步为周期进行旋转。可以完美执行旋转动画的图标有:fa-spinnerfa-refreshfa-cog

{{fa|spinner|fa-spin}}
{{fa|circle-o-notch|fa-spin}}
{{fa|refresh|fa-spin}}
{{fa|cog|fa-spin}}
{{fa|spinner|fa-pulse}}

{{fa|spinner|color=#666600|fa-3x fa-spin}}

常用图标


anchor

archive

asterisk

at

ban

bell

binoculars

bolt

book

bookmark

box

bug

bullhorn

burn

certificate

chart-pie

check

chess-king

chess-knight

chess-queen

code

code-branch

coffee

comment

compress

crosshairs

desktop

door-open

dove

edit

eject

exclamation

exclamation-triangle

eye

feather

fighter-jet

filter

flag

flag-checkered

font

gamepad

gem

gift

glasses

graduation-cap

hashtag

heart

h-square

inbox

infinity

info

key

lightbulb

link

location-arrow

magic

map-marker-alt

map-signs

meh

moon

palette

play

poo

quote-left

robot

search

share-alt

shield-alt

shopping-cart

skull

star

stopwatch

subway

sun

tag

thumbs-down

thumbs-up

thumbtack

trophy

user-secret

wrench


参数列表

常用图标
脚本运行超时。