计数器组件,用于突出显示有里程碑的数据,通过动画效果突出数值对访客有更强的吸引力及加深对站点的印象。
1,如何插入设计组件
只需从左侧的组件控制面板【常规组件】中 ,选中计数器组件后点击鼠标左键拽住并拖放到编辑面板处即可,如下图所示
2,内容选项卡
2.1,计数器-模块设置如下图,开始设置计数器的内容如下
(1)开始数字:起始的滚动的数值,比如下图从1000开启
(2)接收数字:停止的滚动的数值 ,比如下图数值滚动到20000后停止滚动。
(3)数字前缀:数值会填充在数字之前,通常这个项目留空作为保留项存在。
(4)数字后最:数值会填充在数字之后,如下图的“+”号
(5)动画持续时间:从开始数字滚动到结束数字所用的时间
(6) 分割器:千分号后可以用“,”或“ ”空格让数字更直观
(7) 标题:计数器的标题,如下图的“网站服务”
3,样式选项卡
3.1,数字-样式设置模块, 在这里您可以设置数字的颜色及字体尺寸,参考下图
3.2,数字前缀-样式设置模块, 在这里您可以设置“前缀数据”的颜色及字体尺寸,间隔,参考下图 的绿色字体”客户“
3.2,数字后缀-样式设置模块, 在这里您可以设置“后缀数据”的颜色及字体尺寸,间隔,参考下图 的蓝色字体”+“。
3.3,标题-样式设置模块,在这里您可以为标题设置样式如:颜色,字体大小,对齐方向等,请参考下图的 深蓝色的字体”网站服务“。
恭喜你已完成当前组件的学习,感谢阅读。
评论