查看“︁Example:收缩大标题”︁的源代码

[[Template:收缩大标题/styles.css]]<br>
[[Template:收缩大标题]]
[[Template:收缩大标题]]

一个标题栏固定、面板向下展开的收缩组件，点击标题栏切换展开状态。

==== 最简调用 ====

只传名称与内容，其余使用默认值：

<pre>
{{收缩大标题
| 名称 = 世界观
| 内容 = 这里是世界观的内容。
}}
</pre>

效果：

{{收缩大标题
| 名称 = 世界观
| 内容 = 这里是世界观的内容。
}}

==== 完整调用示例 ====

<pre>
{{收缩大标题
| 背景色       = #57000d
| 水印         = ≫≫≫
| 水印字体     = rubik
| 名称         = 世界观
| 标题字体     = noto
| 英文标题     = WORLDVIEW
| 英文标题字体 = rubik
| 装饰         = ▼▼▼
| 装饰字体     = rubik
| 展开符号     = ▣
| 内容         = 这里是世界观的具体内容，支持多行文本与链接。
}}
</pre>

效果：

{{收缩大标题
| 背景色       = #57000d
| 水印         = ≫≫≫
| 水印字体     = rubik
| 名称         = 世界观
| 标题字体     = noto
| 英文标题     = WORLDVIEW
| 英文标题字体 = rubik
| 装饰         = ▼▼▼
| 装饰字体     = rubik
| 展开符号     = ▣
| 内容         = 这里是世界观的具体内容，支持多行文本与链接。
}}



==== 参数说明 ====

{| class="wikitable"
! 参数 !! 可选值 !! 默认 !! 说明
|-
| 背景色 || 任意颜色值 || #57000d || 标题栏背景色
|-
| 水印 || 任意文字 || ≫≫≫ || 标题栏左侧的背景水印
|-
| 水印字体 || 字体类后缀，如 rubik、noto、cinzel、tesla、ballet、college、chrontor、mono || rubik || 水印字体
|-
| 名称 || 任意文字 || 名称 || 中文标题主体
|-
| 标题字体 || 字体类后缀 || noto || 中文标题字体
|-
| 英文标题 || 任意文字 || ENGLISH TITLE || 英文副标题
|-
| 英文标题字体 || 字体类后缀 || rubik || 英文副标题字体
|-
| 装饰 || 任意文字 || 空 || 中文标题下方的装饰符号
|-
| 装饰字体 || 字体类后缀 || rubik || 装饰符号字体
|-
| 展开符号 || 任意文字 || ▣ || 标题栏右侧的按钮符号
|-
| 内容 || 任意文字，可含 &lt;br&gt; 与链接 || 空 || 面板展开后显示的内容
|}

==== 注意事项 ====

* 点击标题栏展开或收起下方面板，展开时标题栏位置不变，面板向下撑开。
* 展开符号在展开时旋转 45°，视觉上从加号变为叉号。
* 标题栏悬停时整体亮度提升 15%，由 <code>filter:brightness(1.15)</code> 实现，不依赖具体背景色。
* 组件内文字不可选中，避免点击时误选。
* 组件四角为直角，无圆角。
* 字体类来自 [[MediaWiki:Citizen.css]]，详见 [[Example:字体调用]]。
* 模板样式定义在 [[Template:收缩大标题/styles.css]]，折叠交互由 [[MediaWiki:Common.js]] 绑定。