NutUI Bingo:助力双十一 京东抽奖游戏组件库

科技   2024-10-29 17:00   湖北  

NutUI-Bingo 是一个丰富的移动端抽奖组件库,可以帮助开发者快速实现各种抽奖活动,增加用户参与度和互动性。

NutUI-Bingo 包含 12 个组件:
摇一摇:可配置红包、手机震动、回调函数等。
娃娃机:可配置奖品列表、速度、指定奖品等。
摇骰子:可配置骰子速度、指定中奖数字等。
你藏我猜:可配置交换次数、速度、回调函数等。
幸运大转盘:大转盘滚动抽奖,可配置奖品、样式等。
跑马灯:跑马灯转动抽奖,可配置奖品、样式等。
九宫格:九宫格抽奖,可配置奖品、图片等。
刮刮卡:多种场景模式,支持比例、背景等配置。
幸运大礼盒:开箱子场景,支持图片、事件回调等。
摇奖机:可配置转动圈数、时间、事件回调等。
砸金蛋:可配置金蛋数量、图片大小等。

红包雨:可配置红包雨数量,事件回调等。

组件使用:

// 按需使用
import { createApp } from "vue";
import App from "./App.vue";
import { Turntable } from "@nutui/nutui-bingo";
import "@nutui/nutui-bingo/dist/style.css";
createApp(App).use(Turntable).mount("#app");

功能和特性:

基于 NutUI:NutUI-Bingo 是构建在 NutUI 之上的,NutUI 是京东推出的移动端 Vue 组件库。

高度可配置:每个组件都允许灵活的自定义设置,包括奖品列表、速度、样式等,满足不同场景的需求。

互动性:组件支持手机震动、回调函数等互动功能,增强用户体验。

组件设计:遵循京东 APP 10.0 的视觉规范,确保与京东品牌形象一致,提供良好的用户体验。
文档说明:提供全面的文档和示例代码,帮助开发者快速上手和理解每个组件的用法和配置。
TypeScript:组件库支持 TypeScript,提供类型定义,增强代码的可维护性和可读性。

《前端资源推荐》公众号收集各种前端组件 UI 框架、JS 插件工具、中后台系统模板、动画库、低代码、可视化资源、开源项目、学习资源、特效源码等,如有其他优秀资源,欢迎发消息投稿,感谢点赞、在看、转发、关注!!!

GitHub:https://github.com/jdf2e/nutui-bingo

官方文档:https://nutui.jd.com/bingo/index.html#/
其他推荐:
Vue Draggable Plus:支持多种拖拽方式的组件库
600+ CSS Loading 动画加载器 

Vuetify:谷歌 Material 风格 响应式 UI 组件库

GitHub 56k+ Star AI 项目 截图就能生成前端代码
Tesseractjs:OCR 前端识别提取图像文本字符
美呆了!纯前端技术实现 Web 原神启动
Geeker Admin:基于 Element Plus 中后台管理系统

shadcn/ui:复制就能使用 GitHub 高颜值 UI 组件库

前端资源推荐
推荐分享各种前端组件UI、插件工具、中后台系统、低代码、可视化、开源项目、学习资源、特效源码等
 最新文章