<template>
  <view class="button-group" :class="['button-group-'+size]">
    <view
        class="button button-class center"
        :class="[buttonGroupData[item].main?'button-main':'',
          buttonGroupData[item].fail?'button-fail':''
        ]"
        v-for="(item,index) in buttonGroup"
        :key="index"
        @click.stop="pressButton(item)"
    >{{buttonGroupData[item].title}}</view>
  </view>
</template>

<script>
import mixins from './mixins/index';
import props from './props';
export default {
  name: "layout-button-group",
  mixins,
  props
}
</script>

<style scoped lang="scss" src="./style.scss">

</style>