文字

应用场景

一般用于展示文本类数据、日期、时间等内容

文字组件设计

如 下图 ⬇️ 所示,通过修改文字的相关属性让文字显示不同的字体、大小、颜色等

Tips: 如果只是显示单行文字,一般建议文字组件的高度要比文字内容的字号大6个像素。 如果在调整字体大小时发现数值变小的但显示的文字没变小,是因为浏览器的字体大小限制,到浏览器的设置-外观中找到自定义字体,调整“最小字号”即可。

文字的内容

本地数据

在文字组件的内容中直接输入的数据

其它数据源

如 下图 ⬇️ 所示,通过点击【+】号,引用其它的数据

数据的拼接

Zion 中允许多个数据进行拼接显示,数据拼接的好处就是显示多个样式、位置相同的内容时,可以不用重复设置样式、位置,保证样式、位置的一致性。 如 下图 ⬇️ 所示,“姓名:”属于直接输入的本地数据,“当前用户数据/用户名”属于远程数据,两个数据可以拼接显示。

Web 专有 - SEO H标签

可以为拖入到页面中的【文字组件】设置 SEO H 标签,Zion 提供了 H1 - H6 的标签设置选项

内容的显示格式

文字组件除了能显示文本格式的数据,还能显示除文件、图片、音视频类型之外的其它类型的数据(但能显示文件、图片、音视频的 ID、URL 或者是文件名等内容),并且可以修改显示的格式。

如何修改显示格式

如下图所示,在添加完成的时间数据之后,时间数据为蓝色可点击状态,点击该时间数据,会弹出窗口来选择显示的时间格式。

Copyright © FunctorZ 2024 all right reserved修订时间: 2024-10-12 10:57:53

results matching ""

    No results matching ""