this.$confirm如何添加CSS样式
时间: 2023-08-11 20:03:38 浏览: 836
要为`this.$confirm`添加CSS样式,您可以使用以下两种方法之一:
方法一:使用`customClass`属性
您可以在`this.$confirm`的配置对象中使用`customClass`属性来添加自定义类名,然后在CSS样式表中定义相应的样式。
示例代码:
```javascript
this.$confirm('是否立即删除该类型邮件?删除后不会影响用户已经收到的邮件,删除的模版数据无法找回。', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
customClass: 'my-confirm-style'
});
```
在CSS样式表中定义类名为`my-confirm-style`的样式:
```css
.my-confirm-style {
/* 添加您的自定义样式 */
background-color: #f0f0f0;
color: #333;
}
```
方法二:使用内联样式
您可以直接在`this.$confirm`的配置对象中使用`showCancelButton`和`showConfirmButton`属性来添加内联样式。
示例代码:
```javascript
this.$confirm('是否立即删除该类型邮件?删除后不会影响用户已经收到的邮件,删除的模版数据无法找回。', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
showCancelButton: true,
showConfirmButton: true,
cancelButtonStyle: 'background-color: #f0f0f0; color: #333',
confirmButtonStyle: 'background-color: #f0f0f0; color: #333'
});
```
在上述代码中,您可以通过设置`cancelButtonStyle`和`confirmButtonStyle`属性来添加内联样式。
请根据您的需求选择适合您的方法,并根据自己的样式需求进行相应的定义。希望这可以帮助到您!如果还有其他问题,请随时提问。
阅读全文