[TOC] # 名称: Label | 字符标签 # 图标: ![](https://box.kancloud.cn/7e239c24e8c88fade6a1c1ee3c6ca70f_22x22.PNG =35x35) # 功能: * 直接以命名名称为显示的字符的一个显示元件 * 默认是带灰色背景的样式,可以在样式文件中修改背景色或去除背景色 * 可以添加子元件方式添加固定名称“<**On Click**>”的行为处理元件,设计一个点击事件逻辑 * 是HTML中的span标签对象,只是设定了一个label的样式类 # 使用方式: ## 用于显示字符 * 点击放入开发区后命名,用户端显示的就是命名名称,内部的“<**Caption**>”字符类型变量是固定名称的标题变量,默认存放名称标题用,将一个字符常量连线传值给名称变量定义新名称,此名称也可以由逻辑处理结果变换显示不同内容,参考按钮元件中中类似的用法 * 可以添加子元件方式添加固定名称“<**On Click**>”行为处理元件,用来设计点击事件逻辑 ## 样式属性: * 属性设置与Pane显示块元件的属性设置一样,在属性中添加“html.style”即可进行样式标签及值的定义 * 可以使用样式类,在“html.styleClass”属性中设定类名称 * 样式及样式类定义请参考“[前端及样式设计](./1118751)”一章 * 默认样式类“label”定义的文件是“web\styles\bootstrap”下“029-labels-badges.less”文件,查询“label”即可找到所有样式定义内容,可以修改某些默认的样式为自己的显示风格 · 比如默认第14行定义字体颜色“color: @white;”,可以修改为自定义的 · 默认第18行定义字符标签背景颜色“background-color: @grayLight;”,可以修改为空值或直接删除此行内容