Alert add banner prop
Alert add banner prop
This commit is contained in:
parent
7a737482f0
commit
e49f796318
3 changed files with 13 additions and 4 deletions
|
@ -36,7 +36,11 @@
|
|||
showIcon: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
},
|
||||
banner: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
|
@ -51,7 +55,8 @@
|
|||
`${prefixCls}-${this.type}`,
|
||||
{
|
||||
[`${prefixCls}-with-icon`]: this.showIcon,
|
||||
[`${prefixCls}-with-desc`]: this.desc
|
||||
[`${prefixCls}-with-desc`]: this.desc,
|
||||
[`${prefixCls}-with-banner`]: this.banner
|
||||
}
|
||||
];
|
||||
},
|
||||
|
|
|
@ -94,4 +94,8 @@
|
|||
margin-top: -21px;
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
&-with-banner{
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<Alert show-icon>消息提示文案</Alert>
|
||||
<Alert show-icon banner closable>消息提示文案</Alert>
|
||||
<Alert type="success" show-icon>成功提示文案</Alert>
|
||||
<Alert type="warning" show-icon>警告提示文案</Alert>
|
||||
<Alert type="warning" show-icon banner>警告提示文案</Alert>
|
||||
<Alert type="error" show-icon>错误提示文案</Alert>
|
||||
<Alert show-icon>
|
||||
消息提示文案
|
||||
|
|
Loading…
Add table
Reference in a new issue