查看“模板:页面导航条”的源代码

<div style="flex:1 1 {{{width|calc(50% - 10px)}}};min-width:{{{minwidth|200px}}};box-sizing:border-box;padding:{{{padding|10px 14px}}};background:{{{bgcolor|#161b22}}};border-radius:{{{radius|8px}}};border-left:3px solid {{{color|#58a6ff}}};">{{{icon|}}}&#32;{{#if:{{{href|}}}|[{{{href|}}} {{{text|Link}}}]|{{#if:{{{page|}}}|[[{{{page|}}}|{{{text|{{{page|}}}}}}]]}}}}{{#if:{{{desc|}}}|&#32;<span style="color:#8b949e;">— {{{desc|}}}</span>}}</div><noinclude>
== 模板简介 ==
'''页面导航条''' 是 [[模板:页面导航头]] 网格容器内的单张卡片。每次调用渲染一张卡片，可无限重复调用以增删内容。

=== 参数说明 ===
{| class="wikitable" style="width:100%;"
! 参数 !! 默认值 !! 说明
|-
| <code>icon</code> || （空） || 卡片前缀图标，推荐使用 Emoji（📝 📄 📚 🧩 🔧 🏠 等）
|-
| <code>page</code> || — || 站内页面名称，生成内链（与<code>href</code> 二选一）
|-
| <code>href</code> || — || 外部链接 URL，优先级高于 <code>page</code>
|-
| <code>text</code> ||页面名 / Link || 链接显示文字；内链不填时自动显示页面名
|-
| <code>desc</code> || （空） || 链接后的描述文字，不填则不显示「— 描述」部分
|-
| <code>color</code> || <code>#58a6ff</code> ||卡片左侧强调色条颜色
|-
| <code>bgcolor</code> || <code>#161b22</code> || 卡片背景色
|-
| <code>radius</code> || <code>8px</code> || 卡片圆角大小
|-
| <code>padding</code> || <code>10px 14px</code> || 卡片内边距
|-
| <code>width</code> || <code>calc(50% - 10px)</code> || 卡片弹性基准宽度，控制列数（见下方说明）
|-
| <code>minwidth</code> || <code>200px</code> || 卡片最小宽度，防止在窄屏下过度压缩
|}

=== 列数控制（width参数）===
{| class="wikitable"
! 布局 !! width 值
|-
| 2 列（默认） || <code>calc(50% - 10px)</code>
|-
| 3 列 || <code>calc(33% - 10px)</code>
|-
| 单列（全宽） || <code>100%</code>
|}

===颜色预设 ===
{| class="wikitable"
! 颜色 !! 色值 !! 建议用途
|-
| 蓝色 || <code>#58a6ff</code> || Wiki编辑、教程类
|-
| 紫色 || <code>#d2a8ff</code> || 档案、归档类
|-
| 绿色 || <code>#56d364</code> || 工具、首页类
|-
| 橙色 || <code>#f0883e</code> || 特别推荐、警示类
|}
<templatedata>
{
	"params": {
		"width": {
			"label": "卡片列数",
			"description": "只支持2,3列，不填为2列",
			"example": "2,3",
			"type": "number",
			"suggestedvalues": [
				"3"
			]
		},
		"minwidth": {},
		"padding": {},
		"bgcolor": {},
		"radius": {},
		"color": {
			"label": "颜色",
			"description": "卡片左侧强调色条颜色",
			"suggestedvalues": [
				"#58a6ff",
				"#d2a8ff",
				"#56d364",
				"#f0883e"
			]
		},
		"icon": {
			"label": "前缀图标",
			"description": "推荐使用 Emoji（📝 📄 📚 🧩 🔧 🏠 等）"
		},
		"href": {
			"label": "外部链接",
			"description": "URL，优先级高于站内名称，二选一"
		},
		"text": {
			"label": "页面名 / Link",
			"description": "链接显示文字；内链不填时自动显示页面名"
		},
		"page": {
			"label": "站内页面名称",
			"description": "生成内链（与外部链接二选一）"
		},
		"desc": {
			"label": "描述",
			"description": "链接后的描述文字，不填则不显示「— 描述」部分"
		}
	},
	"paramOrder": [
		"icon",
		"page",
		"href",
		"text",
		"desc",
		"color",
		"width",
		"minwidth",
		"padding",
		"bgcolor",
		"radius"
	]
}
</templatedata></noinclude>