多行文本是文字组件的一种,支持自定义设定文本换行,并且配置文本样式、对齐方式、动画等,常用于复杂文本内容的展示。

效果案例

配置

基础属性

组件位置:包括组件的横坐标纵坐标,单位为px;横坐标为组件左上角距离页面左边界的像素距离,纵坐标为组件左上角距离页面上边界的像素距离。

组件尺寸:包括组件的宽度高度,单位为px;可单击比例锁锁定组件宽高比,等比例调整组件的宽高。再次单击进行解锁,解锁后宽高比不受限制。比例锁默认不锁定。

旋转:以组件的中心为中心点,进行旋转,单位为度(°)。手动输入角度值,控制组件的旋转角度;

  • 单击图标,控制组件左右翻转样式;
  • 单击图标,控制组件上下翻转样式。

透明:取值范围为0~100%。为0%时,组件隐藏;为100%时,组件完全显示。默认为100%。

组件属性

文本样式

对文本样式按需修改,可配置其字体、字号、颜色、字体粗细和字间距;

对齐方式

多行文本组件的文本内容在组件框内的对齐方式。

居左:

居中:

居右:

首行缩进

多行文本组件的文本段落的第一行从左向右缩进的距离。

行距

文本内容每行之间的间距。

文本滚动

多行文本组件的文本内容溢出组件框时是否滚动播放显示。启用后如果文本内容溢出组件框,会自动滚动播放。关闭开关,如果文本内容溢出组件框,显示出纵向滚动条,需要滑动鼠标查看溢出的文本内容。当文本内容滚动播放显示时,鼠标移入组件,暂停滚动播放,显示出纵向滚动条,可滑动鼠标查看文本内容。

单次滚动:滚动显示完文本内容单次所用的时间。文本滚动开启时,显示出该配置项。

数据

组件数据格式

字段 说明
text 必填,字符型,文本内容。

静态数据-JSON数据案例

[
    {
        "text": "商业智能和低代码开发平台的用户需求广泛,市场空间巨大,且会越来越受欢迎;乐创者经过长期的技术积累和功能完善,对开发人员所设置的门槛很低,不仅满足最终用户的个性化需求,更加重要的是让合作伙伴都能够具备开发能力;乐创者志在成为商业智能和低代码开发平台国产软件中的佼佼者,需要与合作伙伴共赢和共同成长,则势必要给予合作伙伴更多的尊重,给予合作伙伴更加广阔的盈利空间,以及提供更加及时、有效的技术服务支撑。"
    }
]

交互

该组件没有交互事件。

作者:倪  创建时间:2023-06-05 10:36
最后编辑:倪  更新时间:2025-02-07 17:25