📌 项目介绍
Qing Pay UI 是一个 轻量级、响应式的在线支付 UI 界面，适用于 个人 / 商家支付系统、在线充值、订单付款 等场景。
基于 Tailwind CSS + JavaScript，提供 直观的支付交互、订单轮询检测、二维码生成，无需数据库，可快速集成至任意支付 API（微信 / 支付宝 / USDT）。
🔥 项目特点
- 💰 多金额选项 & 自定义输入
- 📱 响应式 UI，适配 PC & 移动端
- 🔗 生成微信 & 支付宝支付二维码
- ⏳ 订单实时轮询检测
- 🎨 现代 Tailwind UI 设计
- 🚀 极速加载 & 动画交互优化
🎨 功能亮点
✅ 1. 现代 UI 设计
- 🎨 Tailwind CSS 设计，简洁高效
- 🔠 Google Fonts (
Kanit) 自定义字体 - 🔄 平滑加载动画 & 交互效果
- 📱 适配移动端，不调用系统原生下拉菜单
✅ 2. 智能支付系统
- 💰 多金额选项（¥10 ~ ¥100）
- ✏ “其他金额” 支持自定义输入
- 💳 微信支付 & 支付宝一键切换
- 🔗 自动生成支付二维码
- 🏷 “无法扫码?” 直接跳转支付链接
✅ 3. 订单轮询 & 状态检测
- 🔄 自动轮询订单状态
- ✅ 订单支付成功后自动跳转
- ⏳ 轮询间隔
3s，高效检测支付结果
✅ 4. 交互 & 动效优化
- 🔄 二维码加载动画
- 🎭 按钮点击状态反馈
- 🖱 鼠标光标增强
- 📌 自定义
select下拉列表
🛠 部署教程
© 版权声明
THE END
暂无评论内容