置顶公告:【置顶】关于临时开启评论区所有功能的公告(2022.10.22) | 【置顶】关于本站Widget恢复使用的公告
  • 你好~!欢迎来到萌娘百科镜像站!如需查看或编辑,请联系本站管理员注册账号。
  • 本镜像站和其他萌娘百科的镜像站无关,请注意分别。

模板:菜單欄

萌娘百科,萬物皆可萌的百科全書!轉載請標註來源頁面的網頁連結,並聲明引自萌娘百科。內容不可商用。
跳至導覽 跳至搜尋
Template-info.svg 模板文檔  [查看] [編輯] [歷史] [刷新]

構建一個菜單工具條。

參數

主要參數

本模板的參數格式可以採用定義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
}}
菜單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)
}}
文件(F)
打開(O)

保存(S)

關閉(C)

編輯(E)

工具(T)

幫助(H)

功能使用

{{菜单栏|
*[[这是一个链接]]
*这是一个菜单
**[[这是一个链接]]
##[[折叠|这是一个名字为“折叠”的折叠标签|点击后显示这样]]
**这是一个子菜单
###[[-非折叠|但本折叠名是“非折叠”而不是“-非折叠”|这个标签默认显示取反]]
***菜单能无限的循环下去
****这里就是尽头
#[[这是一个折叠标签]]
}}

這是一個菜單

這是一個名字為「摺疊」的摺疊標籤
點擊後顯示這樣
_

這是一個子菜單
但本摺疊名是「非摺疊」而不是「-非摺疊」
這個標籤默認顯示取反
_

菜單能無限的循環下去
這裡就是盡頭

這是一個摺疊標籤
這是一個摺疊標籤
_


不同方向

向上

{{菜单栏|菜单弹出方向=up|
*项1
*项2
**项2-1
**项2-2
***项2-2-1
***项2-2-2
*项3
}}
項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
}}
項1

項2
項2-1

項2-2
項2-2-1

項2-2-2

項3

摺疊菜單高級運用

使父菜單作為全選性摺疊按鈕。

{{菜单栏|
#[[RPG#ACT#SLG|单机游戏]]
##[[RPG]]
##[[ACT]]
##[[SLG]]
#网络游戏
#小游戏
}}
單機遊戲
單機遊戲
單機遊戲
單機遊戲
單機遊戲
單機遊戲
單機遊戲
單機遊戲
_
RPG
RPG
_

ACT
ACT
_

SLG
SLG
_

網絡遊戲

小遊戲