跳到正文
编写
登录

模板:页面导航条:修订间差异

更多
Musicraft​(留言 | 贡献)
无编辑摘要
迷雾样式迁移​(留言 | 贡献)
按新大纲重组编写指南、三类标准页与全模板说明;修复可选信息行结构
 
(未显示同一用户的1个中间版本)
第1行: 第1行:
<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>
<includeonly>{{卡片|标题={{{text|导航}}}|图标={{{icon|}}}|内容={{{desc|}}}|链接={{{href|}}}|内链={{{page|}}}|链接文字={{{text|查看}}}}}</includeonly><noinclude>
== 模板简介 ==
一个带文字和简介的导航入口,可指定 page 或 href。示例包含所需配对结构。
'''页面导航条''' 是 [[模板:页面导航头]] 网格容器内的单张卡片。每次调用渲染一张卡片,可无限重复调用以增删内容。


=== 参数说明 ===
在可视化编辑器中选择“插入 → 模板”,搜索 <code>页面导航条</code>。本模板属于组合结构,推荐在源代码编辑器中复制下面的完整组合,保留配套模板。
{| class="wikitable" style="width:100%;"
 
! 参数 !! 默认值 !! 说明
== 效果 ==
|-
<div class="mc-example-preview">
| <code>icon</code> || (空) || 卡片前缀图标,推荐使用 Emoji(📝 📄 📚 🧩 🔧 🏠 等)
{{页面导航头}}
|-
{{页面导航条|text=ARG 档案|page=ARG档案|desc=项目档案目录}}
| <code>page</code> || — || 站内页面名称,生成内链(与<code>href</code> 二选一)
{{页面导航尾}}
|-
</div>
| <code>href</code> || — || 外部链接 URL,优先级高于 <code>page</code>
 
|-
== 源代码 ==
| <code>text</code> ||页面名 / Link || 链接显示文字;内链不填时自动显示页面名
<div class="mc-example-source"><pre>{{页面导航头}}
|-
{{页面导航条|text=ARG 档案|page=ARG档案|desc=项目档案目录}}
| <code>desc</code> || (空) || 链接后的描述文字,不填则不显示「— 描述」部分
{{页面导航尾}}</pre></div>
|-
| <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"
{| class="wikitable"
! 布局 !! width 值
! 参数名 !! 用法
|-
| 2 列(默认) || <code>calc(50% - 10px)</code>
|-
|-
| 3 列 || <code>calc(33% - 10px)</code>
| <code>text</code> || 按示例填写此字段;允许的内容见模板参数表。
|-
|-
| 单列(全宽) || <code>100%</code>
| <code>icon</code> || 按示例填写此字段;允许的内容见模板参数表。
|}
 
===颜色预设 ===
{| class="wikitable"
! 颜色 !! 色值 !! 建议用途
|-
|-
| 蓝色 || <code>#58a6ff</code> || Wiki编辑、教程类
| <code>desc</code> || 按示例填写此字段;允许的内容见模板参数表。
|-
|-
| 紫色 || <code>#d2a8ff</code> || 档案、归档类
| <code>href</code> || 完整外部网址。
|-
|-
| 绿色 || <code>#56d364</code> || 工具、首页类
| <code>page</code> || 目标站内页面名。
|-
| 橙色 || <code>#f0883e</code> || 特别推荐、警示类
|}
|}
[[模板说明#页面导航条|全部模板说明]] · [[编写指南]]
<templatedata>
<templatedata>
{
{
"params": {
  "description": "一个带文字和简介的导航入口,可指定 page 或 href。示例包含所需配对结构。",
"width": {
  "format": "block",
"label": "卡片列数",
  "params": {
"description": "只支持2,3列,不填为2列",
    "text": {
"example": "2,3",
      "label": "text",
"type": "number",
      "type": "content",
"suggestedvalues": [
      "description": "按示例填写此字段;允许的内容见模板参数表。"
"3"
    },
]
    "icon": {
},
      "label": "icon",
"minwidth": {},
      "type": "content",
"padding": {},
      "description": "按示例填写此字段;允许的内容见模板参数表。"
"bgcolor": {},
    },
"radius": {},
    "desc": {
"color": {
      "label": "desc",
"label": "颜色",
      "type": "content",
"description": "卡片左侧强调色条颜色",
      "description": "按示例填写此字段;允许的内容见模板参数表。"
"suggestedvalues": [
    },
"#58a6ff",
    "href": {
"#d2a8ff",
      "label": "href",
"#56d364",
      "type": "content",
"#f0883e"
      "description": "完整外部网址。"
]
    },
},
    "page": {
"icon": {
      "label": "page",
"label": "前缀图标",
      "type": "content",
"description": "推荐使用 Emoji(📝 📄 📚 🧩 🔧 🏠 等)"
      "description": "目标站内页面名。"
},
    }
"href": {
  },
"label": "外部链接",
  "paramOrder": [
"description": "URL,优先级高于站内名称,二选一"
    "text",
},
    "icon",
"text": {
    "desc",
"label": "页面名 / Link",
    "href",
"description": "链接显示文字;内链不填时自动显示页面名"
    "page"
},
  ]
"page": {
"label": "站内页面名称",
"description": "生成内链(与外部链接二选一)"
},
"desc": {
"label": "描述",
"description": "链接后的描述文字,不填则不显示「— 描述」部分"
}
},
"paramOrder": [
"icon",
"page",
"href",
"text",
"desc",
"color",
"width",
"minwidth",
"padding",
"bgcolor",
"radius"
]
}
}
</templatedata></noinclude>
</templatedata>
</noinclude>

2026年10月13日 (二) 15:57的最新版本

一个带文字和简介的导航入口,可指定 page 或 href。示例包含所需配对结构。

在可视化编辑器中选择“插入 → 模板”,搜索 页面导航条。本模板属于组合结构,推荐在源代码编辑器中复制下面的完整组合,保留配套模板。

效果

ARG 档案

项目档案目录

源代码

{{页面导航头}}
{{页面导航条|text=ARG 档案|page=ARG档案|desc=项目档案目录}}
{{页面导航尾}}

参数

参数名 用法
text 按示例填写此字段;允许的内容见模板参数表。
icon 按示例填写此字段;允许的内容见模板参数表。
desc 按示例填写此字段;允许的内容见模板参数表。
href 完整外部网址。
page 目标站内页面名。

全部模板说明 · 编写指南

一个带文字和简介的导航入口,可指定 page 或 href。示例包含所需配对结构。

模板参数[编辑模板数据]

此模板首选参数换行的代码块格式。

参数描述类型状态
texttext

按示例填写此字段;允许的内容见模板参数表。

内容可选
iconicon

按示例填写此字段;允许的内容见模板参数表。

内容可选
descdesc

按示例填写此字段;允许的内容见模板参数表。

内容可选
hrefhref

完整外部网址。

内容可选
pagepage

目标站内页面名。

内容可选
迷雾 Wiki
搜索迷雾 Wiki
阅读设置