跳到主要内容
版本:v2.0.0-zh

文本

文本小部件可用于显示文本。

信息

用户无法输入和编辑文本。

如何使用文本小部件

特性

文本

此属性设置文本小部件内的内容/文本。使用动态变量 {{queries.datasource.data.text}} 引用您的查询数据,或使用示例值 Text goes here ! 填充它。

显示加载状态

切换 onoff 以显示或隐藏加载状态。您也可以点击它旁边的 Fx 来动态设置值 {{true}}{{false}}。如果值为 true ,则显示加载状态。此属性通常与查询的 isLoading 属性一起使用,以便表格在查询运行时显示微调器。默认值为

一般的

工具提示

当用户将鼠标指针悬停在小部件上时,工具提示通常用于指定有关某事的额外信息。

通用 折叠栏下,您可以设置字符串格式的值。现在将鼠标悬停在小部件上会将字符串显示为工具提示。

ToolJet - 小部件参考 - 文本

布局

在桌面上显示

打开或关闭以在桌面视图中显示小部件。您可以通过单击 Fx 来设置值 {{true}}{{false}} ,以编程方式确定该值。

在手机上显示

打开或关闭以在移动视图中显示小部件。您可以通过单击 Fx 来设置值 {{true}}{{false}} ,以编程方式确定该值。

风格

款式说明
字重您可以通过以下方式更改文本的字体粗细:正常(默认)、粗体、较浅、较粗
文字装饰您可以通过以下方式更改文本装饰:无(默认)、上划线、划线、下划线、上划线下划线
文本转换您可以通过以下方式转换文本:无(默认)、大写、小写、大写
字体样式您可以通过以下方式更改字体样式:正常(默认)、斜体、倾斜
行高您可以通过提供数字作为输入来更改行高(示例 - 1.5)
文字缩进您可以通过提供数字作为输入来更改文本缩进(示例 - 10)
字母间距您可以通过提供数字作为输入来更改字母间距(示例 - 2)
字间距您可以通过提供数字作为输入来更改字母间距(示例 - 2)
字体变体您可以通过以下方式更改文本的字体变体:普通(默认)、小型大写字母、首字母、继承
文字大小默认情况下,文本大小设置为 14。您可以输入 1-100 之间的任何值来设置自定义文本大小。
背景颜色您可以通过输入十六进制颜色代码或从颜色选择器中选择您选择的颜色来更改文本组件的背景颜色。
文字颜色您可以通过输入十六进制颜色代码或从颜色选择器中选择您选择的颜色来更改文本的颜色。
对齐文本您可以通过以下方式对齐小部件内的文本:左对齐、右对齐、居中、对齐

可见性

这是为了控制小部件的可见性。如果为 {{false}},则在部署应用程序后小部件将不可见。它只能有布尔值,即 {{true}}{{false}}。默认情况下,它设置为 {{true}}

禁用

此属性只接受布尔值。如果设置为 {{true}},小部件将被锁定并变得无法使用。默认情况下,它的值设置为 {{false}}

信息

任何在其字段旁边具有 Fx 按钮的属性都可以以编程方式配置