| 1234567891011121314151617181920212223242526272829303132333435363738 |
- <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>
|