搭骨架
左侧栏布局
Sidebar Layout
「左边菜单右边内容」「侧边栏布局」「后台常用双栏结构」「左导航布局」
LIVE DEMO真实可交互，动手试试
总览
词条
对比
设置
词条工作台
本周新增 18 个组件词条
待补 Demo
6
已上线
74
最近更新
- • FAQ demo 改成真实问答
- • Header 增加首页导航
- • Hero 图换成真实预览图
- 英文名
- Sidebar Layout
- 别名 · 俗称
- 左侧导航布局侧边栏结构左菜单右内容
- Web 叫法
- Sidebar Layout
- 大白话定义
- 把层级导航固定在左侧，把主要工作内容放在右侧的页面结构，适合文档、后台和复杂工具。
- 部位拆解
- 侧栏 Sidebar承载导航、筛选或模块切换
- 内容区 Main右侧主要工作区域
- 分隔边界 Divider拉开导航和内容的视觉层次
提示词已按当前平台组织好，复制粘贴给 AI 即可
Web
做一个左侧栏布局（Sidebar Layout）：左侧固定菜单，右侧内容区可滚动，当前菜单高亮，支持折叠侧栏
调试 Prompt组件不听话时用——把症状补在末尾一起发给 AI
调试我的左侧栏布局（Sidebar Layout）。逐一排除：侧栏宽度压得太窄导致标题换行；内容区没有独立滚动；当前态不明显；小屏仍强行保留双栏。症状是：