原来的样式

在这里插入图片描述

自定义样式以后的弹出框

在这里插入图片描述

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结合使用,达到预期效果;之前一直在考虑用定位,一直没有成功

GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:1 个月前 )
c345bb45 5 个月前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 5 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐