el-tooltip间距调整

Question

在el-table页中要复制el-tooltip中的内容，但是el-tooltip与内容间距有点大，光标还没过去就消失了，不好捕捉，延迟的话，光标快速移动又会出现好多tooltip，所以想将el-tooltip与内容的间距缩小，让光标可以轻松进入提示框中

主要就是想调整气泡与内容的间距

如图所示这个间距

Answer 1

可以使用el-tooltip的popper-class属性，配置自定义类aa，然后aa里面去写，注意style不能写在scoped属性中，需要新开个style

<template>
    <div class="">
        <el-tooltip
            popper-class="aa"
            class="item" effect="dark" content="Bottom Left 提示文字" placement="bottom-start">
            <el-button>下左</el-button>
         </el-tooltip>
    </div>
</template>
<style lang='scss' scoped>
</style>
<style lang='scss'>
.aa {
    transform: translateY(-10px);
}
</style>