文本|飞书低代码平台

文本|飞书低代码平台

飞书低代码平台手册精选NaN-NaN-NaN
产品功能
概述
文本组件能够在页面上展示文本信息,是页面展示类组件中最基础的组件。
使用说明
(一)配置属性
内容
  • 支持手动输入展示文本的内容,输入后,画布区实时同步。可拖动输入框调整高度
  • 如果需要配置多语文本,可以点击 icon 后输入英文
  • 文本组件支持绑定动态数据的能力,支持插入公式/变量。
例如展示当前用户的姓名,由于不同用户的姓名不同,因此该内容无法手动输入,点击内容配置项的变量 icon,可绑定需要展示的变量。绑定后会展示已绑定的变量
250px|700px|reset
最大展示行数
  • 当需要展示的文本很多时,可以根据需要设置最大展示的行数
250px|700px|reset
  • 设置后,在 runtime 下,超出行数的内容会被截断,hover 省略号有全部内容提示
250px|700px|reset
image.png
250px|700px|reset
image.png
显隐设置
显隐设置,控制组件在应用中的显示条件。
  • 始终显示:不添加显示条件,始终显示。
  • 满足条件时显示:添加条件,符合条件时才可在应用中显示,多用作权限管理。
250px|700px|reset
image.png
多端适配设置
可设置「仅桌面端展示」、「仅移动端展示」,因此,同一页面在不同终端,可以实现功能、样式的差异化。
关于双端适配功能请查看帮助文档:页面的双端适配
250px|700px|reset
image.png
(二)样式设计
文本组件样式支持配置:尺寸、间距、位置、文本、背景、边框、阴影,其中文本可以设置颜色、字号、字重、行高、对齐、字形等属性。关于样式设计的通用能力,点击查看:页面布局与样式设计
250px|700px|reset
image.png
(三)配置事件
文本组件支持配置“点击时”事件,以实现点击文本后执行某个动作。关于事件动作的使用说明,点击查看:页面事件与动作说明
250px|700px|reset
image.png
使用示例
案例:在数据表格中呈现复杂信息
  1. 在表格容器的自定义列中拖入文本组件,并拼接不同的变量字段,从而组成一条完整的重要动态信息。
250px|700px|reset
image.png
  1. 预览效果如下
250px|700px|reset
image.png
先进生产力和业务协同平台
联系我们立即试用

先进团队,先用飞书

欢迎联系我们,飞书效能顾问将为您提供全力支持
分享先进工作方式
输送行业最佳实践
全面协助组织提效
文本|飞书低代码平台
先进生产力和业务协同平台
联系我们立即试用
联系我们立即试用