2023年政策修订增补工作正在进行中,欢迎参与!
模板:菜單欄
跳至導覽
跳至搜尋
構建一個菜單工具條。
參數
主要參數
本模板的參數格式可以採用定義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
。方向可選值為left
right
up
down
。菜单项排列方向
(flex-direction
):默認為rigth
。方向可選值為left
right
up
down
。菜单项分割线
(item-split
):菜單項間默認存在框架同色分割線,指定為false
取消。
- 菜單項
菜单项最小宽度
(item-min-width
):默認為50px
。菜单项选择色
(select-color
):默認為菜单框架色
菜单项选择框架宽度
(select-border-width
):默認為0
。若不為零則使菜單懸停時顯示框架而不是全部高亮。排列
(flex
):默認為auto
。產生菜單項填滿菜單效果。菜单文字位置
(child-text-align
):默認為center
文字居中。可選left
right
- 子菜單
子菜单背景色
(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]] #网络游戏 #小游戏 }}