You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
# 布局设计
|
|
|
|
|
|
|
|
|
|
## 导航模式
|
|
|
|
|
|
|
|
|
|
### 桌面端
|
|
|
|
|
|
|
|
|
|
1.侧边栏导航：侧边栏菜单为完整菜单，顶部菜单不渲染
|
|
|
|
|
|
|
|
|
|
2.顶部导航：侧边栏菜单不渲染，顶部菜单为完整菜单
|
|
|
|
|
|
|
|
|
|
3.混合导航：顶部菜单为完整菜单的所有根节点，侧边栏菜单为当前激活的顶部菜单的子级
|
|
|
|
|
|
|
|
|
|
4.双层侧边栏导航：侧边栏分为最左侧的根节点栏、二级子菜单，顶部菜单不渲染
|
|
|
|
|
|
|
|
|
|
### 移动端
|
|
|
|
|
|
|
|
|
|
1.侧边栏导航：侧边栏菜单为完整菜单，顶部菜单不渲染，侧边栏为抽屉模式
|
|
|
|
|
|
|
|
|
|
2.顶部导航：设置无效，效果等同于侧边栏导航
|
|
|
|
|
|
|
|
|
|
3.混合导航：设置无效，效果等同于侧边栏导航
|
|
|
|
|
|
|
|
|
|
4.双层侧边栏导航：设置无效，效果等同于侧边栏导航
|
|
|
|
|
|
|
|
|
|
## 侧边栏
|
|
|
|
|
|
|
|
|
|
### 桌面端
|
|
|
|
|
|
|
|
|
|
未设置自动隐藏时，折叠状态依据用户设置
|
|
|
|
|
设置了自动隐藏时，折叠状态无效，侧边栏为抽屉模式
|
|
|
|
|
|
|
|
|
|
当导航模式为*双层侧边栏导航*时，以下设置无效：
|
|
|
|
|
- 折叠
|
|
|
|
|
- 折叠时显示父级
|
|
|
|
|
- 自动隐藏
|
|
|
|
|
|
|
|
|
|
### 移动端
|
|
|
|
|
|
|
|
|
|
侧边栏只能为抽屉模式
|
