直达快捷键

注意:这是本网站使用的组件页面

组件页面一般通过[[include]]方式使用。

请不要随意编辑此页面以免造成不必要的崩溃。

如果你需要报告错误,请前往页面讨论区。

评分: 0+x

完整参数列表

[[include :arknights:component:end-shortcut-base
|default=true/false 选择使用默认样式或者自定义样式
|mask-top=<URL> 填入此值可以替换直达顶部的图标
|mask-down=<URL> 填入此值可以替换直达底部的图标
|top-x=<length> TOP键距离屏幕右侧的距离,默认值为1.5rem
|top-y=<length> TOP键距离屏幕右侧的距离,默认值为1.5rem
|bottom-x=<length> DOWN键距离屏幕底部的距离,默认值为1.5rem
|bottom-y=<length> DOWN键距离屏幕底部的距离,默认值为1.5rem
|width=<length> 按键宽度,默认值为3rem
|height=<length> 按键高度,默认值为3rem
|mask-color=<color> 更改图标默认颜色,默认值为链接颜色
|mask-hover=<color> 更改图标悬浮颜色,默认值为链接颜色
]]

组件说明

此组件可以在页面右下角添加两个快捷键,即返回顶部和直达底部。在默认状态下,按键的徽标如下所示。


top@whitebg.png
SenioriouscSenioriousc 绘制。
拖动滑块切换两个徽标。

注意事项

  • 对应参数允许使用所有颜色格式和长度单位以及已定义的变量。
  • 应用 <default=true> 参数时,组件会自动填入默认样式,你不需要填入其下方所有参数。即,最简单的使用方式是:

[[include :arknights:component:end-shortcut-base
|default=true
]]

  • 应用 <default=false> 参数时,组件会分配所有参数的命名空间,你需要填入所有的参数。所有的数值都需要带上完整的单位与格式,例如:

[[include :arknights:component:end-shortcut-base
|default=false
|mask-top=var(--top-mask)/url("自定义svg的URL编码") 如果你没有图源,可以使用斜线前的默认样式
|mask-down=var(--down-mask)/url("自定义svg的URL编码") 同上
|top-x=5rem
|top-y=5rem
|bottom-x=2rem
|bottom-y=2rem
|width=2rem
|height=2rem
|mask-color=#000
|mask-hover=rgb(252,252,252)
]]

除非特别注明,本站内容采用 Creative Commons Attribution-NonCommercial-ShareAlike 4.0 协议授权。