如何使用数字滚动组件？

一、什么是数字滚动组件？

数字滚动组件是一个在页面加载到当前位置时数字不断滚动增加展示效果的模块，一直滚动增加到显示最终显示的数字时静止。

数字滚动组件适用于网页上任何需要展示数字的地方，比如用真实的数字展示公司的实力，比如我是一家软件型公司，我可以用如下形式展示：118700 开发者、141100 代码行、16707400 下载量，实现页面的动态交互

【应用示例】

二、如何使用数字滚动组件？

 

1、如何查看数字滚动组件是否已经存在？

如果你的页面上已经有这个组件了，就不需要再添加，直接根据需要进行相关操作就可以（具体操作见下文所述）；

如果你的页面上需要这个组件，但是还没有添加，就需要先添加这个组件了；怎么判断页面上有没有这个组件？单击查看如何查看某一块内容是使用什么组件制作的？

 

2、如何添加数字滚动组件？

在页面上添加组件的方法都是一样的，单击查看如何添加组件？

添加的组件名称为“数字滚动”，如下图所示：

 

3、如何设置数字滚动组件？

3.1 进入组件的“设置”分两种场景

1）此组件已经添加好的场景：进入所有这类组件设置项方法都是一样的，可以参考这个攻略：如何进入组件的设置项？

2）新添加的组件的场景：在添加此组件时会弹出这个组件的的设置话框。

3.2 在组件的设置中可以设置组件展示的内容

输入数字：在此输入显示在页面上的数字；

输入单位：在此输入显示在数字旁边的文字，比如单位等；

3.3 在组件的设置中可以设置组件展示的风格

选择展示样式：单击“风格”切换到风格标签，灰色方块为显示文字的位置，UNIT为显示单位的位置；

设置数字样式，具体设置内容如下：

字体大小：拖动小按钮可以调整数字文字字号；

字体颜色：单击下拉小箭头可以选择数字字体颜色；

背景颜色：单击下拉小箭头可以选择数字的背景颜色；

设置单位样式，具体设置内容如下：

字体大小：拖动小按钮可以调整单位文字字号；

字体颜色：单击下拉小箭头可以选择单位字体颜色；

背景颜色：单击下拉小箭头可以选择单位的背景颜色；

3.4 保存组件设置的内容或风格

设置好数字滚动组件的内容和风格后，单击设置框右下方的“保存”按钮，以保存所设置的内容。

4、保存、预览、发布

设置好以上内容以后要单击页面右上角的“保存”按钮，目的是把此修改保存到网站后台；

然后可以单击“预览”按钮查看不同终端下展示的效果，如果不合适可以到后台再做修改；

如果需要让访客也看到，请单击页面右上角的“发布”按钮，发布之后稍等两分钟左右即可看网站前台展示效果。