<template>
  <section class="chat-emoji absolute" @click.stop v-if="draw" v-show="vValue">
    <scroll-view>
      <div class="row wrap chat-emoji-content">
        <div v-for="(item,index) in emojiData"
          :key="'chat-emoji-'+index"
          class="chat-emoji-item center"
             @click="addMessage(item.symbol+' ')"
        >
          <span class="cursor-pointer">{{item.emoji}}</span>
        </div>
      </div>
    </scroll-view>

  </section>
</template>

<script>
import config from '$config/index';
import {
  scrollView
} from '$components';
import props from '../props';
import mixins from '../mixins';
export default {
  name: "chat-emoji",
  data(){
    return {
      emojiData: config.emoji
    }
  },
  components:{
    scrollView
  },
  props,
  mixins
}
</script>

<style scoped lang="scss" src="../style.scss"></style>
