<template>
  <wk-button
    :type="data.type"
    :size="data.size"
    :opacity="data.opacity"
    :disabled="data.disabled"
    :loading="data.loading"
    :icon="data.icon"
    :iconSpin="data.iconSpin"
    :color="data.color"
    :bgColor="data.bgColor"
    :border="data.border"
    :radius="data.radius"
  >
    {{data.context}}
  </wk-button>
</template>
<script>
  import wkButton from '@u51/week-ui-button'
  import '@u51/week-ui-button/lib/index.css'
  export default{
    name: 'LButton',
    props: {
      data: {
        type: Object,
        default: {
          type: 'default',
          size: 'normal',
          opacity: 1,
          disabled: false,
          loading: false,
          icon: '',
          iconSpin: false,
          color: '',
          bgColor: '',
          border: '',
          radius: '',
          context: '按钮'
        }
      }
    },
    data () {
      return {
        msg: 'button'
      }
    },
    components: {
      wkButton
    }
  }
</script>
