Files
lemon-imui/packages/components/message/text.vue
T
2021-01-31 20:50:43 +08:00

37 lines
823 B
Vue

<script>
export default {
name: "lemonMessageText",
inheritAttrs: false,
inject: ["IMUI"],
render() {
return (
<lemon-message-basic
class="lemon-message-text"
props={{ ...this.$attrs }}
scopedSlots={{
content: props => {
const content = this.IMUI.emojiNameToImage(props.content);
return <span domProps={{ innerHTML: content }} />;
}
}}
/>
);
}
};
</script>
<style lang="stylus">
@import '~styles/utils/index'
+b(lemon-message-text)
+b(lemon-message)
+e(content)
img
width 18px
height 18px
display inline-block
background transparent
position relative
top -2px
padding 0 2px
vertical-align middle
</style>