<template>
  <div id="app">

      <mu-toptip
        :tip-type="type"
        :tip-content="content"
        :open="show"
        icon-active-class='normal_icon_acitve'
        full-width @close-toptip="hideTip"
        icon-color="#fff" size="20"></mu-toptip>
        <button @click="toggleToptip">单击我</button>
  </div>
</template>
<script>

  import TopTip from 'muse-ui/topTip';

  export default {
    name:'toptip',
    data(){
      return {
        show:false,
        type:'success',
        content:'哈哈哈哈'
      };
    },
    methods:{
      hideTip(){

      },
      toggleToptip(){
        this.show = true;
      }
    },
    components:{
      'mu-toptip':TopTip
    },
  }
</script>
