小程序封装组件简单案例，所有小程序适用（传入参数、外抛事件、传入样式）

Component({
  // 支持外部传入class
  externalClasses: ['iclass'],
  data: {
  },
  properties: {
  },
  methods: {
    handleJoinGroup (e) {
      // 外抛事件
      this.triggerEvent('joinChange', e)
    }
  }
})

{
  "component": true, // 组件必须配置
  "usingComponents": {}
}

<button
    class="iclass"
    open-type="joinGroup"
    group-id="xxxxxxxxx"
    bindjoingroup="handleJoinGroup"
>
    <!-- 支持组件显示外部内容 -->
    <slot />
</button>

const app = getApp()
Page({
  data: {
  },
  onLoad: function () {
    console.log('Welcome to Mini Code')
  },
  handleJoinGroup(e) {
    console.log(e.detail)
  }
})

{
    "usingComponents": {
        "group-button": "../group-button/index"
    }
}

<view class="intro">
    <group-button iclass="btn" bindJoinChange="handleJoinGroup">加入粉丝群</group-button>
</view>