倒计时 v1.0.0
简单倒计时模块,支持后台配置标题、时间和背景图片
2026-01-14 更新日志
  • 新增:支持上传多张背景图片,前台随机展示
  • 优化:前台显示改为全屏居中布局
  • 优化:增强视觉效果,使用背景图片和渐变
  • 新增:提供可复用组件 CountdownView::render()
  • 初始版本发布,支持基础倒计时功能
倒计时

倒计时模块 📅✨

介绍

嘿,小伙伴们!这个简单的倒计时模块,让你轻松创建美观的倒计时页面。你可以在后台设置标题、结束时间和背景图片,前台就能看到全屏的倒计时效果哦!🎉

功能亮点 🌟

  • 标题设置:在后台轻松配置倒计时标题,让它更有个性!
  • 时间配置:设置倒计时结束的时间,精确到秒。
  • 背景图片:上传多张漂亮的背景图片,前台会随机展示一张,增加视觉效果。
  • 全屏展示:前台页面全屏居中显示倒计时,超级醒目!
  • 组件复用:提供可复用的组件,其他模块也能轻松调用。

如何使用? 🚀

  1. 安装模块:先安装这个倒计时模块。
  2. 后台配置:进入后台,找到 倒计时 -> 设置,输入标题、时间和上传背景图片。
  3. 查看效果:访问前台页面 /countdown,欣赏你的倒计时作品吧!

组件调用 📋

其他模块想用倒计时功能?没问题!用以下代码调用:

// 使用默认配置(系统会用后台设置的参数)
{!! \Module\Countdown\View\CountdownView::render() !!}

// 自定义参数(比如活动名称和结束时间)
{!! \Module\Countdown\View\CountdownView::render('新年倒计时', '2026-12-31 23:59:59') !!}

注意事项 ⚠️

  • 确保时间格式正确,比如 2026-12-31 23:59:59
  • 背景图片建议用高清大图,效果更棒!
  • 如果倒计时结束,页面会显示“时间到啦!”的提示。

希望这个模块帮你创造精彩的倒计时体验!如果有问题,随时问我哦。😊

QQ
微信
客服