Maitian MaiLin（留言 | 贡献） 小无编辑摘要 |
Maitian MaiLin（留言 | 贡献） 小无编辑摘要 |
||
| （未显示同一用户的3个中间版本） | |||
| 第5行： | 第5行： | ||
{{Spoiler|内容|悬浮标题|type=设置揭开行为}} | {{Spoiler|内容|悬浮标题|type=设置揭开行为}} | ||
</syntaxhighlight> | </syntaxhighlight> | ||
*<code>1</code> — 内容，被黑 | *<code>1</code> — 内容，被黑幕遮盖的文本。 | ||
*<code>2</code> — 悬浮标题，光标悬浮或点击后显示的提示框内容。 | *<code>2</code> — 悬浮标题，光标悬浮或触摸屏点击后显示的提示框内容。 | ||
*<code>type</code> — 类名，设置揭开 | *<code>type</code> — 类名，设置黑幕的揭开方式。 | ||
**<code>uncover</code> — 光标悬浮或点击后将黑色背景揭开。 | **<code>uncover</code> — 光标悬浮或触摸屏点击后将黑色背景揭开。 | ||
**<code>dark</code> — 黑色背景始终存在，光标悬浮或点击后文本变为白色。 | **<code>dark</code> — 黑色背景始终存在，光标悬浮或触摸屏点击后文本变为白色。（默认） | ||
{| class="wikitable" | {| class="wikitable" | ||
! 源代码 !! 效果预览 | ! 源代码 !! 效果预览 | ||
| 第17行： | 第17行： | ||
| <code><nowiki>{{Spoiler|内容|type=dark}}</nowiki></code> || {{Spoiler|内容|type=dark}} | | <code><nowiki>{{Spoiler|内容|type=dark}}</nowiki></code> || {{Spoiler|内容|type=dark}} | ||
|- | |- | ||
| <code><nowiki>{{Spoiler|{{I|波兰}} [[波兰球]]是一个国家球|你应该知道这个角色}}</nowiki></code> || {{Spoiler|{{I|波兰}} [[波兰球]]是一个国家球|你应该知道这个角色}} | | <code><nowiki>{{Spoiler|{{I|波兰}} [[波兰球]]是一个国家球|你应该知道这个角色|type=uncover}}</nowiki></code> || {{Spoiler|{{I|波兰}} [[波兰球]]是一个国家球|你应该知道这个角色|type=uncover}} | ||
|} | |} | ||
==技术== | ==技术== | ||
模板设置了两层span元素，分别是“黑幕”和“内容”。实际操作是在“黑幕”上设置一个黑色背景，然后用css属性 <code>opacity</code> 使“内容”透明——因为黑色背景的图层实际低于显示的内容。由于是通过 <code>opacity</code> 在父元素上实现，它不会出现部分内容未被隐藏的问题。 | 模板设置了两层span元素，分别是“黑幕”和“内容”。实际操作是在“黑幕”上设置一个黑色背景，然后用css属性 <code>opacity</code> 使“内容”透明——因为黑色背景的图层实际低于显示的内容。由于是通过 <code>opacity</code> 在父元素上实现，它不会出现部分内容未被隐藏的问题。 | ||
==模板数据== | |||
<templatedata> | |||
{ | |||
"params": { | |||
"1": { | |||
"label": "内容", | |||
"description": "被黑幕遮盖的内容", | |||
"type": "content" | |||
}, | |||
"2": { | |||
"label": "悬浮标题", | |||
"description": "class属性，光标悬浮或触摸屏点击后显示的提示框内容", | |||
"type": "content" | |||
}, | |||
"type": { | |||
"label": "类型", | |||
"description": "设置黑幕应该如何揭开（uncover、dark）", | |||
"type": "line", | |||
"default": "dark" | |||
} | |||
}, | |||
"description": "黑幕，用黑色背景覆盖文本" | |||
} | |||
</templatedata> | |||