Example:悬停变换
来自Anachronism
更多操作
一个支持图标切换、边缘发光、自定义配色的按钮组件。
完整调用示例
{{悬停变换
| icon = ☰
| iconActive = ✕
| swap = on
| glow = pulse
| bg = #56000d
| color = #fff
}}
参数说明
| 参数 | 可选值 | 默认 | 说明 |
|---|---|---|---|
icon |
任意字符 | ● |
默认显示的图标 |
iconActive |
任意字符 | ✕ |
悬停时显示的图标，仅 swap=on 时有效
|
swap |
on / off |
on |
是否启用悬停图标切换 |
glow |
pulse / glow / none |
pulse |
图标发光模式：呼吸 / 静态 / 不发光 |
bg |
任意颜色值 | 无 | 覆盖背景色，不填则用默认主题色 |
color |
任意颜色值 | 无 | 覆盖文字色 |
最简调用
只写必填的图标，其余用默认值：
{{悬停变换|icon=☰|iconActive=✕}}
效果：
其他常见用法
| 场景 | 写法 |
|---|---|
| 不切换图标 | 加 swap=off
|
| 静态发光 | 加 glow=glow
|
| 不发光 | 加 glow=none
|
| 自定义配色 | color=#ffcc00 |