支付宝小程序营销组件 砸金蛋·hit-eggs

红包在各个金蛋之间移动，用户需要快速反应，点击红包所在金蛋进行砸蛋抽奖。

更多详细信息请参见 代码市场。

扫码体验

示例代码

安装

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

注册

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

调用

<!-- .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('砸金蛋结束', index);
    if (this.data.times >= 3) {
      this.setData({
        disabled: true,
      });
    }
  }
});

属性