自定义el-dialog的样式
自定义dialog的样式,修改element的组件
·
1、默认dialog的样式,居中对其的状态是这样的
2、项目需求是这样我们需要自定义的样式,上下边框,以及圆角:
3、代码修改属性部分,在项目中直接修改不生效,可以加上deep属性来穿透改变,因为vue项目中style样式中都有scoped的,所以也不会影响其他页面的内容
// 修改弹框边框圆角
/deep/.el-dialog.el-dialog--center {
border-radius: 8px;
}
// 去掉弹框内容的默认padding值
/deep/.el-dialog--center .el-dialog__body {
padding: 0px;
text-align: center;
}
更多推荐
已为社区贡献4条内容
所有评论(0)