工具栏主要是红框处各类功能图标。
在应用配置中设置:
const globalSettings: Settings.all = {
toolbar: {
favorites: true,
},
}
详细可阅读《收藏夹》。
在应用配置中设置:
const globalSettings: Settings.all = {
toolbar: {
breadcrumb: true,
},
}
移动端访问时,会隐藏面包屑导航。
当使用文件系统路由时,将无法使用面包屑导航,详细可阅读《基于文件系统的路由》。
在应用配置中设置:
const globalSettings: Settings.all = {
toolbar: {
navSearch: true,
},
}
在应用配置中设置:
const globalSettings: Settings.all = {
toolbar: {
notification: true,
},
}
通知中心不涉及具体业务,需开发者自行实现,相关文件在:
/src/layouts/components/Tools/Notification/index.vue
通知中心下拉预览面板/src/views/personal/notification.vue
通知中心页面在应用配置中设置:
const globalSettings: Settings.all = {
toolbar: {
i18n: true,
},
}
如果设置为不启用,并不代表不支持国际化切换,只是不会在工具栏显示切换语言的图标,详细可阅读《国际化》。
在应用配置中设置:
const globalSettings: Settings.all = {
toolbar: {
fullscreen: true,
},
}
在应用配置中设置:
const globalSettings: Settings.all = {
toolbar: {
pageReload: true,
},
}
在应用配置中设置:
const globalSettings: Settings.all = {
toolbar: {
colorScheme: true,
},
}
如果设置为不启用,并不代表不支持颜色主题切换,只是不会在工具栏显示切换颜色主题的图标。
在应用配置中设置:
const globalSettings: Settings.all = {
toolbar: {
layout: ['favorites', 'breadcrumb', '->', 'navSearch', 'notification', 'i18n', 'fullscreen', 'pageReload', 'colorScheme'],
},
}
可自定义摆放位置和顺序,其中 ->
为分隔符,用于分隔左右两侧的工具栏。修改时请确保提供的所有值都存在,不可删减。