模板:菜單欄/doc
跳至導覽
跳至搜尋
構建一個菜單工具條。
參數
主要參數
本模板的參數格式可以採用定義ul相同，即*號。自動產生菜單。
如
{{菜单栏|
*菜单1
*菜单2
**菜单2-1
**菜单2-2
*菜单3
}}
將產生一個擁有3個菜單項，第二個菜單項擁有兩個子項的菜單。其中，連結將在菜單項點擊時觸發。
#號與*號效果類似，但其中的[[参数1|参数2|参数3]]將被解釋為{{摺疊標籤/高級|参数1（标签名）|参数2（默认文本）|参数3（激活文本）}}。同樣，標籤將在菜單項點擊時觸發摺疊。
可選參數
- 菜單
菜单宽度（width）：默認為auto，指定為min-content，使菜單不再占滿整行。菜单背景色（back-color）：默認為white。菜单框架宽度（border-width）：默認為1px。菜单框架色（border-color）：默認為green。菜单开端宽度（left-width）：默認為15px。菜单弹出方向（pop-direction）：指定一級菜單的彈出方向。默認為down。方向可選值為leftrightupdown。菜单项排列方向（flex-direction）：默認為rigth。方向可選值為leftrightupdown。菜单项分割线（item-split）：菜單項間默認存在框架同色分割線，指定為false取消。
- 菜單項
菜单项最小宽度（item-min-width）：默認為50px。菜单项选择色（select-color）：默認為菜单框架色菜单项选择框架宽度（select-border-width）：默認為0。若不為零則使菜單懸停時顯示框架而不是全部高亮。排列（flex）：默認為auto。產生菜單項填滿菜單效果。菜单文字位置（child-text-align）：默認為center文字居中。可選leftright
- 子菜單
子菜单背景色（child-back-color）：默認為菜单背景色。子菜单框架宽度（child-border-width）：默認為菜单框架宽度。子菜单框架色（child-border-color）：默認為菜单框架色。子菜单展开方向（child-flex-direction）：默認為菜单弹出方向。子菜单弹出方向（child-pop-direction）：指定多級菜單的彈出方向。默認為right。子菜单项分割线（item-split）：子菜單項間默認存在框架同色分割線，指定為false取消。
- 子菜單項
子菜单项最小宽度（item-min-width）：子菜单项选择色（child-select-color）：默認為子菜单框架色。子菜单项选择框架宽度（child-select-back-color）：默認為3px。子菜单文字位置（child-text-align）：默認為菜单文字位置文字居中。
示例
直接使用
默認參數將得到一個萌百風格的菜單。
{{菜单栏|
*菜单1
*菜单2
**菜单2-1
**菜单2-2
***菜单2-2-1
*菜单3
}}
系統風格
{{菜单栏|菜单背景色=#F0F0F0|菜单框架色=#BEBEBE|菜单项选择色=blue|菜单宽度=min-content|子菜单项选择框架宽度=0|子菜单项选择色=blue|子菜单文字位置=left|
*文件(F)
**打开(O)
**保存(S)
**关闭(C)
*编辑(E)
*工具(T)
*帮助(H)
}}
功能使用
{{菜单栏|
*[[这是一个链接]]
*这是一个菜单
**[[这是一个链接]]
##[[折叠|这是一个名字为“折叠”的折叠标签|点击后显示这样]]
**这是一个子菜单
###[[-非折叠|但本折叠名是“非折叠”而不是“-非折叠”|这个标签默认显示取反]]
***菜单能无限的循环下去
****这里就是尽头
#[[这是一个折叠标签]]
}}
不同方向
向上
{{菜单栏|菜单弹出方向=up|
*项1
*项2
**项2-1
**项2-2
***项2-2-1
***项2-2-2
*项3
}}
向右
{{菜单栏|菜单宽度=min-content|菜单项排列方向=down|菜单弹出方向=rigth|子菜单展开方向=down|
*项1
*项2
**项2-1
**项2-2
***项2-2-1
***项2-2-2
*项3
}}
摺疊菜單高級運用
使父菜單作為全選性摺疊按鈕。
{{菜单栏|
#[[RPG#ACT#SLG|单机游戏]]
##[[RPG]]
##[[ACT]]
##[[SLG]]
#网络游戏
#小游戏
}}