event.vue 853 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. <script>
  2. export default {
  3. name: "lemonMessageEvent",
  4. inheritAttrs: false,
  5. inject: ["IMUI"],
  6. render() {
  7. const { content } = this.$attrs.message;
  8. return (
  9. <div class="lemon-message lemon-message-event">
  10. <span
  11. class="lemon-message-event__content"
  12. on-click={e => this._emitClick(e, "content")}
  13. >
  14. {content}
  15. </span>
  16. </div>
  17. );
  18. },
  19. methods: {
  20. _emitClick(e, key) {
  21. this.IMUI.$emit("message-click", e, key, this.$attrs.message, this.IMUI);
  22. }
  23. }
  24. };
  25. </script>
  26. <style lang="stylus">
  27. @import '~styles/utils/index'
  28. +b(lemon-message-event)
  29. +e(content)
  30. user-select none
  31. display inline-block
  32. background #e9e9e9
  33. color #aaa
  34. font-size 12px
  35. margin 0 auto
  36. padding 5px 10px
  37. border-radius 4px
  38. </style>