添加数字计数器.

学习 DXPR Builder搭建页面添加内容数据与动效

访客滚动到时向上计数的数字,可带前缀、后缀和分隔符。用它突出关键数字,如服务人次或交付项目数。

数字计数器显示 250000+,逗号千分位分隔符

添加数字计数器

登录后打开页面:悬停内容区即出现构建器控件。您的第一页介绍基础操作。

  1. 悬停列,点击其控制栏中的 +;空白页面请点击 Add Elements。打开 Content 选项卡并点击 Number counter。它落在列顶部,设置对话框打开。
  2. 输入计数终点 End 数字,只用数字。这里用 250000。
  3. 添加 Suffix,如加号。
  4. 选择 Thousands separator。这里选择 Comma。
  5. 以毫秒设置 Speed。数值越大计数越慢。这里拖到约 3000,即 3 秒。
  6. 点击对话框中的 Save。再点击内容区顶部工具栏中的 Save 保存页面。

您会看到的内容

数字数到您输入的终点,带后缀和分隔符。视频中它 3 秒数到 250000+。

计数只跑一次,在计数器进入视野时。编辑器中关闭对话框后立即跑。要再看一次,请把计数器放到首屏下方,打开已保存的页面并向下滚动。保存并发布页面后访客可见。

设置您的数字计数器

悬停元素,在其控制栏打开 More > Settings。选项:

  • Start: 计数的起点数字。默认为 0。
  • End: 计数的终点数字。默认为 100。
  • Font size: 数字大小,单位像素。默认为 30。
  • Speed: 计数用时,单位毫秒。默认为 2000。
  • Thousands separator: 千分位组之间的 None、Comma、Dot 或 Space。
  • Prefix: 数字前的文本,如 $ 或 €。
  • Suffix: 数字后的文本,如 % 或 +。

如果看不到它

  • Content 选项卡中没有 Number counter。 您的用户档案隐藏了它。请管理员勾选 Counter(Elements 下,用户档案)。
  • 重新加载后消失。 页面未保存。请重新添加并点击内容区顶部工具栏中的 Save。
  • 数字停在 100。 End 仍是默认值。请悬停元素打开 More > Settings,输入您自己的数字。
  • 数字出现但不计数。 它在视野中时已经数过,可能就在页面加载后。Preview 不会重启。请把计数器放到首屏下方,重新加载已保存的页面并向下滚动。
  • 页面仍显示旧数字。 修改未保存。请点击内容区顶部工具栏中的 Save,再重新加载。

接下来做什么?

样式选项卡:改变数字计数器的间距和背景。