$Message support background prop

This commit is contained in:
梁灏 2019-09-06 10:05:57 +08:00
parent 6503055954
commit ec3eea6803
3 changed files with 54 additions and 2 deletions

View file

@ -13,7 +13,7 @@
</a>
</template>
<template v-if="type === 'message'">
<div :class="[baseClass + '-content']" ref="content">
<div :class="messageContentClasses" ref="content">
<div :class="[baseClass + '-content-text']" v-html="content"></div>
<div :class="[baseClass + '-content-text']">
<render-cell
@ -117,6 +117,15 @@
this.render !== undefined ? `${this.baseClass}-content-with-render` : ''
];
},
messageContentClasses () {
return [
`${this.baseClass}-content`,
{
[`${this.baseClass}-content-${this.msgType}`]: this.msgType,
[`${this.baseClass}-content-background`]: this.background
}
];
},
contentWithIcon () {
return [
this.withIcon ? `${this.prefixCls}-content-with-icon` : '',