vivomedia/neos-countup

Neos CMS 组件和 NodeType 用于 CountUp.js

维护者

详细信息

github.com/VIVOMEDIA/neos-countup

源代码

问题

安装数: 1,302

依赖项: 0

建议者: 0

安全: 0

星级: 2

关注者: 2

分支: 0

公开问题: 0

语言:JavaScript

类型:neos-plugin

2.1.0 2023-07-24 15:51 UTC

Requires

MIT a486eafddb2088b2f51070c0ab8ca5b320e747ab

This package is auto-updated.

Last update: 2024-09-24 18:33:26 UTC

README

Latest Stable Version Total Downloads License

VIVOMEDIA Count Up 插件 for Neos CMS

它提供的内容

Neos CMS 的节点类型，以便轻松添加 CountUp 动画数字事实。您可以配置动画的开始和结束及其持续时间。

CountUp 动画在元素达到用户视口时开始。

依赖项

  • 需要安装 jQuery 2.x。但可以轻松替换为其他框架。
  • countUp.js 包含在此软件包中。

安装

通过 composer 安装

composer require vivomedia/neos-countup

配置

如果您想添加自己的 JS 实现，可以使用此配置防止自动包含。

VIVOMEDIA:
  CountUp:
    javascript:
      include: false

使用

节点类型

您可以使用 VIVOMEDIA.CountUp:CountUp 节点类型将 CountUp 功能添加到您的网站。该节点类型可以通过 neos 属性检查器进行配置。

AFX 组件

AFX 组件 VIVOMEDIA.CountUp:CountUpComponent 允许您将 CountUp 功能集成到自己的软件包中。

特性

  • 动画
    • 起始数字
    • 结束数字
    • 毫秒持续时间
  • 内容
    • 前缀
    • 后缀
  • 格式
    • 千位分隔符
    • 小数分隔符
    • 小数位数

从 1.0 升级

由于默认的千位分隔符 , 已被移除并设置为可配置，如果您想保留 , 作为分隔符或想使用空分隔符，则需要运行节点迁移。

# Migrate 1000000 => 1,000,000
./flow node:migrate 20230626175747

# Migrate 1000000 => 1000000
./flow node:migrate 20230627125821

屏幕截图

检查器

Inspector

示例

Inspector

版权

countUp.js

此软件包使用 countUp.js 库。感谢作者 inorganik。

仓库: https://github.com/inorganik/countUp.js

isInViewport

此软件包使用 isInViewport 函数。感谢作者 Chris Ferdinandi