<template>
  <div>
    <button :type="type" :class="['btn', 'btn_default', 'btn_block', {'btn-disable':disable}]"  @click.stop.prevent="handleClick">{{btnText}}</button>
  </div>
</template>

<script>
export default {
  name: 'mu-raised-button',
  props: {
    type: {
      type: String,
    },
    btnText: {
      type: String,
    },
    disable:{
      type: Boolean,
      default: false
    },
    type:{
      type: String,
      default: ''
    }
  },
  create:function(){
  },
   methods: {
    handleClick () {
    console.log(9999)
      if(!this.disable){
        this.$emit('btnClick', event);
      }
    }
  },
}
</script>

<style lang="less" scoped>
.btn.btn_block {
    display: block;
    width: 100%;
    font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, STHeitiSC, sans-serif;
    line-height: 36px;
    line-height: 2.25rem;
}
.btn.btn_default {
    min-width: 70px;
    min-width: 4.375rem;
    padding: 4px 15px;
    padding: .25rem .9375rem;
    font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, STHeitiSC, sans-serif;
    font-size: 20px;
    line-height: 24px;
    line-height: 1.5rem;
    color: #fff;
    background-color: #1687d9;
    border-radius: 2px;
    border-radius: .125rem;
    -webkit-box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, .3);
    box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, .3);
    height: 50px;
}
.btn {
    position: relative;
    z-index: 6;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 10px 0;
    margin: .625rem 0rem;
    overflow: hidden;
    font-family: inherit;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background: 0 0;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    border: 1px solid transparent;
    outline: transparent;
}
.btn-disable{
    opacity: 0.6;
}
label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {
    cursor: pointer;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button, input {
    line-height: normal;
}
button, input, select, textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle;
    outline: 0;
}
button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
}
button, select {
    text-transform: none;
}
button, input {
    overflow: visible;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
}
[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button;
}
button, select {
    text-transform: none;
}
button, input {
    overflow: visible;
}
button, input, select, textarea {
    font: inherit;
    margin: 0;
}
</style>
