span 文本

span 显示简短的文本。可以单独设置样式。

XML 元素

span

Java 类

Span

基本用法

在线示例

与 HTML 中的同名元素一样，span 组件可以用来添加内联文本且设置样式。每个 span 是一个单独的组件，因此样式会应用在 text 属性配置的全部文本上。

使用 html 组件直接添加原生 HTML。

下面的示例将多个 span 元素放在一个列表中，因此一句话的不同部分有不同样式：

<listItem>
    <span classNames="text-semibold" text="Bold text: "/>
    <span text="Use the &lt;b&gt; tag to make text "/>
    <span classNames="text-semibold" text="bold."/>
</listItem>

样式版本

使用 themeNames 属性将该组件设为徽标样式。将 badge 与颜色、强调、形状或尺寸样式名结合使用。

样式 描述 支持的主题

badge

徽标样式。

Aura, Lumo

success, warning, error, contrast

应用语义颜色。

Aura, Lumo

primary

应用主强调色。

Aura, Lumo

pill

将徽标设置为圆角。

Aura, Lumo

small

缩小尺寸。

Aura, Lumo

normal

使用矩形徽标的尺寸。

Aura, Lumo

XML 属性

通用属性 对所有组件都是一样的配置。 下面是 span 的特殊属性：

名称 描述 默认值

themeNames

使用 样式版本 中列出的一个或多个样式。

—

事件和处理器

通用事件和处理器 对所有组件都是一样的配置。 下面是 span 的特殊事件和处理器：

名称 描述

ClickEvent

当用户点击图片时触发。使用 click、singleClick 或 doubleClick 选择点击模式。

参考