分享
倒计时组件
输入“/”快速插入内容
倒计时组件
飞书用户4212
飞书用户7389
2024年7月30日修改
文档作者
The Fool
关于作者
https://github.com/RavenHogWarts
https://space.bilibili.com/343113645
简介
倒计时组件
是一种计时工具,可以计算从当前时刻到预设的结束时间点的剩余时长,按照设置的时间格式显示,并自动更新。
特性
1.
支持重复倒计时,可以按“天、周、月、年”重复。
2.
可以自定义显示的时间单位,如“年月日”、“时分秒”、“月时分”等。
3.
支持 显示/隐藏 设置的结束时间。
4.
支持通用样式修改,包括边框、阴影、背景颜色、文字颜色。
5.
支持添加图片,可以选择显示在左边,或者设为背景图(自动模糊)。
设置项说明
1.
设置结束时间(必选),点击日历图标可以在时间选择器中选取时间,或者在时间框直接输入。
2.
设置是否重复计时(可选)。
3.
设置显示的时间单位(必选),支持任意显示“年月日时分秒”六种时间单位。
4.
设置是否显示结束时间(可选),结束时间不能晚于当前时刻才会显示。
5.
样式设置中,颜色支持“RGBA、HSLA、HSE”三种格式(A为不透明度)
案例
关于组件的创建教程,请查看
创建组件文件
更多组件案例,请查看
组件库
,筛选组件类型包含“倒计时”的组件。
计时距下一个假期还有多久(手动)
此案例为
地球Online
组件的拆分。
基础设置
根据节假日时间手动设置结束时间,显示时间单位选择“月日时”,勾选显示结束时间,这样组件就基本设置好了。
样式设置
然后来设置组件的样式,设置是否显示边框和阴影,设置背景颜色为
#A394F3D5
,设置字体颜色为
#FFFFFFFF
。
颜色的选取,可以通过颜色选择器手动调制,也可以手动输入“RGBA、HSLA、HEX”,三者的切换可以点击图示按钮。