如何用Vue简单快速做抽奖功能?NutUI Bingo这个抽奖组件值得尝试

如何用Vue简单快速做抽奖功能?NutUI Bingo这个抽奖组件值得尝试_第1张图片
京东出品的抽奖组件,12个常用抽奖场景,基于新的Vue3/ts技术构建。

关于 NutUI Bingo

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

如何用Vue简单快速做抽奖功能?NutUI Bingo这个抽奖组件值得尝试_第2张图片

NutUI Bingo 抽奖组件技术特性

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

覆盖12种常见的抽奖组件

如何用Vue简单快速做抽奖功能?NutUI Bingo这个抽奖组件值得尝试_第3张图片

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

如何用Vue简单快速做抽奖功能?NutUI Bingo这个抽奖组件值得尝试_第4张图片

开发上手体验

NutUI Bingo 适用场景

去年 618 我分享了一个抽奖组件 lucky canvas,简单好用。而 NutUI Bingo 是一个更为强大的移动端抽奖组件。

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

相关网址:https://www.thosefree.com/nut...

你可能感兴趣的:(如何用Vue简单快速做抽奖功能?NutUI Bingo这个抽奖组件值得尝试)