直接跳到内容

Header / Footer 应用标题栏与状态栏

Header 是应用顶部标题栏,显示应用名称、副标题,可选显示时钟;Footer 是应用底部状态栏,自动展示当前绑定的键盘快捷键列表。两者通常成对出现,分别置于布局的最顶部和最底部。

底层:Textual Header · Textual Footer

基本用法

Props

属性类型默认值说明
titlestr""应用标题,设置后同步修改 app.title
subtitlestr""应用副标题,设置后同步修改 app.subtitle
show_clockboolFalse是否在标题栏右侧显示当前时间

Footer 没有特殊 Props,自动读取应用中注册的键盘绑定(Binding)并展示在底部。

v-model

  • Header:无 v-model
  • Footer:无 v-model

事件

事件说明
Header 和 Footer 均无特殊事件

带时钟的完整应用布局

动态修改标题示例

通用属性

所有 Textual-vuepy 组件均支持以下属性:

属性类型说明
idstr组件 CSS ID
stylestrTCSS 内联样式
classstrTCSS 类名(空格分隔)
border_titlestr边框标题
border_subtitlestr边框副标题
Header / Footer 应用标题栏与状态栏已经加载完毕