NutUI Bingo - 基于 Vue 3.0 的移动端抽奖组件，由京东前端团队打造

NutUI Bingo 是由京东 NutUI 前端团队出品的一款基于 NutUI + Vue 3 的抽奖组件库，用于快速开发营销活动和小游戏场景的抽奖玩法。

NutUI-Bingo - 移动端Vue抽奖组件库

NutUI Bingo 抽奖组件技术特性

一共包含 12 种抽奖组件
UI 设计基于京东 APP 10.0 视觉规范
官网提供详尽的文档和充足的代码示例
基于 Vue 3.0，也支持 TypeScript，支持按需引入
便捷灵活的自定义设置

覆盖12种常见的抽奖组件

TurnTable 大转盘抽奖
Marquee 跑马灯抽奖
SquareNine 九宫格抽奖
ScratchCard 刮刮卡抽奖
GiftBox 神秘大礼盒
LottoRoll 摇奖机
Hiteggs 砸金蛋
GiftRain 红包雨
LuckShake 摇一摇
DollMachine 娃娃机
ShakeDice 摇骰子
GuessGift 你藏我猜

12个抽奖组件

每个组件都可以自由的配置，支持设置奖品池、中奖奖品、自定义样式等，提供开始、结束等回调函数，还可以调整动画的时间、运转频率等。

开发上手体验

安装

npm i @nutui/nutui-bingo

引入

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

快速开发一个抽奖大转盘

// 引入组件
import { createApp } from 'vue';
import { Turntable } from '@nutui/nutui-bingo';
const app = createApp();
app.use(Turntable);// 在页面中使用
<nutbig-turntableclass="turntable":prize-list="prizeList":turns-number="turnsNumber"
>
</nutbig-turntable>

NutUI Bingo 适用场景

NutUI Bingo 是一个更为强大的移动端抽奖组件。

NutUI Bingo 主要用于 H5 场景，适用的业务场景很广，比如新注册的用户活动任务类的互动；日常促销，在结算完成商品后进行抽奖；逢年过节等推出的促销活动等等。

NutUI Bingo - 基于 Vue 3.0 的移动端抽奖组件，由京东前端团队打造相关推荐

Element 2.6.0 发布，基于 Vue 2.0 的桌面端组件库
开发四年只会写业务代码,分布式高并发都不会还做程序员? Element 2.6.0 发布了,Element 是一套为开发者.设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库,提供了配套设 ...
vue可视化拖拽生成工具_vdesjs: 基于vue的可视化拖拽，代码生成工具。提升前端开发效率，或者集成至项目作为在线拖拽工具。（持续迭代升级中）...
vdesjs 介绍 vdesjs是一款基于vue技术栈,可视化拖拽,代码生成工具.我们提供详细的文档来帮助您理解我们工具的实现原理,并且您可以方便的基于vdesjs来扩展您自己的代码生成组件. 技术选 ...
Muse-UI（基于 Vue 2.0 和 Material Desigin 的 UI 组件库）
基于 Vue 2.0 和 Material Desigin 的 UI 组件库,Muse UI 拥有40多个UI 组件,用于适应不同业务环境.Muse UI 自定义主题方式极为优雅,仅需少量代码即可完成 ...
一个基于vue和element-ui的树形穿梭框组件
el-tree-transfer 简介因为公司业务使用vue框架,ui库使用的element-ui.在市面上找到一个好用的vue树形穿梭框组件都很难,又不想仅仅因为一个穿梭框在element-ui之 ...
基于vue 2.x的移动端网页弹窗插件wc-messagebox（支持Alert，Confirm，Toast，Loading）
参考文档:GitHub - helicopters/wc-messagebox: 基于 Vue 2.0 开发的 Alert, Toast, Confirm 插件, UI仿照 iOS 原生 ①安装插件: ...
使用 Vue 2.0 实现服务端渲染的 HackerNews
Vue 2.0 支持服务端渲染 (SSR),并且是流式的,可以做组件级的缓存,这使得极速渲染成为可能.同时, 和 2.0 也都能够配合 SSR 提供同构路由和客户端 state hydration.v ...
Naive UI - 火热出炉！基于 Vue 3.0/TypeScript 的免费开源前端 UI 组件库
非大厂 KPI 项目!开源三天就收获 800 Star,还获得 Vue 作者尤雨溪的官方推荐. 关于 Naive UI Naive UI 是一款基于当前比较新的 Vue 3.0/TypeScript ...
PrimeVue - 基于 Vue 3 的免费开源、定制性强的前端 UI 组件库
来自国外的一个优秀的前端 UI 组件库,基于 Vue 3 很有特色,值得研究学习和上手使用. PrimeVue 介绍 PrimeVue 是一套非常优秀的 Vue UI 组件库,支持 Vue 3 的 w ...
基于vue和elementUI封装框选表格组件
前言:主要是 table 表格框选功能实现功能如下: 表格框选功能右键操作功能(删除.查看.编辑) 分页功能表头分类筛选功能回显功能(显示默认选中数据) 排序功能行禁用不可选功能不说废话, ...
calendar vue日期选择组件基于 vue 2.0高性能日历组件（vue2-datepick）
一.点击文本框,选择日期,把日期赋值到文本框中. 二.日期组件使用 1.安装vue2-datepick npm install vue2-datepick --save 2.初始化,在main.js中 ...