fix: layout overflow style (#5066)
parent
b75a8e6a2b
commit
0fc0f13064
|
@ -18,15 +18,15 @@ outline: deep
|
||||||
|
|
||||||
### Props
|
### Props
|
||||||
|
|
||||||
| 属性名 | 描述 | 类型 | 默认值 |
|
| 属性名 | 描述 | 类型 | 默认值 | 说明 |
|
||||||
| --- | --- | --- | --- |
|
| --- | --- | --- | --- | --- |
|
||||||
| title | 页面标题 | `string\|slot` | - |
|
| title | 页面标题 | `string\|slot` | - | - |
|
||||||
| description | 页面描述(标题下的内容) | `string\|slot` | - |
|
| description | 页面描述(标题下的内容) | `string\|slot` | - | - |
|
||||||
| contentClass | 内容区域的class | `string` | - |
|
| contentClass | 内容区域的class | `string` | - | - |
|
||||||
| headerClass | 头部区域的class | `string` | - |
|
| headerClass | 头部区域的class | `string` | - | - |
|
||||||
| footerClass | 底部区域的class | `string` | - |
|
| footerClass | 底部区域的class | `string` | - | - |
|
||||||
| autoContentHeight | 自动调整内容区域的高度 | `boolean` | `false` |
|
| autoContentHeight | 自动调整内容区域的高度 | `boolean` | `false` | - |
|
||||||
| fixedHeader | 固定头部在页面内容区域顶部,在滚动时保持可见 | `boolean` | `false` |
|
| ~~fixedHeader~~ | ~~固定头部在页面内容区域顶部,在滚动时保持可见~~ | `boolean` | `false` | 待实现 |
|
||||||
|
|
||||||
::: tip 注意
|
::: tip 注意
|
||||||
|
|
||||||
|
|
|
@ -503,7 +503,7 @@ function handleHeaderToggle() {
|
||||||
|
|
||||||
<div
|
<div
|
||||||
ref="contentRef"
|
ref="contentRef"
|
||||||
class="flex flex-1 flex-col transition-all duration-300 ease-in"
|
class="flex flex-1 flex-col overflow-hidden transition-all duration-300 ease-in"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
:class="[
|
:class="[
|
||||||
|
|
|
@ -19,8 +19,8 @@ interface Props {
|
||||||
* 根据content可见高度自适应
|
* 根据content可见高度自适应
|
||||||
*/
|
*/
|
||||||
autoContentHeight?: boolean;
|
autoContentHeight?: boolean;
|
||||||
/** 头部固定 */
|
/** 头部固定(暂未实现) */
|
||||||
fixedHeader?: boolean;
|
// fixedHeader?: boolean;
|
||||||
headerClass?: string;
|
headerClass?: string;
|
||||||
footerClass?: string;
|
footerClass?: string;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue