docs: add layout draft, refine changelog styles

one/docs/changelog.vue

@@ -295,9 +295,13 @@ h2
       content "§"
 
   a
+    display inline-flex
+    align-items center
     color #333 !important
 
   small
+    display inline-flex
+    align-items center
     font-size 14px
 
     &::before

one/docs/components/layout.md

@@ -0,0 +1,43 @@
+# Layout <small>Layout</small>
+
+:::tip
+`Layout` 组件需要配合 [`Header`](./header) / [`Sidebar`](./sidebar) / [`Footer`](./footer) / [`Content`](./content) 组件使用。
+:::
+
+## 示例
+
+### 基础布局
+
+`Layout` 组件支持多种典型布局。
+
+// TBD
+
+<!-- [[ demo src="/demo/layout/basic.vue" ]] -->
+
+### 收起侧边栏
+
+`Sidebar` 组件通过 [`collapse-mode`](./Sidebar#props-collapse-mode) 属性支持两种收起模式，分别是 `slim`（部分收起）/`hidden`（完全收起）。
+
+// TBD
+
+<!-- [[ demo src="/demo/layout/sidebar.vue" ]] -->
+
+### 吸顶/吸底布局
+
+`Header` / `Sidebar` / `Footer` 组件均支持通过 `sticky` 属性设置吸顶/吸底。
+
+// TBD
+
+<!-- [[ demo src="/demo/layout/sticky.vue" ]] -->
+
+## API
+
+### 属性
+
+// TBD
+
+### 插槽
+
+| 名称 | 描述 |
+| -- | -- |
+| ``default`` | 布局内容，可以是 [`Header`](./header) / [`Sidebar`](./sidebar) / [`Footer`](./footer) / [`Content`](./content) 组件或嵌套使用 `Layout` 组件。 |