lemon-message-voice.vue 598 B

123456789101112131415161718192021222324252627282930
  1. <script>
  2. export default {
  3. name: "lemonMessageVoice",
  4. inheritAttrs: false,
  5. inject: ["IMUI"],
  6. render() {
  7. return (
  8. <lemon-message-basic
  9. class="lemon-message-voice"
  10. props={{ ...this.$attrs }}
  11. scopedSlots={{
  12. content: props => {
  13. return <span>{props.content}&nbsp;🔈</span>;
  14. }
  15. }}
  16. />
  17. );
  18. }
  19. };
  20. </script>
  21. <style lang="stylus">
  22. .lemon-message.lemon-message-voice
  23. user-select none
  24. .lemon-message__content
  25. border 2px solid #000
  26. font-size 12px
  27. cursor pointer
  28. &::before
  29. display none
  30. </style>