主题
pageViewBus 页面视图
基础示例
可通过 title 属性设置页面标题,模板中内置了刷新按钮,可通过 show-refresh 属性控制是否显示刷新按钮。
拖拽调整宽度
通过右侧边框可拖拽调整页面宽度,可以使用 default-width、 min-width、 max-width 属性设置默认宽度、最小宽度、最大宽度。同时可通过 resize-line-style、 resize-line-class 属性设置宽度调整线的样式。
Props
| 参数名 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| title | 页面标题 | string | - |
| info | 页面信息 | string | - |
| show-refresh | 页面刷新按钮显隐 | boolean | true |
| defaultWidth 1.2.1 | 默认宽度,单位为px | number | 250 |
| maxWidth 1.2.1 | 最大宽度,单位为px | number | - |
| minWidth 1.2.1 | 最小宽度,单位为px | number | - |
| resize-line-style 1.2.1 | resize线条样式 | object | - |
| resize-line-class 1.2.1 | resize线条类名 | string | - |
| preview-line-style 1.2.1 | 拖拽预览线条样式 | object | - |
| preview-line-class 1.2.1 | 拖拽预览线条类名 | string | - |
Events
| 事件名 | 描述 | 类型 |
|---|---|---|
| refresh | 页面刷新事件 | Function |
Slots
| 插槽名 | 描述 | 参数 |
|---|---|---|
| header | 页面头部插槽 | - |
| default | 页面默认内容插槽 | - |
| footer | 页面底部插槽 | - |