支付寶小程序營銷組件 砸金蛋·hit-eggs

紅包在各個金蛋之間移動，用戶需要快速反應(yīng)，點擊紅包所在金蛋進(jìn)行砸蛋抽獎。

更多詳細(xì)信息請參見 代碼市場。

掃碼體驗

示例代碼

安裝

npm i ant-mini-hit-eggs --save

注冊

//.json
{
  "usingComponents": {
    "hit-eggs": "ant-mini-hit-eggs/es/hit-eggs/index"
  }
}

調(diào)用

<!-- .axml -->
<view>
  <hit-eggs
    onStart="onStart"
    onFinish="onFinish"
    disabled="{{disabled}}"
  />
</view>undefined

//.js
Page({
  data: {
    disabled: false,
    times: 0
  },
  onStart () {
    console.log('開始砸金蛋', index);
    this.setData({
      times: ++this.data.times,
    })
  },
  onFinish () {
    console.log('砸金蛋結(jié)束', index);
    if (this.data.times >= 3) {
      this.setData({
        disabled: true,
      });
    }
  }
});

屬性