Template:灰机折叠

模板文档  

这个文档嵌入自Template:灰机折叠/doc。

本模板由Template:HuijiCollapsed优化而来，又名Template:HuijiCollapsed。

格式

{{灰机折叠
|title=
|content=
|id=
|style=
|type=
|width=
|body-class=
|body-style=
|title-class=
|title-bgc=
|title-style=
|content-class=
|content-bgc=
|content-style=
|rounded=
}}

我是标题

我是内容

必需：

• title的参数值是标题。
• content的参数值是内容。

可选：

• id为本模板添加一个id，不添加本参数不会影响本模板的功能。
  • id必须为英文且连续，如果有空格应该用下划线代替，否则汉字会被html强制解析为%文字，空格被解析为下划线，导致id与折叠的类不匹配；
  • 当同一页面内有多个本模板时，id应唯一，不能重复；
    • 如果id重复，则每次点击都会折叠/展开相同id的折叠内容。

• style的参数值为bar时需点击顶部标题来实现折叠/展开，若不使用本参数则点击本模板任意位置都可以实现折叠/展开。

• type的参数值为open时内容会自动展开，若不使用本参数则内容不会自动展开。

• width规定本模板的宽度，参数值是“阿拉伯数字+单位（如px、em、vw等）”。

• body-class为整体增加class。

• body-style的参数值是css，用来规定整体的样式。

• title-class为标题增加class。

• title-bgc规定标题的背景颜色，参数值可使用“red”“#ff0000”“rgb(255,0,0)”等，也可使用以下参数值：

颜色	显示
warning
info
danger
默认（不写本参数时）

• title-style的参数值是css，用来规定标题的样式。

• content-class为内容增加class。

• content-bgc规定内容的背景颜色，参数值可使用“red”“#ff0000”“rgb(255,0,0)”等。

• content-style的参数值是css，用来规定内容的样式。

• rounded的参数值为yes时为本模板增加圆角，若不想要圆角可删除该参数。
  • 参数值为“阿拉伯数字+单位（如px、em、vw等）”时可自定义圆角大小，百分数同样有效（注意长和宽的百分比是分开计算的）。

示例

{{灰机折叠
|title=萌娘百科
|content=欢迎来到萌娘百科
}}

萌娘百科

欢迎来到萌娘百科

{{灰机折叠
|title=萌娘百科
|content=欢迎来到萌娘百科
|type=open
}}

萌娘百科

欢迎来到萌娘百科

{{灰机折叠
|title=萌娘百科
|content=欢迎来到萌娘百科
|type=open
|style=bar
}}

萌娘百科

欢迎来到萌娘百科

{{灰机折叠
|title=萌娘百科
|title-bgc=danger
|content=欢迎来到萌娘百科
|content-bgc=green
|type=open
|rounded=yes
}}

萌娘百科

欢迎来到萌娘百科

{{HuijiCollapsed
|title=The Gettysburg Address
|ID=1
|width=30vw
|content=Four score and seven years ago our forefathers brought forth on this continent
|title-bgc=warning
}}
{{HuijiCollapsed
|title=青玉案·元夕
|ID=1
|width=30vw
|content=东风夜放花千树。更吹落，星如雨。
|title-bgc=info
}}
{{HuijiCollapsed
|title=卜算子
|ID=1
|width=30vw
|content=缺月挂疏桐，漏断人初静
|title-bgc=danger
}}

The Gettysburg Address

Four score and seven years ago our forefathers brought forth on this continent

青玉案·元夕

东风夜放花千树。更吹落，星如雨。

卜算子

缺月挂疏桐，漏断人初静