<template>
  <el-tooltip placement="top">
    <template slot="content">
      <p class="tip-popover">{{ text }}</p>
    </template>
    <!-- icon-xinxixianshi -->
    <i class="iconfont icon-QuestionCircleOutlined"></i>
  </el-tooltip>
</template>

<script>
export default {
  name: 'tip',
  props: {
    text: String
  }
};
</script>

<style scoped>
i {
  margin-left: 5px;
  font-size: 13px;
  color: #909399;
}
.tip-popover {
  max-width: 400px;
  color: #ffffff;
}
</style>
