时钟组件用于在应用内显示本机当前的时间。本文介绍组件的详细配置方法。

应用示例

使用时钟组件显示当前时间。

时钟

步骤一:添加组件

  1. 创建Web应用。具体操作,请参见创建Web应用
  2. 在Web应用编辑器中,单击最左侧的组件图标组件
  3. 在画布左侧组件列表上方,输入时钟,找到该组件,然后将组件拖拽到中间画布。

    有关组件添加的更多信息,请参见组件

    时钟组件

步骤二:配置样式

  1. 在右侧样式中,完成数据展示样式的配置。
    配置项 描述
    展示格式 选择时钟组件展示的时间格式。可选:
    • 日期时间:显示为日期和具体时间,精确到秒。格式为:yyyy-MM-dd hh:mm:ss
    • 时间:仅显示时间,格式为:hh:mm:ss
    • 日期:仅显示日期,格式为:yyyy-MM-dd
    文字样式 设置时钟展示内容的字号(支持输入自定义值)、颜色、粗细。支持配置数据源,详细内容请参见文字
    背景颜色 设置时钟背景展示颜色和边框。

    时钟组件默认带背景。如果想要去掉背景,可将背景颜色不透明度设置为0。

    支持绑定数据源进行使用,详细内容请参见矩形

    边框
  2. 调整组件在页面中的最终位置。有关组件通用样式配置的更多信息,请参见样式配置

步骤三:配置交互动作

  1. 选中组件的交互页签,配置事件和交互动作。具体操作请参见交互配置
    例如,点击组件,执行动作刷新组件,指定刷新某组件展示的内容。
  2. 单击页面右上方的预览,预览和调试组件展示的数据和效果。