README

描述

该包 AnimatedCounter 是一个用于向你的Web应用程序添加动画计数器的解决方案，使用 Livewire 和 Alpine.js 开发。此包允许集成一个计数器，它可以平滑地增加其值，为你的Laravel应用程序提供更动态和吸引人的用户体验。

特性

动态计数器：以平滑和渐进的方式增加计数器的值。
可定制配置：允许设置目标值、增量步长和动画持续时间。
与Livewire集成：使用Livewire来管理计数器的值并实时更新它。
平滑动画：使用Alpine.js执行计数器值的流畅动画，提升用户视觉体验。
响应式和可定制：与现代设计实践兼容，易于集成到使用Tailwind CSS或其他CSS框架的Laravel应用程序中。

要求

Laravel 8或更高版本
Livewire
Alpine.js

安装

要安装此包，请使用Composer

composer require adriandev/animated-counter
Después de instalar el paquete, sigue estos pasos para completar la configuración:

Publicar los activos del paquete (si es necesario):

php artisan vendor:publish --provider="AdrianDev\AnimatedCounter\AnimatedCounterServiceProvider"

Agregar el componente Livewire a tu vista Blade:

<div>
//target count  numero el cual aumenta 
    <livewire:animated-counter :targetCount="100" />
</div>

devdrian / livewire-countup

维护者

详情

README