2022年4月25日 (一) 16:04的最新版本

信息框

用来展示页首的提示信息。

测试信息框

信息框内容

{{ 信息框 | title = 测试信息框 | content = 信息框内容 | type = primary }}

配色

primary（默认）

测试信息框

信息框内容

warning

测试信息框

信息框内容

danger

测试信息框

信息框内容

success

测试信息框

信息框内容

图标

提示

可以为信息框添加图标

{{ 信息框 | title = 提示 | content = 可以为信息框添加图标 | type = primary | icon = {{fa | icon = thumb-tack | size = 4x}} }}

显示信息框

模板参数
此模板首选参数换行的代码块格式。
参数		描述	类型	状态
信息框类型（配色）	`type`	目前可选的有primary: 蓝色, warning: 黄色, error: 红色, success: 绿色默认值 primary: 主要（蓝色） info: 信息（浅蓝色） secondary: 次要（灰色） success: 成功（绿色） warning: 警告（黄色） danger: 危险（红色）自动值 `primary`	单选	推荐
标题	`title`	无描述自动值	单行文本	推荐
内容	`content`	无描述	内容	推荐
图标	`icon`	向信息框左侧添加一个图标，必须是Fa模板，建议使用4x大小。默认已经启动了左侧停靠，所以不需要float参数。示例值 {{ fa \| icon = flag \| size = 4x }}	模板	可选

@@ 第1行： / 第1行： @@
-<onlyinclude><div class="isekai-infobox {{#switch: {{{type|primary}}} | primary = isekai-infobox-primary | warning = isekai-infobox-warning | danger = isekai-infobox-danger }}">
+<includeonly><templatestyles src="InfoBox/styles.css" /><div class="isekai-infobox  {{#if: {{{icon|}}} |  isekai-infobox-with-icon |}} {{#switch: {{{type|primary}}} | primary = isekai-infobox-primary | warning = isekai-infobox-warning | danger = isekai-infobox-danger | success = isekai-infobox-success }}">
+    {{#if: {{{icon|}}} | <div class="isekai-infobox-icon">{{{icon}}}</div> |}}
-    <h5>{{{title}}}</h5>
-    {{{content}}}
+    <div class="isekai-infobox-content">
+        <div class="isekai-infobox-title">{{{title}}}</div>
-</div></onlyinclude>
+        <div>{{{content}}}</div>
+     </div>
+</div></includeonly><noinclude>
 = 信息框 =
 用来展示页首的提示信息。
-{{信息框|title = 测试信息框|content = 信息框内容|type = primary}}
+{{ 信息框 | title = 测试信息框 | content = 信息框内容 | type = primary }}
+<code><nowiki>{{ 信息框 | title = 测试信息框 | content = 信息框内容 | type = primary }}</nowiki></code>
+== 配色 ==
+=== primary（默认） ===
+{{ 信息框 | title = 测试信息框 | content = 信息框内容 | type = primary }}
+=== warning ===
+{{ 信息框 | title = 测试信息框 | content = 信息框内容 | type = warning }}
+=== danger ===
+{{ 信息框 | title = 测试信息框 | content = 信息框内容 | type = danger }}
+=== success ===
+{{ 信息框 | title = 测试信息框 | content = 信息框内容 | type = success }}
+== 图标 ==
+{{ 信息框 | title = 提示 | content = 可以为信息框添加图标 | type = primary | icon = {{fa | icon = thumb-tack | size = 4x}} }}
+<code><nowiki>{{ 信息框 | title = 提示 | content = 可以为信息框添加图标 | type = primary | icon = {{fa | icon = thumb-tack | size = 4x}} }}</nowiki></code>
+<templatedata>
+{
+	"params": {
+		"type": {
+			"label": "信息框类型（配色）",
+			"description": "目前可选的有primary: 蓝色, warning: 黄色, error: 红色, success: 绿色",
+			"type": "dropdown",
+			"autovalue": "primary",
+			"default": "primary: 主要（蓝色）\ninfo: 信息（浅蓝色）\nsecondary: 次要（灰色）\nsuccess: 成功（绿色）\nwarning: 警告（黄色）\ndanger: 危险（红色）",
+			"suggested": true
+		},
+		"title": {
+			"label": "标题",
+			"type": "line",
+			"autovalue": "",
+			"suggested": true
+		},
+		"content": {
+			"label": "内容",
+			"type": "content",
+			"suggested": true
+		},
+		"icon": {
+			"label": "图标",
+			"description": "向信息框左侧添加一个图标，必须是Fa模板，建议使用4x大小。默认已经启动了左侧停靠，所以不需要float参数。",
+			"example": "{{ fa | icon = flag | size = 4x }}",
+			"type": "wiki-template-name"
+		}
+	},
+	"description": "显示信息框",
+	"format": "block"
+}
+</templatedata>
+</noinclude>