

<template>
  <div class="group" :class="{ bg }">
    <slot></slot>
  </div>
</template>
<script>
export default {
  name: "butgroup",
  props: {
    bg: {
      type: Boolean,
      default: true
    }
  }
}
</script>
<style scoped lang="less">
  .group {
    width: 100%;
    text-align: center;
    pointer-events: auto;
    box-sizing: border-box;
    > div {
      margin-left: 24px;
      &:first-child {
        margin-left: 0;
      }
    }
    &.bg {
      background: linear-gradient(90deg, rgba(0, 107, 207, 0) 0%, rgba(0, 107, 207, 0.08) 35%, rgba(0, 107, 207, 0.4) 50%, rgba(0, 107, 207, 0.08) 65%, rgba(0, 128, 247, 0) 100%);
      padding: 16px 0;

    }
  }
</style>
