WetProLayout 高级布局

基本介绍

WetProLayout 可以提供一个标准又不失灵活的中后台标准布局，同时提供一键切换布局形态、自动生成菜单等功能。与 WetProPageContainer 配合使用可以自动生成面包屑、页面标题，并且提供低成本方案接入页脚工具栏。

组件引入：import { WetProLayout } from '@wetspace/pro-components'

基本使用

混合固定

可以配置固定头部，固定侧边栏，选择不同的固定，表现方式都会有所不同

回到顶部功能

配置backtop属性即可

属性

属性	描述	类型	默许值
title	布局标题	string	-
logo	接受一个logo组件	Component|VNode	-
headerMenus	头部菜单配置	WetProLayoutHdMenus	-
headerClass	头部class类名	string	-
asideMenus	侧边菜单配置	WetProLayoutAsideMenus	-
asideClass	侧边class类名	string	-
avatar	头部头像配置	Partial<AvatarProps>	-
avatarActions	头部头像操作	WetProLayoutAcions[]	-
backtop	回到顶部	boolean	-

插槽

插槽名	插槽作用域	描述
aside-tools	-	侧边导航工具栏
logo	collapse	头部工具栏
header	-	布局头部，会替换整个布局的默认头
header-tools	-	头部工具栏
footer	-	布局底部，会替换整个布局的默认底部
default	-	布局内容