计数器组件(文档)

计数器组件,用于突出显示有里程碑的数据,通过动画效果突出数值对访客有更强的吸引力及加深对站点的印象。

点击查看”示例和视频操作” >>

 

1,如何插入设计组件

只需从左侧的组件控制面板【常规组件】中 ,选中计数器组件后点击鼠标左键拽住并拖放到编辑面板处即可,如下图所示

 

 

2,内容选项卡

2.1,计数器-模块设置如下图,开始设置计数器的内容如下

(1)开始数字:起始的滚动的数值,比如下图从1000开启

(2)接收数字:停止的滚动的数值 ,比如下图数值滚动到20000后停止滚动。

(3)数字前缀:数值会填充在数字之前,通常这个项目留空作为保留项存在。

(4)数字后最:数值会填充在数字之后,如下图的“+”号

(5)动画持续时间:从开始数字滚动到结束数字所用的时间

(6) 分割器:千分号后可以用“,”或“ ”空格让数字更直观

(7) 标题:计数器的标题,如下图的“网站服务”

 

 

3,样式选项卡

3.1,数字-样式设置模块, 在这里您可以设置数字的颜色及字体尺寸,参考下图

 

 

3.2,数字前缀-样式设置模块, 在这里您可以设置“前缀数据”的颜色及字体尺寸,间隔,参考下图 的绿色字体”客户“

 

 

3.2,数字后缀-样式设置模块, 在这里您可以设置“后缀数据”的颜色及字体尺寸,间隔,参考下图 的蓝色字体”+“

 

 

3.3,标题-样式设置模块,在这里您可以为标题设置样式如:颜色,字体大小,对齐方向等,请参考下图的 深蓝色的字体”网站服务“

 

 

 

恭喜你已完成当前组件的学习,感谢阅读。

 

 

评论

数据加载中...
数据加载中...

产品标题

剩余 0

购买数量
- +
确认删除?
扫一扫分享到微信朋友圈

立刻分享给好友

点击屏幕右上角将本页面分享给好友

知道了