introducir
Al usar los componenteselement-ui
en el marco , debe modificar el ícono de cierre predeterminado en la ventana emergente; como se muestra en la figura a continuación: el izquierdo es el que desea reemplazar; el derecho es el ícono de cierre predeterminado del componente ;el-dialog
analizar
Al verificar los elementos del componente, se encuentra que el cierre predeterminado del componente es un icono, se muestra en forma de icono.
Luego puede CSS
ocultar el icono actual; luego establecer su imagen de fondo en el cuadro principal del icono actual para introducir nuestra imagen correspondiente.
el código
El código central es el siguiente:
.el-dialog__headerbtn {
background: url("~/assets/images/close-dialog.png");
background-size: cover;
height: 20px;
width: 20px;
i {
display: none; // 在这里隐藏弹窗默认的关闭图标
}
}
Nota: El componente predeterminado en la ventana emergente es cerrado, es un icono, lo que agregamos background
configurando es una imagen, no es un icono;