<template>
  <div class="container">
    <div class="content">
      <div class="content-title" v-if="use_list.length">常用</div>
      <ul class="emoji-wrap">
        <li class="item" v-for="(item,i) in use_list" :key="'use'+i">
          <span class="item-icon-list" @click="icon_select(item)">{{ item }}</span>
        </li>
      </ul>
      <div class="content-title">人类和身体</div>
      <ul class="emoji-wrap">
        <li class="item" v-for="(item,i) in men_list" :key="'men'+i">
          <span class="item-icon-list" @click="icon_select(item)">{{ item }}</span>
        </li>
      </ul>
      <div class="content-title">动物与自然</div>
      <ul class="emoji-wrap">
        <li class="item" v-for="(item,i) in animal_list" :key="'animal_list'+i">
          <span class="item-icon-list" @click="icon_select(item)">{{ item }}</span>
        </li>
      </ul>
      <div class="content-title">食物和饮料</div>
      <ul class="emoji-wrap">
        <li class="item" v-for="(item,i) in food_list" :key="'food_list'+i">
          <span class="item-icon-list" @click="icon_select(item)">{{ item }}</span>
        </li>
      </ul>
      <div class="content-title">活动</div>
      <ul class="emoji-wrap">
        <li class="item" v-for="(item,i) in active_list" :key="'active_list'+i">
          <span class="item-icon-list" @click="icon_select(item)">{{ item }}</span>
        </li>
      </ul>
      <div class="content-title">旅行和地点</div>
      <ul class="emoji-wrap">
        <li class="item" v-for="(item,i) in pot_list" :key="'pot_list'+i">
          <span class="item-icon-list" @click="icon_select(item)">{{ item }}</span>
        </li>
      </ul>
      <div class="content-title">物品</div>
      <ul class="emoji-wrap">
        <li class="item" v-for="(item,i) in obj_list" :key="'obj_list'+i">
          <span class="item-icon-list" @click="icon_select(item)">{{ item }}</span>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  name: "Emoji",
  data() {
    return {
      activeName: "first",
      use_list: [],
      men_list: ["