el-popover修改样式
子页面修改失效原因:el-popover是和app同级el-popover的样式class也是el-popover,el-popover生成的div不在当前组件之内,和App.vue组件的div平级,所以需要设置全局style。在App.vue里添加样式.el-popover {position: absolute;background: rgba(22,38,94...
·
子页面修改失效原因:el-popover是和app同级
el-popover的样式class也是el-popover,el-popover生成的div不在当前组件之内,和App.vue组件的div平级,
所以需要设置全局style。
在App.vue里添加样式
.el-popover {
position: absolute;
background: rgba(22,38,94,1) !important;
min-width: 73%;
width: 100%;
border: 0px solid #EBEEF5;
padding: 12px;
z-index: 2000;
margin-right: 55px;
color: white;
line-height: 1.4;
text-align: justify;
font-size: 14px;
box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
word-break: break-all;
}
.el-popper[x-placement^=top] .popper__arrow::after {
bottom: -0.2px;
margin-left: -6px;
border-top-color: rgba(22,38,94,1) !important;
/*border: 1px solid #16265E;*/
/*border-bottom-width: 0;*/
/*border-width: 6px;*/
}
能力不足水平有限
有问题别说脏话
来学习交流就好
有问必答
email:1848199654@qq.com
更多推荐
已为社区贡献4条内容
所有评论(0)