<template>
    <div class="pop" :style="getStyle()">
        <p>模块类型：{{name}}</p>
        <p>示例：{{example}}</p>
    </div>
</template>

<script>
  export default {
    name: "QCTipPop",
    props: ['name','example','top','left','show'],
    data() {
      return {
        getStyle(){
            return {
                top:(this.top-481)+"px",
                left:(this.left-10)+"px",
                display:this.show?"block":"none"
            }
        }
      }
    }
  }
</script>
<style lang="less" scoped>
    .pop{
        position: absolute;
        border: 1px solid #c0c4cc;
        padding: 5px 10px;
        border-radius: 5px;
        background: #fff;
        font-size: 12px;
        line-height: 22px;
        z-index: 99;
        width: 300px;
        height: 295px;
        word-break: break-all;
        overflow: auto;
    }
</style>