及砸金蛋活動，我們都會想到之前風靡一時的“非常6＋1”砸金蛋節目，其強大的大眾磁性共鳴效應有目共睹。

砸金蛋活動常用于我們的日常生活中，比如新店開張、樓盤節日促銷活動等，這項活動操作起來簡單粗暴，參與性強，趣味玩法，可以烘托氛圍，提高用戶參與的熱情。隨著互聯網的發展，越來越多的電商平臺也開始進行”砸金蛋“的活動，比如購物成功的顧客可以參與砸金蛋活動，回饋新老客戶。

砸金蛋活動亮點：

1、砸金蛋具有很強的趣味性、互動性、以及神秘感，可以激起人們的好奇心。

2、砸金蛋的活動簡單粗暴，很容易被大眾所接受。

3、砸金蛋活動很有新意，商家可以自行設置金蛋里面的獎品，可選的獎品范圍廣泛。

4、砸金蛋活動與商場折扣券、優惠券相結合，這種玩法，商家不僅可以提高銷售，還可以提高復購率，加強用戶對品牌的認知度、信任感。

5、砸金蛋活動可以營造活動氣氛，提高商場的活躍度。

砸金蛋活動設置：

功能路徑：

Niushop 商城后臺——營銷——會員互動——砸金蛋

后臺操作演示：

Niushop商城有多年電商系統開發經驗，為企業搭建新零售電商平臺，覆蓋PC端、小程序、APP、微商城等多個終端，覆蓋線上線下多個渠道，幫助傳統零售轉型升級，打造新零售的互聯網商業模式。

東出品的抽獎組件，12個常用抽獎場景，基于新的Vue3/ts技術構建。

關于 NutUI Bingo

NutUI Bingo 是由京東 NutUI 前端團隊出品的一款基于 NutUI + Vue 3 的抽獎組件庫，用于快速開發營銷活動和小游戲場景的抽獎玩法。

NutUI Bingo 抽獎組件技術特性

• 一共包含 12 種抽獎組件
• UI 設計基于京東 APP 10.0 視覺規范
• 官網提供詳盡的文檔和充足的代碼示例
• 基于 Vue 3.0，也支持 TypeScript，支持按需引入
• 便捷靈活的自定義設置

覆蓋12種常見的抽獎組件

1. TurnTable 大轉盤抽獎
2. Marquee 跑馬燈抽獎
3. SquareNine 九宮格抽獎
4. ScratchCard 刮刮卡抽獎
5. GiftBox 神秘大禮盒
6. LottoRoll 搖獎機
7. Hiteggs 砸金蛋
8. GiftRain 紅包雨
9. LuckShake 搖一搖
10. DollMachine 娃娃機
11. ShakeDice 搖骰子
12. GuessGift 你藏我猜

每個組件都可以自由的配置，支持設置獎品池、中獎獎品、自定義樣式等，提供開始、結束等回調函數，還可以調整動畫的時間、運轉頻率等。

開發上手體驗

安裝

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-turntable
  class="turntable"
  :prize-list="prizeList"
  :turns-number="turnsNumber"
>
</nutbig-turntable>

NutUI Bingo 適用場景

去年 618 我分享了一個抽獎組件 lucky canvas，簡單好用。而 NutUI Bingo 是一個更為強大的移動端抽獎組件。

NutUI Bingo 主要用于 H5 場景，適用的業務場景很廣，比如新注冊的用戶活動任務類的互動；日常促銷，在結算完成商品后進行抽獎；逢年過節等推出的促銷活動等等。

關注我，持續分享高質量的免費開源、免費商用的資源。

↓↓點擊查看本次分享的網址。

NutUI Bingo - 基于 Vue 3.0 的移動端抽獎組件，由京東前端團隊打造｜那些免費的磚