Skip to content

动态文本(也可以叫数据文本)

在 HFLVComp 组件库中,包含数据文本动态时间数据状态三种组件,用于满足动态展示文本内容的需求。

数据文本

与静态文本类似,但增加了数据绑定及相关配置,支持根据数据源动态刷新显示内容。

数据文本示意图

属性配置

配置说明
值类型支持字符串、数值、时间三种类型
单位显示数值时,末尾是否附带单位符号
空值展示当数据为空时,自定义展示的占位内容
提示框默认开启,鼠标悬停时展示详细信息(通常包含数值及其对应的时间)
提示框主题提示框的样式主题(如暗色、亮色等)
提示框位置提示框相对鼠标的显示位置(如上、下、左、右)

数据配置

配置说明
取值缓存与数据缓存对象中的某个 Key 绑定,用于获取数值数据
取时缓存若数值与时间在同一缓存对象中,可不配置;否则单独指定时间数据的绑定对象
解析数值从绑定对象中解析数值时使用的 Key
解析时间从绑定对象中解析时间时使用的 Key
取色缓存与数据缓存对象中的某个 Key 绑定,用于获取颜色规则
文字颜色从绑定对象中解析文字颜色的 Key,通常为规则值,再根据动态规则转换为实际颜色
背景颜色从绑定对象中解析背景颜色的 Key,通常为规则值,再根据动态规则转换为实际颜色
右键菜单配置右键菜单的选项内容

动态时间

与静态文本类似,但绑定了当前系统时间,支持自动刷新显示。

动态时间示意图

数据状态

与数据文本类似,但不展示具体数值,而是通过圆形状态点的颜色来反映数据状态。

数据状态示意图

基于 VitePress 构建