模板:窗口

模板文檔  

這個文檔嵌入自Template:窗口/doc。

一個可關閉獨立窗口，使用mw-collapsible實現關閉效果。

必要參數

• 名字（name 第一個匿名參數）：指定摺疊名。
• 内容（content 第二個匿名參數）：內容。

可選參數

• 标题（title）：標題文本。
• 标题高（title-height）：標題高度。
• 显示（show）：默認顯示，設置為false默認不顯示。
• 显示标题栏（title-show）：默認存在標題欄，設置為false禁用標題欄。
• 位置（position）：設置為absolute則浮於其他內容上。設置為fixed，顯示位置相對屏幕，即父對象為屏幕。
• 宽（width）：窗口寬度。
• 高（height）：窗口高度。
• 层级（z-index）：窗口z序，即覆蓋順序。
• 停靠方向（direction）：可選center，left，right，top，bottom。指示窗口停靠到容器的邊緣。
• 距离（distance）：在停靠方向上距左/上方的距離，如果設定為負則為距右/下的距離。
• 间距（interval）：距離停靠邊緣的位移。
• 背景颜色（background-color）：窗口內容背景顏色。默認為aliceblue。
• 框架样式（border-style）：默認為ridge。
• 框架颜色（border-color）：默認為green。
• 框架宽度（border-width）：默認為4px。
• 关闭按钮背景颜色（close-button-color）：默認為darkred。
• 关闭按钮前景颜色（close-button-background-color）：默認為white。

例

簡單示例

{{窗口|name1|这是内容}}

×

這是內容

嵌套

{{窗口|name2-1|
{{窗口|name2-2|子窗口1}}
{{窗口|name2-2|子窗口2}}
}}

×

×

子窗口1

×

子窗口2

工具條

{{窗口|停靠方向=top|宽=100%|位置=fixed|
name3|我在上面
}}

×

我在上面

提示窗口

{{窗口|位置=fixed|停靠方向=left|
name4|您的xp极度异常
}}

×

您的xp極度異常

彈出窗口

{{折叠标签/高级|点我}}
{{窗口|位置=fixed|显示=false|停靠方向=top|间距=50%|距离=50%|
点我|你需要关闭它
}}

點我

點我

_

×

你需要關閉它

高級運用

{{窗口|width=auto|height=500px|显示标题栏=false|窗口|
{{窗口|窗口1|title=窗口1|位置=absolute|停靠方向=bottom|width=100%|height=100%|子窗口1}}
{{窗口|窗口2|title=窗口2|位置=absolute|停靠方向=bottom|width=100%|height=300px|子窗口2}}
{{窗口|窗口3|title=窗口3|位置=absolute|停靠方向=bottom|width=70%|子窗口3}}
}}
{{菜单栏|
#[[窗口1]]
#[[窗口2]]
#[[窗口3]]
}}

窗口1

×

子窗口1

窗口2

×

子窗口2

窗口3

×

子窗口3

窗口1

窗口1

_

---

窗口2

窗口2

_

---

窗口3

窗口3

_