<!--  -->
<template>
  <div class="">
    <PTips :showHelp="true" v-bind="config"></PTips>
    <PTips :showHelp="true" v-bind="config1"></PTips>
    <PTips :showHelp="true" v-bind="config2"></PTips>
    <PTips :showHelp="true" v-bind="config3"></PTips>
    <PTips :showHelp="true" v-bind="config4"></PTips>
    <PTips :showHelp="true" v-bind="config5"></PTips>
  </div>
</template>

<script>
export default {
  // import引入的组件需要注入到对象中才能使用
  name: 'tip',
  components: {},
  props: {
    // handA: {
    //   type: String,
    //   required: true,
    //   default: '100'
    // }
  },
  data() {
    // 这里存放数据
    return {
        config:{
            type:'error',
            tips:'config',
            isShowIcon:true,
            iconType:'loading',
            iconTheme:'outlined',
            isShowIconBorder:false,
            showBorder:true
        },
        config1:{
            type:'warning',
            tips:'config1',
            isShowIcon:true,
            iconType:'loading',
            iconTheme:'filled',
            isShowIconBorder:false,
            showBorder:true
        },
        config2:{
            type:'info',
            tips:'config2',
            isShowIcon:true,
            iconType:'smile',
            iconTheme:'outlined',
            isShowIconBorder:false,
            showBorder:true
        },
        config3:{
            type:'',
            tips:'config3',
            isShowIcon:true,
            iconType:'setting',
            iconTheme:'outlined',
            isShowIconBorder:false,
            showBorder:true
        },
        config4:{
            type:'',
            tips:'config4',
            isShowIcon:true,
            iconType:'check-circle',
            iconTheme:'twoTone',
            isShowIconBorder:false,
            showBorder:true
        },
        config5:{
            type:'',
            tips:'config5',
            isShowIcon:true,
            iconType:'heart',
            iconTheme:'twoTone',
            isShowIconBorder:false,
            showBorder:true
        },
    };
  },
  // 监听属性 类似于data概念
  computed: {},
  // 监控data中的数据变化
  watch: {},
  // 生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  // 生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
  // 方法集合
  methods: {},
  }
</script>
<style lang='less' scoped>
</style>