ElNotification({ message: errorMessage, dangerouslyUseHTMLString: true, type: 'warning', customClass: 'my-notification-warning' // 添加自定义类名 }) 怎么设置背景色填充整个 Notification 区域。
时间: 2024-03-12 09:45:43 浏览: 84
vue-toast-notification:Vue.js的另一个Toast Notification插件
你可以在 `my-notification-warning` 类名下使用 `background` 属性设置背景颜色,同时也需要设置 `padding` 属性使背景色填充整个 Notification 区域。
```
.my-notification-warning {
background: #ff4949;
}
.my-notification-warning .el-notification__content {
color: #ffffff;
padding: 20px; // 设置padding,使背景色填充整个 Notification 区域
}
```
在上面的代码中,我设置了 `background` 属性为红色,同时设置了 `padding` 属性为 20px,使背景色填充整个 Notification 区域。你可以根据自己的需求调整这些属性的值。
阅读全文