原来的样式
自定义样式以后的弹出框
popper-class=“area_popper” 给弹出框添加类名,设定自定义样式
.area_popper{
background-color: #3d4451!important;
border-radius: 6px!important;
opacity: 0.9!important;
font-size: 12px!important;
color: #ffffff!important;
padding: 0!important;
transform: translateY(12px);
}
.showText{
margin: 8px;
}
.popper__arrow::after{
border-top-color: #3d4451!important;
}
样式要写到全局样式表中
自定义弹出的位置,要用到 transform平移和子自身的一个偏移量属性offset结合使用,达到预期效果;之前一直在考虑用定位,一直没有成功