vue3怎么清除el-dialog的边距
时间: 2023-11-18 18:54:52 浏览: 130
dialog去除边框代码
4星 · 用户满意度95%
在Vue3中清除el-dialog的边距可以通过以下步骤实现:
1. 在el-dialog的class中添加一个自定义的class,例如no-margin-dialog。
2. 在全局CSS文件中定义no-margin-dialog的样式,将margin设置为0。
3. 在el-dialog中添加no-margin-dialog类,以应用新的样式。
代码示例:
<el-dialog class="my-dialog-name no-margin-dialog" title="提示" :visible.sync="centerDialogVisible" width="30%" center>
<span>dialog内容</span>
<span slot="footer" class="dialog-footer">
<el-button @click="centerDialogVisible = false">取消</el-button>
<el-button type="primary" @click="centerDialogVisible = false">确定</el-button>
</span>
</el-dialog>
在全局CSS文件中添加以下样式:
.no-margin-dialog {
margin: 0;
}
阅读全文