Header / Footer 应用标题栏与状态栏
Header 是应用顶部标题栏,显示应用名称、副标题,可选显示时钟;Footer 是应用底部状态栏,自动展示当前绑定的键盘快捷键列表。两者通常成对出现,分别置于布局的最顶部和最底部。
基本用法
Props
Header
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
title | str | "" | 应用标题,设置后同步修改 app.title |
subtitle | str | "" | 应用副标题,设置后同步修改 app.subtitle |
show_clock | bool | False | 是否在标题栏右侧显示当前时间 |
Footer
Footer 没有特殊 Props,自动读取应用中注册的键盘绑定(Binding)并展示在底部。
v-model
Header:无v-modelFooter:无v-model
事件
| 事件 | 说明 |
|---|---|
| — | Header 和 Footer 均无特殊事件 |
带时钟的完整应用布局
动态修改标题示例
通用属性
所有 Textual-vuepy 组件均支持以下属性:
| 属性 | 类型 | 说明 |
|---|---|---|
id | str | 组件 CSS ID |
style | str | TCSS 内联样式 |
class | str | TCSS 类名(空格分隔) |
border_title | str | 边框标题 |
border_subtitle | str | 边框副标题 |