[問題] vue3 + element plus 的tip透明度問題已刪文
如影片中所述
透明度在el-table中使用tooltip時 會不受控 請高手支援
在網路上查很久 但都查不到相關資料
------template模板-----
<el-table-column
prop="維修日期時間"
sortable
width="130"
:formatter="formatDate"
:label="dtime()"
>
<template v-slot="scope">
<el-tooltip
class="item"
hide-after="0"
auto-close="0"
popper-class="abcde"
:teleported="false"
>
<template v-slot:content>
<div class="eeeee">
{{ formatDate(scope.row.維修日期時間) }}
</div>
</template>
<div class="tooltip" :formatter="formatDate">
<div>
{{ formatDate(scope.row.維修日期時間) }}
</div>
</div>
</el-tooltip>
</template>
</el-table-column>
<style scoped lang="scss">
:deep(.abcde) {
width: 140px;
background-color: rgb(255, 0, 200) !important;
color: rgb(250, 230, 0);
opacity: 1 !important;
transition: opacity 0ms !important;
font-size: 18px;
padding: 0 5px;
margin-left: -130px;
margin-top: -11px;
z-index: 9999;
.el-popper__arrow {
display: none;
}
}
</style>
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 220.132.228.49 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1718346016.A.5E2.html
※ 編輯: waiter337 (220.132.228.49 臺灣), 06/14/2024 14:28:32
Ajax 近期熱門文章
PTT數位生活區 即時熱門文章