fan
34 lines
799 B
Vue
34 lines
799 B
Vue
<script>
|
|
export default {
|
|
name: "lemonMessageEvent",
|
|
inheritAttrs: false,
|
|
inject: ["IMUI"],
|
|
render() {
|
|
const { content } = this.$attrs.message;
|
|
return (
|
|
<div class="lemon-message lemon-message-event">
|
|
<span class="lemon-message-event__content" on-click={e => this._emitClick(e, "content")}>{content}</span>
|
|
</div>
|
|
);
|
|
},
|
|
methods:{
|
|
_emitClick(e, key) {
|
|
this.IMUI.$emit("message-click", e, key, this.$attrs.message,this.IMUI);
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
<style lang="stylus">
|
|
@import '~styles/utils/index'
|
|
+b(lemon-message-event)
|
|
+e(content)
|
|
user-select none
|
|
display inline-block
|
|
background #e9e9e9
|
|
color #aaa
|
|
font-size 12px
|
|
margin 0 auto
|
|
padding 5px 10px
|
|
border-radius 4px
|
|
</style>
|