側邊欄 Silderbar
以下是設定的方式 :
text頁籤名
collapsed : true | false 下拉式模式。
items : [ { text:'頁面名' , link:'路由' } ] 頁面群 ( 採中括弧包覆大括弧 )。
TIP
以前使用collapsible : true | false 手風琴語法，不過目前使用的版本已經改成collapsed。
全區域配置
出現在所有環境畫面側邊
js
// config.js
export default{
...
themeConfig:{
...
sidebar: [
{
text: 'A分類',
items: [
{ text: '頁面A-1', link: '/路徑/檔名A-1' },
{ text: '頁面A-2', link: '/路徑/檔名A-2' }
]
},
{
text: 'B分類',
items: [
{ text: '頁面B-1', link: '/路徑/檔名B-1' }
]
},
]
}
}
區域配置 (依據Navbar標籤)
js
// config.js
...
sidebar: {
'/路由A/': [
{
text: 'A分類',
collapsed: true,
items: [
{ text: '頁面A-1', link: '/路徑/檔名A-1' }
]
},
{
text: 'B分類',
collapsed: true,
items: [
{ text: '頁面B-1', link: '/路徑/檔名B-1' },
{ text: '頁面B-2', link: '/路徑/檔名B-1' }
]
}
],
'/路由B/': [
{
text: 'FastAPI',
collapsed: true,
items: [
{ text: '頁面A-1', link: '/路徑/檔名A-1' },
{ text: '頁面A-2', link: '/路徑/檔名A-2' }
]
}
]
}