当前时间与滚动条联动

简介：

    实现一个默认展示当前时间且可通过滚动条展示；通过按钮或标题切换（展示为标题）滚动条控制时间的功能。地址：https://workspace.easyv.cloud/shareScreen/eyJzY3JlZW5JZCI6MjQ3NzgwMX0=?timeStamp=18caabde2cc 《时间百分比条关联》

实现逻辑：

    通过选项卡组件驱动标题组件（展示时间）、滚动条的数据更新展示，并通过标题（或开关）来发送回调控制是时间控制滚动条或是滚动条控制时间的功能。

小功能：

    （1）过滤器获取当前时间

    （2）通过选项卡实现数据更新

    （3）形状组件阻挡点击与拖拽

具体实现：

    1.所需组件:选项卡（实现数据更新）、标题*3（展示时间和开关）、时间轴（杭州东站）（滚动条）、形状组件（阻挡滚动条的点击和拖动）、数据容器（设置初始状态）。

    2.选项卡。

    （1）开启自动轮播功能，并设置间隔时长为1s（获取时间展示为1s）。

    （2）添加参数回调，匹配动作为状态改变，状态改变包括点击、选项卡自动轮播、数据更新选项卡状态等的情况。故自动轮播+状态改变回调可实现数据每1s发送（上述设置时间）。注：此处的发送为实现数据更新功能，故每个的s值应不相同，相同不会触发更新。

    3.时间轴（杭州东站）。添加过滤器，实现当enabled为true时，展示当前时间；当enabled为false时，展示滚动条发出的时间。注：回调别忘添加

    （1）s回调，选项卡发出，为实现数据更新功能

    （2）enabled回调，开关或标题发出，为实现时间控制滚动条或滚动条控制时间的功能

    4.形状组件。阻挡时间轴的点击与拖动

    （1）设置形状组件位置为时间轴上方，描边关闭，颜色设置透明。

    （2）添加自定义事件，事件类型为点击效果。（不添加不会阻挡点击拖动）

    5.标题开关。静态数据添加enabled字段，通过点击发送回调来控制是时间控制滚动条或滚动条控制时间的功能。添加自定义事件控制形状组件的显示隐藏。

    （1）滚动条控制时间

    （2）时间控制滚动条

    6.标题。添加过滤器，实现展示当前时间的功能。当enabled为true时，展示当前时间；当enabled为false时，展示滚动条发出的时间。注：回调别忘添加

    （1）s回调，选项卡发出，为实现数据更新功能

    （2）enabled回调，开关或标题发出，为实现时间控制滚动条或滚动条控制时间的功能

    （3）time_num回调，滚动条发出，为实现滚动条控制时间时功能

    7.数据容器。设置初始状态（功能可加入到初始设置，为方便理解，拆分）。

    （1）发送默认回调enabled为true

    （2）添加自定义事件让形状组件显示