图标
图标小部件可用于添加图标(来自图标库)。它支持悬停和单击等事件。
特性
属性 | 说明 | 期望值 |
---|---|---|
图标 | 使用它从可用图标列表中选择一个图标 | 您还可以使用其中的搜索栏来查找图标 |
活动
要添加事件,请单击图标小部件的配置句柄以打开右侧组件抽屉中的小部件属性。转到 Events 部分并单击 + 添加处理程序。
图标小部件支持以下事件:
活动 | 说明 |
---|---|
悬停 | 当光标悬停在图标上时触发此事件 |
点击 | 单击图标时触发此事件 |
就像 ToolJet 上的任何其他事件一样,您可以为上述任何事件设置多个处理程序。
信息
查看 Action Reference 文档以获取有关所有 Actions 的详细信息。
一般的
工具提示:设置工具提示文本以指定用户将鼠标指针移到小部件上时的信息。布局
布局 | 说明 | 期望值 |
---|---|---|
在桌面上显示 | 打开或关闭以在桌面屏幕上显示/隐藏小部件。 | 您可以通过单击 Fx 以设置值 {{true}} 或 {{false}} 来以编程方式确定该值 |
在手机上显示 | 打开或关闭以在移动屏幕上显示/隐藏小部件。 | 您可以通过单击 Fx 以设置值 {{true}} 或 {{false}} 来以编程方式确定该值 |
风格
款式 | 说明 | 期望值 |
---|---|---|
图标颜色 | 您可以通过输入十六进制颜色代码或从颜色选择器中选择您选择的颜色来更改图标小部件的颜色。 | |
能见度 | 这是为了控制小部件的可见性。 | 如果为 {{false}} ,则在部署应用程序后小部件将不可见。 |
箱影 | 此属性向小部件添加阴影。 | 您可以为框阴影属性使用不同的值,例如偏移、模糊、扩散和颜色代码。 |
信息
任何在其字段旁边具有 Fx
按钮的属性都可以以编程方式配置。