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

Template:窗口/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
_