style(ui): 内容区四角改为直角

内容区原来只有左上角 12px 圆角、左下角是直角,看着不统一;去掉 .main 和 .top 的左上角圆角。
设计规范 §5.3、UI demo 和原型的样式同步修改。

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
YANG JIANKUAN
2026-11-05 12:23:40 +08:00
parent 3a7e3d7f3f
commit 9f1a79ae03
4 changed files with 11 additions and 11 deletions

View File

@@ -207,7 +207,7 @@
┌──────┬────────────────────────────────────────────────────┐
│ 侧栏 │ 顶栏(透明):公司 / 页面 搜索 │ 额度 · 通知 │
│ 96px ├────────────────────────────────────────────────────┤
│ logo │╭ 内容区(浅灰底,左上角 12px 圆角压在侧栏深色上) │
│ logo ││ 内容区(浅灰底,四角直角,直接贴着侧栏) │
│ 菜单 ││ │
│ … ││ 页面内容(三种主布局见下) │
│ 头像 ││ │
@@ -229,7 +229,7 @@
- 顶栏不用深色,避免和侧栏连成一个「门」字形边框。
**内容区**:
- 浅灰底 `--bg-page`,左上角 12px 圆角,压在侧栏的深色上。
- 浅灰底 `--bg-page`,四角都是直角,直接贴着侧栏(2026-11-05 改:原为左上角 12px 圆角,只有左上角圆、左下角是直角,看着不统一)。
- 页面左右内边距 32px,1400px 以下为 24px。
| 布局 | 页面 | 结构 |