置顶公告:【置顶】关于临时开启评论区所有功能的公告(2022.10.22) | 【置顶】关于本站Widget恢复使用的公告
  • 你好~!欢迎来到萌娘百科镜像站!如需查看或编辑,请联系本站管理员注册账号。
  • 本镜像站和其他萌娘百科的镜像站无关,请注意分别。

模板:窗口/doc

萌娘百科,萬物皆可萌的百科全書!轉載請標註來源頁面的網頁連結,並聲明引自萌娘百科。內容不可商用。
跳至導覽 跳至搜尋

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

必要參數

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

可選參數

  • 标题title):標題文本。
  • 标题高title-height):標題高度。
  • 显示show):默認顯示,設置為false默認不顯示。
  • 显示标题栏title-show):默認存在標題欄,設置為false禁用標題欄。
  • 位置position):設置為absolute則浮於其他內容上。設置為fixed,顯示位置相對屏幕,即父對象為屏幕。
  • width):窗口寬度。
  • height):窗口高度。
  • 层级z-index):窗口z序,即覆蓋順序。
  • 停靠方向direction):可選centerleftrighttopbottom。指示窗口停靠到容器的邊緣。
  • 距离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
_