el-dialog 头部样式修改

文章讲述了如何在ElementPlus库中使用`custom-class`属性为Dialog对话框添加自定义样式,以隐藏头部并调整对话框的布局。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<el-dialog v-model="dialogVisible" custom-class="self-dialog" title="Tips" width="80%"></el-dialog>

注意:不需要scoped.

原因:custom-class  Dialog 的自定义类名 可以实现局部修改,不会影响全局样式
Dialog 对话框 | Element Plus

<style lang="scss">
.self-dialog {
	margin:7.5vh auto;
	height: 85vh;
	overflow: auto;
	.el-dialog__header{
		display: none !important;
	}
}
</style>

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值