Text 文字

文本的常见操作

基础用法

由 type 属性来选择 Text 的类型。

省略

通过 truncated 属性，在文本超过视图或最大宽度设置时展示省略符。 通过 line-clamp 属性控制多行的样式

自定义颜色和字体大小

通过自定义 css 属性 来更改 Text 组件的字体颜色和大小

可用的 CSS 变量

通过暴露的 CSS 变量可以修改其组件的部分样式

点击代开

:host {
  --swc-text-color: var(--swc-text-color-regular, #606266);
  --swc-text-font-size: var(--swc-font-size, 14px);
}

Props

属性名	说明	类型	可选值	默认值
type	类型	string	primary/success/warning/danger/info	-
truncated	超出显示省略号	boolean	-	-
line-clamp	行数	number	-	-