layout-button-group.vue 570 B

12345678910111213141516171819202122232425
  1. <template>
  2. <view class="button-group" :class="['button-group-'+size]">
  3. <view
  4. class="button button-class center"
  5. :class="[buttonGroupData[item].main?'button-main':'']"
  6. v-for="(item,index) in buttonGroup"
  7. :key="index"
  8. @click.stop="pressButton(item)"
  9. >{{buttonGroupData[item].title}}</view>
  10. </view>
  11. </template>
  12. <script>
  13. import mixins from './mixins/index';
  14. import props from './props';
  15. export default {
  16. name: "layout-button-group",
  17. mixins,
  18. props
  19. }
  20. </script>
  21. <style scoped lang="scss" src="./style.scss">
  22. </style>