更新时间:2024-07-11 GMT+08:00
分享

文本

文本编辑器组件,用于在页面插入文字。

在高级页面设计器中,单击,从“文本 > 通用”中,拖拽“文本”组件到画布中,如图1所示。

图1 文本

属性

在属性中,设置文本组件的位置、边框、背景等。

图2 属性
  • 基础
    • 组件标题:设置组件的标题。
    • 组件名称:设置组件的名称。
  • 位置
    • 距离左端:组件到页面左侧的距离,单位为px。
    • 距离顶端:组件到页面顶部的距离,单位为px。
    • 宽度:组件的宽度,单位为px。
    • 高度:组件的高度,单位为px。
    • 堆叠顺序:设置层叠显示顺序。组件的堆叠顺序默认都是“1”,数字越大,显示越靠前。当需要让组件置底时,可设置堆叠顺序为“0”。
    • 自适应高度:组件的高度是否随宽度改变。
  • 边框:设置组件的边框样式,如全边框或角边框。
  • 背景
    • 样式:设置背景的样式,如普通、居中、拉伸等。
    • 图片链接:背景图片URL。
    • 颜色:设置背景的颜色。
  • 自定义属性列表 > 展示溢出文本:允许文本超出组件的容器。

高级设置

在高级设置中,选择设置的文本内容,在出现的配置弹窗中,可进行是否加粗、是否倾斜、字号、字体、文本颜色、背景颜色、对齐方式等配置。

图3 编辑器中文本配置

另外,若需要在文本中设置变量,变量值来自文本组件数据桥接器中的配置。若配置为静态数据,变量值取自“outDatas”中配置的数据。

可变参数下标请从0开始,变量样式为“{0}”,预览页面后效果为“变量值”。带转义符“\”的变参不会被替换,例如文本组件内容为“\{1}{1\}{\1}”,预览页面后效果为“{1}{1}{1}”。连续两个转义符时,则第二个转义符失效,变参会被替换,例如文本组件内容为“\\{2}”,预览页面后效果为“\变量值”。

图4 文本中变量配置
图5 预览页面效果

数据

在数据中,设置组件的数据来源。更多介绍,请参见如何调用后台接口

图6 设置组件数据

事件

在事件中,可查看组件可配置的事件列表。更多关于事件的介绍,请参见初识事件-动作

图7 设置事件

相关文档