可视化元件手册

  1. 首页
  2. 全部文档
  3. 可视化元件手册
  4. 显示元件(40个)
  5. Label字符标签

Label字符标签

名称:

Label | 字符标签

图标:

功能:

  • 直接以命名名称为显示的字符的一个显示元件
  • 默认是带灰色背景的样式,可以在样式文件中修改背景色或去除背景色
  • 可以添加子元件方式添加固定名称“<On Click>”的行为处理元件,设计一个点击事件逻辑
  • 是HTML中的span标签对象,只是设定了一个label的样式类

使用方式:

用于显示字符

  • 点击放入开发区后命名,用户端显示的就是命名名称,内部的“<Caption>”字符类型变量是固定名称的标题变量,默认存放名称标题用,将一个字符常量连线传值给名称变量定义新名称,此名称也可以由逻辑处理结果变换显示不同内容,参考按钮元件中中类似的用法
  • 可以添加子元件方式添加固定名称“<On Click>”行为处理元件,用来设计点击事件逻辑

样式属性:

  • 属性设置与Pane显示块元件的属性设置一样,在属性中添加“html.style”即可进行样式标签及值的定义
  • 可以使用样式类,在“html.styleClass”属性中设定类名称
  • 样式及样式类定义请参考“前端及样式设计”一章
  • 默认样式类“label”定义的文件是“web\styles\bootstrap”下“029-labels-badges.less”文件,查询“label”即可找到所有样式定义内容,可以修改某些默认的样式为自己的显示风格
    · 比如默认第14行定义字体颜色“color: @white;”,可以修改为自定义的
    · 默认第18行定义字符标签背景颜色“background-color: @grayLight;”,可以修改为空值或直接删除此行内容