<el-tooltip
v-if="row.explanation && row.explanation.length > 10"
popper-class="tableTypePopperClass"
effect="light"
:content="row.explanation"
placement="bottom"
>
<span ref="tableMemberType" class="typeClass">
{{ row.explanation }}
</span>
</el-tooltip>
// 箭頭樣式是通過兩個樣式疊加形成的，內部的三角形，及外部的邊線，
// 所以想要修改小三角的樣式需要同時修改內三角及外邊線的樣式
// 修改外邊線的樣式
.tableTypePopperClass[x-placement^=bottom] .popper__arrow{
border-bottom-color: #EBEEF5!important;
}
// 修改內三角的樣式
.tableTypePopperClass[x-placement^=bottom] .popper__arrow:after {
border-bottom-color: #FFF!important;
}
// 修改tooltip 從頂部彈出時 箭頭的樣式
.tableTypePopperClass[x-placement^=top] .popper__arrow{
border-top-color: #EBEEF5!important;
}
.tableTypePopperClass[x-placement^=top] .popper__arrow:after {
border-top-color: #FFF!important;