vue 使用emoji表情包

1、前端页面

vue

<template>
  <div class="test">
    <div v-show="show" :class="show == false ? 'bqb' : 'bqb2'">
      <!--表情包弹出组件-->

      <!--表情包内部结构-->
      <div slot="content">
        <el-tabs tab-position="left" @tab-click="tabClick">
          <!--循环表情包的类型-->
          <el-tab-pane
            :label="item.name"
            v-for="(item, index) in faceList"
            :key="index"
          >
            <div class="img-div" style="overflow: auto; height: 530px">
              <!--循环表情类型的每一个表情包-->
              <i
                class="emoji"
                v-for="(item1, index1) in faceList[tabIndex].iconArr"
                :key="index1"
                @click="clickEmoji(item1.icon)"
                style="cursor: pointer"
              >
                {{ item1.icon }}
              </i>
            </div>
          </el-tab-pane>
        </el-tabs>
      </div>
    </div>

    <i class="iconfont icon-xiaolian" title="表情" @click="bqb"></i>

    <div class="content" @click="show = false">
      <div>
        <textarea
          style="
            width: 98%;
            resize: none;
            border: none;
            outline: none;
            font-size: 30px;
            padding-left: 12px;
            padding-top: 10px;
            background-color: #f5f5f5;
            -webkit-app-region: no-drag;
          "
          rows="3"
          type="text"
          name=""
          id="textarea"
          v-model="input"
        />
      </div>

    </div>
  </div>
</template>
 
<script>
import { emojiArr } from "@/assets/js/emojiArr"; //引入js文件
import "@/assets/fonts/bqb/iconfont.css"; //引入图标

export default {
  name: "test",
  data() {
    return {
      faceList: emojiArr,
      tabIndex: 0, //表情包的类型索引
      show: false,
      input: "",
    };
  },
  methods: {
    // 点击表情包
    clickEmoji(val) {
      // 获取textarea输入框元素节点
      let ele = document.querySelector("#textarea");

      // 获取光标
      let cursor = ele.selectionStart;
      // 设置文本内容
      ele.setRangeText(val);
      // 移动光标并聚焦
      ele.selectionStart = cursor + 2;
      ele.focus();
      // 使文本输入框的内容等于当前的值
      this.input = ele.value;
      this.show = false;
    },
    // 点击标签页
    tabClick(tab) {
      this.tabIndex = tab.index - 0;
    },
    bqb() {
      if (this.show == true) {
        this.show = false;
      } else {
        this.show = true;
      }
    },
  },
};
</script>
 
 
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
.bqb {
  background-color: #ffffff;
  width: 430px;
}
.bqb2 {
  background-color: #f5f5f5;
  width: 430px;
  .emoji:hover {
    background-color: #f2f2f2;
  }
  i {
    font-size: 25px;
  }
}
</style>

emojiArr.js文件

var emojiArr = [
    {
      name: '热门',
      iconArr: [{
        className: 'bg-1f4b0',
        icon: '?'
  
      },
      {
        className: 'bg-1f604',
        icon: '?'
  
      },
      {
        className: 'bg-1f60d',
        icon: '?'
  
      },
      {
        className: 'bg-1f631',
        icon: '?'
  
      },
      {
        className: 'bg-1f602',
        icon: '?'
  
      },
      {
        className: 'bg-1f353',
        icon: '?'
  
      },
      {
        className: 'bg-1f37a',
        icon: '?'
  
      },
      {
        className: 'bg-f2615',
        icon: '☕'
  
      },
      {
        className: 'bg-1f340',
        icon: '?'
  
      },
      {
        className: 'bg-1f331',
        icon: '?'
  
      },
      {
        className: 'bg-f2728',
        icon: '✨'
  
      },
      {
        className: 'bg-f26a1',
        icon: '⚡'
  
      },
      {
        className: 'bg-1f4ab',
        icon: '?'
  
      },
      {
        className: 'bg-1f4a5',
        icon: '?'
  
      },
      {
        className: 'bg-1f3b5',
        icon: '?'
  
      },
      {
        className: 'bg-1f44f',
        icon: '?'
  
      },
      {
        className: 'bg-1f4aa',
        icon: '?'
  
      },
      {
        className: 'bg-1f44d',
        icon: '?'
  
      },
      {
        className: 'bg-1f449',
        icon: '?'
  
      },
      {
        className: 'bg-1f448',
        icon: '?'
  
      },
      {
        className: 'bg-1f447',
        icon: '?'
  
      },
      {
        className: 'bg-1f446',
        icon: '?'
  
      },
      {
        className: 'bg-1f44a',
        icon: '?'
  
      },
      {
        className: 'bg-1f48b',
        icon: '?'
  
      },
      {
        className: 'bg-1f48d',
        icon: '?'
  
      },
      {
        className: 'bg-1f451',
        icon: '?'
  
      },
      {
        className: 'bg-1f4a5',
        icon: '?'
  
      },
      {
        className: 'bg-1f495',
        icon: '?'
  
      },
      {
        className: 'bg-1f496',
        icon: '?'
  
      },
      {
        className: 'bg-1f389',
        icon: '?'
  
      },
      {
        className: 'bg-1f47b',
        icon: '?'
  
      },
      {
        className: 'bg-f3299',
        icon: '㊙'
  
      },
      {
        className: 'bg-1f51e',
        icon: '?'
  
      },
  
      {
        className: 'bg-f2705',
        icon: '✅'
  
      },
      {
        className: 'bg-f2b07',
        icon: '⬇'
  
      },
      {
        className: 'bg-f27a1',
        icon: '➡'
  
      },
      {
        className: 'bg-1f4af',
        icon: '?'
  
      },
      {
        className: 'bg-f2714',
        icon: '✔'
  
      },
      {
        className: 'bg-f2611',
        icon: '☑'
  
      },
      {
        className: 'bg-f2757',
        icon: '❗'
  
      },
      {
        className: 'bg-f2753',
        icon: '❓'
  
      },
      {
        className: 'bg-f2b55',
        icon: '⭕'
  
      },
      {
        className: 'bg-1f680',
        icon: '?'
  
      },
      {
        className: 'bg-f2708',
        icon: '✈'
  
      },
      {
        className: 'bg-1f697',
        icon: '?'
  
      },
      {
        className: 'bg-f26a0',
        icon: '⚠'
  
      },
      {
        className: 'bg-f2693',
        icon: '⚓'
  
      },
      {
        className: 'bg-1f4e2',
        icon: '?'
  
      },
      {
        className: 'bg-1f514',
        icon: '?'
  
      },
      {
        className: 'bg-1f381',
        icon: '?'
  
      },
      {
        className: 'bg-1f384',
        icon: '?'
  
      },
      {
        className: 'bg-1f49b',
        icon: '?'
  
      },
      {
        className: 'bg-1f525',
        icon: '?'
  
      },
      {
        className: 'bg-1f485',
        icon: '?'
  
      },
  
      {
        className: 'bg-1f64b',
        icon: '?'
  
      },
      {
        className: 'bg-1f004',
        icon: '?'
  
      },
      {
        className: 'bg-1f33b',
        icon: '?'
  
      },
      {
        className: 'bg-1f37b',
        icon: '?'
  
      },
      {
        className: 'bg-1f648',
        icon: '?'
  
      },
      {
        className: 'bg-1f618',
        icon: '?'
  
      },
      {
        className: 'bg-f3030',
        icon: '〰'
  
      }
  
      ]
    },
    {
      name: '表情',
      iconArr: [{
        className: 'bg-1f604',
        icon: '?'
      },
      {
        className: 'bg-1f603',
        icon: '?'
      },
      {
        className: 'bg-1f600',
        icon: '?'
      },
      {
        className: 'bg-1f60a',
        icon: '?'
      },
      {
        className: 'bg-1f609',
        icon: '?'
      },
      {
        className: 'bg-1f60d',
        icon: '?'
      },
      {
        className: 'bg-1f618',
        icon: '?'
      },
      {
        className: 'bg-1f61a',
        icon: '?'
      },
      {
        className: 'bg-1f617',
        icon: '?'
      },
      {
        className: 'bg-1f619',
        icon: '?'
      },
      {
        className: 'bg-1f61c',
        icon: '?'
      },
      {
        className: 'bg-1f61d',
        icon: '?'
      },
      {
        className: 'bg-1f61b',
        icon: '?'
      },
      {
        className: 'bg-1f633',
        icon: '?'
      },
      {
        className: 'bg-1f601',
        icon: '?'
      },
      {
        className: 'bg-1f614',
        icon: '?'
      },
      {
        className: 'bg-1f60c',
        icon: '?'
      },
      {
        className: 'bg-1f612',
        icon: '?'
      },
      {
        className: 'bg-1f61e',
        icon: '?'
      },
      {
        className: 'bg-1f623',
        icon: '?'
      },
      {
        className: 'bg-1f622',
        icon: '?'
      },
      {
        className: 'bg-1f602',
        icon: '?'
      },
      {
        className: 'bg-1f62d',
        icon: '?'
      },
      {
        className: 'bg-1f62a',
        icon: '?'
      },
      {
        className: 'bg-1f625',
        icon: '?'
      },
      {
        className: 'bg-1f630',
        icon: '?'
      },
      {
        className: 'bg-1f605',
        icon: '?'
      },
      {
        className: 'bg-1f613',
        icon: '?'
      },
      {
        className: 'bg-1f629',
        icon: '?'
      },
      {
        className: 'bg-1f62b',
        icon: '?'
      },
      {
        className: 'bg-1f628',
        icon: '?'
      },
      {
        className: 'bg-1f631',
        icon: '?'
      },
      {
        className: 'bg-1f620',
        icon: '?'
      },
      {
        className: 'bg-1f621',
        icon: '?'
      },
      {
        className: 'bg-1f624',
        icon: '?'
      },
      {
        className: 'bg-1f616',
        icon: '?'
      },
      {
        className: 'bg-1f606',
        icon: '?'
      },
      {
        className: 'bg-1f60b',
        icon: '?'
      },
      {
        className: 'bg-1f637',
        icon: '?'
      },
      {
        className: 'bg-1f60e',
        icon: '?'
      },
      {
        className: 'bg-1f634',
        icon: '?'
      },
      {
        className: 'bg-1f635',
        icon: '?'
      },
      {
        className: 'bg-1f632',
        icon: '?'
      },
      {
        className: 'bg-1f61f',
        icon: '?'
      },
      {
        className: 'bg-1f626',
        icon: '?'
      },
      {
        className: 'bg-1f627',
        icon: '?'
      },
      {
        className: 'bg-1f608',
        icon: '?'
      },
      {
        className: 'bg-1f47f',
        icon: '?'
      },
      {
        className: 'bg-1f62e',
        icon: '?'
      },
      {
        className: 'bg-1f62c',
        icon: '?'
      },
      {
        className: 'bg-1f610',
        icon: '?'
      },
      {
        className: 'bg-1f615',
        icon: '?'
      },
      {
        className: 'bg-1f62f',
        icon: '?'
      },
      {
        className: 'bg-1f636',
        icon: '?'
      },
      {
        className: 'bg-1f607',
        icon: '?'
      },
      {
        className: 'bg-1f60f',
        icon: '?'
      },
      {
        className: 'bg-1f611',
        icon: '?'
      },
      {
        className: 'bg-1f63a',
        icon: '?'
      },
      {
        className: 'bg-1f638',
        icon: '?'
      },
      {
        className: 'bg-1f63b',
        icon: '?'
      },
      {
        className: 'bg-1f63d',
        icon: '?'
      },
      {
        className: 'bg-1f63c',
        icon: '?'
      },
  
      {
        className: 'bg-1f640',
        icon: '?'
      },
      {
        className: 'bg-1f63f',
        icon: '?'
      },
      {
        className: 'bg-1f639',
        icon: '?'
      },
      {
        className: 'bg-1f63e',
        icon: '?'
      },
      {
        className: 'bg-1f479',
        icon: '?'
      },
      {
        className: 'bg-1f47a',
        icon: '?'
      }
      ]
    },
    {
      name: '动物',
      iconArr: [{
        className: 'bg-1f436',
        icon: '?'
      },
      {
        className: 'bg-1f43a',
        icon: '?'
      },
      {
        className: 'bg-1f42d',
        icon: '?'
      },
      {
        className: 'bg-1f42d',
        icon: '?'
      },
      {
        className: 'bg-1f439',
        icon: '?'
      },
      {
        className: 'bg-1f430',
        icon: '?'
      }, {
        className: 'bg-1f438',
        icon: '?'
      },
      {
        className: 'bg-1f42f',
        icon: '?'
      },
      {
        className: 'bg-1f43b',
        icon: '?'
      },
      {
        className: 'bg-1f437',
        icon: '?'
      },
      {
        className: 'bg-1f43d',
        icon: '?'
      },
      {
        className: 'bg-1f42e',
        icon: '?'
      },
      {
        className: 'bg-1f417',
        icon: '?'
      },
      {
        className: 'bg-1f435',
        icon: '?'
      },
      {
        className: 'bg-1f412',
        icon: '?'
      },
      {
        className: 'bg-1f434',
        icon: '?'
      },
      {
        className: 'bg-1f411',
        icon: '?'
      },
      {
        className: 'bg-1f418',
        icon: '?'
      },
      {
        className: 'bg-1f43c',
        icon: '?'
      },
      {
        className: 'bg-1f427',
        icon: '?'
      },
      {
        className: 'bg-1f426',
        icon: '?'
      },
      {
        className: 'bg-1f424',
        icon: '?'
      },
      {
        className: 'bg-1f425',
        icon: '?'
      },
      {
        className: 'bg-1f423',
        icon: '?'
      },
      {
        className: 'bg-1f414',
        icon: '?'
      },
      {
        className: 'bg-1f40d',
        icon: '?'
      },
      {
        className: 'bg-1f422',
        icon: '?'
      },
      {
        className: 'bg-1f41b',
        icon: '?'
      },
      {
        className: 'bg-1f41d',
        icon: '?'
      },
      {
        className: 'bg-1f41c',
        icon: '?'
      },
      {
        className: 'bg-1f41e',
        icon: '?'
      },
      {
        className: 'bg-1f40c',
        icon: '?'
      },
      {
        className: 'bg-1f419',
        icon: '?'
      },
      {
        className: 'bg-1f420',
        icon: '?'
      },
      {
        className: 'bg-1f41f',
        icon: '?'
      },
      {
        className: 'bg-1f42c',
        icon: '?'
      },
      {
        className: 'bg-1f433',
        icon: '?'
      },
      {
        className: 'bg-1f40b',
        icon: '?'
      },
      {
        className: 'bg-1f404',
        icon: '?'
      },
      {
        className: 'bg-1f40f',
        icon: '?'
      },
      {
        className: 'bg-1f400',
        icon: '?'
      },
      {
        className: 'bg-1f403',
        icon: '?'
      },
      {
        className: 'bg-1f405',
        icon: '?'
      },
      {
        className: 'bg-1f407',
        icon: '?'
      },
      {
        className: 'bg-1f409',
        icon: '?'
      },
      {
        className: 'bg-1f40e',
        icon: '?'
      },
      {
        className: 'bg-1f410',
        icon: '?'
      },
      {
        className: 'bg-1f413',
        icon: '?'
      },
      {
        className: 'bg-1f415',
        icon: '?'
      },
      {
        className: 'bg-1f416',
        icon: '?'
      },
  
      {
        className: 'bg-1f401',
        icon: '?'
      },
      {
        className: 'bg-1f402',
        icon: '?'
      },
      {
        className: 'bg-1f432',
        icon: '?'
      },
      {
        className: 'bg-1f421',
        icon: '?'
      },
      {
        className: 'bg-1f40a',
        icon: '?'
      },
      {
        className: 'bg-1f42b',
        icon: '?'
      },
      {
        className: 'bg-1f42a',
        icon: '?'
      },
  
      {
        className: 'bg-1f406',
        icon: '?'
      },
      {
        className: 'bg-1f408',
        icon: '?'
      },
      {
        className: 'bg-1f429',
        icon: '?'
      },
      {
        className: 'bg-1f43e',
        icon: '?'
      },
      {
        className: 'bg-1f648',
        icon: '?'
      },
      {
        className: 'bg-1f649',
        icon: '?'
      },
  
      {
        className: 'bg-1f480',
        icon: '?'
      },
      {
        className: 'bg-1f47d',
        icon: '?'
      },
      {
        className: 'bg-1f63a',
        icon: '?'
      },
      {
        className: 'bg-1f638',
        icon: '?'
      },
      {
        className: 'bg-1f63b',
        icon: '?'
      },
      {
        className: 'bg-1f63d',
        icon: '?'
      },
      {
        className: 'bg-1f63c',
        icon: '?'
      },
      {
        className: 'bg-1f640',
        icon: '?'
      },
      {
        className: 'bg-1f63f',
        icon: '?'
      },
      {
        className: 'bg-1f639',
        icon: '?'
      },
  
      {
        className: 'bg-1f63e',
        icon: '?'
      }
      ]
    },
    {
      name: '食物',
      iconArr: [{
        className: 'bg-f2615',
        icon: '☕'
      },
      {
        className: 'bg-1f375',
        icon: '?'
      },
      {
        className: 'bg-1f376',
        icon: '?'
      },
      {
        className: 'bg-1f37c',
        icon: '?'
      },
      {
        className: 'bg-1f37a',
        icon: '?'
      },
      {
        className: 'bg-1f37b',
        icon: '?'
      },
      {
        className: 'bg-1f378',
        icon: '?'
      },
      {
        className: 'bg-1f379',
        icon: '?'
      },
      {
        className: 'bg-1f377',
        icon: '?'
      },
  
      {
        className: 'bg-1f374',
        icon: '?'
      },
      {
        className: 'bg-1f355',
        icon: '?'
      },
      {
        className: 'bg-1f354',
        icon: '?'
      },
  
      {
        className: 'bg-1f35f',
        icon: '?'
      },
      {
        className: 'bg-1f357',
        icon: '?'
      },
  
      {
        className: 'bg-1f356',
        icon: '?'
      },
      {
        className: 'bg-1f35d',
        icon: '?'
      },
  
      {
        className: 'bg-1f35b',
        icon: '?'
      },
      {
        className: 'bg-1f364',
        icon: '?'
      },
      {
        className: 'bg-1f363',
        icon: '?'
      },
  
      {
        className: 'bg-1f365',
        icon: '?'
      },
      {
        className: 'bg-1f359',
        icon: '?'
      },
  
      {
        className: 'bg-1f358',
        icon: '?'
      },
      {
        className: 'bg-1f35a',
        icon: '?'
      },
      {
        className: 'bg-1f35c',
        icon: '?'
      },
  
      {
        className: 'bg-1f372',
        icon: '?'
      },
      {
        className: 'bg-1f362',
        icon: '?'
      },
      {
        className: 'bg-1f361',
        icon: '?'
      },
      {
        className: 'bg-1f373',
        icon: '?'
      },
  
      {
        className: 'bg-1f35e',
        icon: '?'
      },
      {
        className: 'bg-1f369',
        icon: '?'
      },
  
      {
        className: 'bg-1f36e',
        icon: '?'
      },
      {
        className: 'bg-1f366',
        icon: '?'
      },
      {
        className: 'bg-1f368',
        icon: '?'
      },
  
      {
        className: 'bg-1f367',
        icon: '?'
      },
      {
        className: 'bg-1f382',
        icon: '?'
      },
      {
        className: 'bg-1f370',
        icon: '?'
      },
  
      {
        className: 'bg-1f36a',
        icon: '?'
      },
      {
        className: 'bg-1f36b',
        icon: '?'
      },
      {
        className: 'bg-1f36c',
        icon: '?'
      },
  
      {
        className: 'bg-1f36d',
        icon: '?'
      },
      {
        className: 'bg-1f36f',
        icon: '?'
      },
      {
        className: 'bg-1f34e',
        icon: '?'
      },
      {
        className: 'bg-1f34f',
        icon: '?'
      },
      {
        className: 'bg-1f34a',
        icon: '?'
      },
      {
        className: 'bg-1f34b',
        icon: '?'
      },
  
      {
        className: 'bg-1f352',
        icon: '?'
      },
      {
        className: 'bg-1f347',
        icon: '?'
      },
  
      {
        className: 'bg-1f349',
        icon: '?'
      },
      {
        className: 'bg-1f353',
        icon: '?'
      },
      {
        className: 'bg-1f351',
        icon: '?'
      },
      {
        className: 'bg-1f348',
        icon: '?'
      },
  
      {
        className: 'bg-1f34c',
        icon: '?'
      },
      {
        className: 'bg-1f350',
        icon: '?'
      },
      {
        className: 'bg-1f34d',
        icon: '?'
      },
      {
        className: 'bg-1f360',
        icon: '?'
      },
      {
        className: 'bg-1f346',
        icon: '?'
      },
      {
        className: 'bg-1f345',
        icon: '?'
      },
  
      {
        className: 'bg-1f33d',
        icon: '?'
      }
  
      ]
    },
    {
      name: '自然',
      iconArr: [{
        className: 'bg-1f490',
        icon: '?'
      },
      {
        className: 'bg-1f338',
        icon: '?'
      },
      {
        className: 'bg-1f337',
        icon: '?'
      },
      {
        className: 'bg-1f340',
        icon: '?'
      },
      {
        className: 'bg-1f339',
        icon: '?'
      },
      {
        className: 'bg-1f33b',
        icon: '?'
      },
      {
        className: 'bg-1f33a',
        icon: '?'
      },
      {
        className: 'bg-1f341',
        icon: '?'
      },
      {
        className: 'bg-1f343',
        icon: '?'
      },
      {
        className: 'bg-1f342',
        icon: '?'
      },
      {
        className: 'bg-1f33f',
        icon: '?'
      },
      {
        className: 'bg-1f33e',
        icon: '?'
      },
  
      {
        className: 'bg-1f344',
        icon: '?'
      },
      {
        className: 'bg-1f335',
        icon: '?'
      },
      {
        className: 'bg-1f334',
        icon: '?'
      },
  
      {
        className: 'bg-1f332',
        icon: '?'
      },
      {
        className: 'bg-1f333',
        icon: '?'
      },
  
      {
        className: 'bg-1f330',
        icon: '?'
      },
      {
        className: 'bg-1f331',
        icon: '?'
      },
      {
        className: 'bg-1f33c',
        icon: '?'
      },
      {
        className: 'bg-1f310',
        icon: '?'
      },
  
      {
        className: 'bg-1f31e',
        icon: '?'
      },
      {
        className: 'bg-1f31d',
        icon: '?'
      },
      {
        className: 'bg-1f31a',
        icon: '?'
      },
  
      {
        className: 'bg-1f311',
        icon: '?'
      },
      {
        className: 'bg-1f312',
        icon: '?'
      },
      {
        className: 'bg-1f313',
        icon: '?'
      },
  
      {
        className: 'bg-1f314',
        icon: '?'
      },
      {
        className: 'bg-1f315',
        icon: '?'
      },
      {
        className: 'bg-1f316',
        icon: '?'
      },
      {
        className: 'bg-1f317',
        icon: '?'
      },
      {
        className: 'bg-1f31c',
        icon: '?'
      },
  
      {
        className: 'bg-1f31b',
        icon: '?'
      },
      {
        className: 'bg-1f319',
        icon: '?'
      },
      {
        className: 'bg-1f30d',
        icon: '?'
      },
      {
        className: 'bg-1f30e',
        icon: '?'
      },
      {
        className: 'bg-1f30f',
        icon: '?'
      },
  
      {
        className: 'bg-1f30b',
        icon: '?'
      },
      {
        className: 'bg-1f30c',
        icon: '?'
      },
      {
        className: 'bg-1f320',
        icon: '?'
      },
      {
        className: 'bg-f2b50',
        icon: '⭐'
      },
  
      {
        className: 'bg-f2600',
        icon: '☀'
      },
  
      {
        className: 'bg-f26c5',
        icon: '⛅'
      },
      {
        className: 'bg-f2601',
        icon: '☁'
      },
      {
        className: 'bg-f26a1',
        icon: '⚡'
      },
  
      {
        className: 'bg-f2614',
        icon: '☔'
      },
      {
        className: 'bg-f2744',
        icon: '❄'
      },
      {
        className: 'bg-f26c4',
        icon: '⛄'
      },
  
      {
        className: 'bg-1f300',
        icon: '?'
      },
      {
        className: 'bg-1f301',
        icon: '?'
      },
      {
        className: 'bg-1f308',
        icon: '?'
      },
      {
        className: 'bg-1f30a',
        icon: '?'
      },
  
      {
        className: 'bg-1f525',
        icon: '?'
      },
      {
        className: 'bg-f2728',
        icon: '✨'
      },
      {
        className: 'bg-1f31f',
        icon: '?'
      },
      {
        className: 'bg-1f4ab',
        icon: '?'
      },
      {
        className: 'bg-1f4a5',
        icon: '?'
      },
      {
        className: 'bg-1f4a2',
        icon: '?'
      },
      {
        className: 'bg-1f4a6',
        icon: '?'
      },
      {
        className: 'bg-1f4a7',
        icon: '?'
      },
      {
        className: 'bg-1f318',
        icon: '?'
      },
      {
        className: 'bg-1f4a4',
        icon: '?'
      },
      {
        className: 'bg-1f4a8',
        icon: '?'
      }
      ]
    },
    {
      name: '生肖',
      iconArr: [{
        className: 'bg-1f401',
        icon: '?'
      },
      {
        className: 'bg-1f402',
        icon: '?'
      },
      {
        className: 'bg-1f405',
        icon: '?'
      },
      {
        className: 'bg-1f407',
        icon: '?'
      },
      {
        className: 'bg-1f409',
        icon: '?'
      },
      {
        className: 'bg-1f40d',
        icon: '?'
      },
      {
        className: 'bg-1f40e',
        icon: '?'
      },
      {
        className: 'bg-1f410',
        icon: '?'
      },
      {
        className: 'bg-1f412',
        icon: '?'
      },
      {
        className: 'bg-1f413',
        icon: '?'
      },
      {
        className: 'bg-1f415',
        icon: '?'
      },
      {
        className: 'bg-1f416',
        icon: '?'
      },
      {
        className: 'bg-f2648',
        icon: '♈'
      },
      {
        className: 'bg-f2649',
        icon: '♉'
      },
      {
        className: 'bg-f264a',
        icon: '♊'
      },
      {
        className: 'bg-f264b',
        icon: '♋'
      },
      {
        className: 'bg-f264c',
        icon: '♌'
      },
      {
        className: 'bg-f264d',
        icon: '♍'
      },
      {
        className: 'bg-f264e',
        icon: '♎'
      },
      {
        className: 'bg-f264f',
        icon: '♏'
      },
      {
        className: 'bg-f2650',
        icon: '♐'
      },
      {
        className: 'bg-f2651',
        icon: '♑'
      },
      {
        className: 'bg-f2652',
        icon: '♒'
      },
      {
        className: 'bg-f2653',
        icon: '♓'
      }
  
      ]
    },
    {
      name: '运动',
      iconArr: [{
        className: 'bg-1f4f0',
        icon: '?'
      }, {
        className: 'bg-1f3a8',
        icon: '?'
      },
      {
        className: 'bg-1f3ac',
        icon: '?'
      }, {
        className: 'bg-1f3a4',
        icon: '?'
      },
      {
        className: 'bg-1f3a7',
        icon: '?'
      }, {
        className: 'bg-1f3bc',
        icon: '?'
      },
      {
        className: 'bg-1f3b5',
        icon: '?'
      }, {
        className: 'bg-1f3b6',
        icon: '?'
      },
      {
        className: 'bg-1f3b9',
        icon: '?'
      }, {
        className: 'bg-1f3bb',
        icon: '?'
      },
      {
        className: 'bg-1f3b7',
        icon: '?'
      }, {
        className: 'bg-1f3b8',
        icon: '?'
      },
      {
        className: 'bg-1f47e',
        icon: '?'
      }, {
        className: 'bg-1f3ae',
        icon: '?'
      },
      {
        className: 'bg-1f0cf',
        icon: '?'
      }, {
        className: 'bg-1f3b4',
        icon: '?'
      },
      {
        className: 'bg-1f004',
        icon: '?'
      }, {
        className: 'bg-1f3b2',
        icon: '?'
      },
      {
        className: 'bg-1f3af',
        icon: '?'
      }, {
        className: 'bg-1f3c8',
        icon: '?'
      },
      {
        className: 'bg-1f3c0',
        icon: '?'
      }, {
        className: 'bg-f26bd',
        icon: '⚽'
      },
      {
        className: 'bg-f26be',
        icon: '⚾'
      }, {
        className: 'bg-1f3be',
        icon: '?'
      },
      {
        className: 'bg-1f3b1',
        icon: '?'
      }, {
        className: 'bg-1f3c9',
        icon: '?'
      },
      {
        className: 'bg-1f3b3',
        icon: '?'
      }, {
        className: 'bg-f26f3',
        icon: '⛳'
      },
      {
        className: 'bg-1f6b5',
        icon: '?'
      }, {
        className: 'bg-1f6b4',
        icon: '?'
      },
      {
        className: 'bg-1f3c1',
        icon: '?'
      }, {
        className: 'bg-1f3c7',
        icon: '?'
      },
      {
        className: 'bg-1f3c6',
        icon: '?'
      }, {
        className: 'bg-1f3bf',
        icon: '?'
      },
      {
        className: 'bg-1f3c2',
        icon: '?'
      }, {
        className: 'bg-1f3ca',
        icon: '?'
      },
      {
        className: 'bg-1f3c4',
        icon: '?'
      }, {
        className: 'bg-1f3a3',
        icon: '?'
      }
  
      ]
    },
    {
      name: '人物',
      iconArr: [{
        className: 'bg-1f442',
        icon: '?'
      }, {
        className: 'bg-1f440',
        icon: '?'
      }, {
        className: 'bg-1f443',
        icon: '?'
      }, {
        className: 'bg-1f445',
        icon: '?'
      }, {
        className: 'bg-1f444',
        icon: '?'
      }, {
        className: 'bg-1f44d',
        icon: '?'
      }, {
        className: 'bg-1f44e',
        icon: '?'
      }, {
        className: 'bg-1f44c',
        icon: '?'
      },
      {
        className: 'bg-1f44a',
        icon: '?'
      }, {
        className: 'bg-f270a',
        icon: '✊'
      }, {
        className: 'bg-f270c',
        icon: '✌'
      }, {
        className: 'bg-1f44b',
        icon: '?'
      }, {
        className: 'bg-f270b',
        icon: '✋'
      }, {
        className: 'bg-1f450',
        icon: '?'
      }, {
        className: 'bg-1f446',
        icon: '?'
      }, {
        className: 'bg-1f447',
        icon: '?'
      },
      {
        className: 'bg-1f449',
        icon: '?'
      }, {
        className: 'bg-1f448',
        icon: '?'
      }, {
        className: 'bg-1f64c',
        icon: '?'
      }, {
        className: 'bg-1f64f',
        icon: '?'
      }, {
        className: 'bg-f261d',
        icon: '☝'
      }, {
        className: 'bg-1f44f',
        icon: '?'
      }, {
        className: 'bg-1f6b6',
        icon: '?'
      }, {
        className: 'bg-1f4aa',
        icon: '?'
      },
      {
        className: 'bg-1f3c3',
        icon: '?'
      }, {
        className: 'bg-1f483',
        icon: '?'
      }, {
        className: 'bg-1f46b',
        icon: '?'
      }, {
        className: 'bg-1f46a',
        icon: '?'
      }, {
        className: 'bg-1f46c',
        icon: '?'
      }, {
        className: 'bg-1f46d',
        icon: '?'
      }, {
        className: 'bg-1f48f',
        icon: '?'
      }, {
        className: 'bg-1f491',
        icon: '?'
      },
      {
        className: 'bg-1f46f',
        icon: '?'
      }, {
        className: 'bg-1f645',
        icon: '?'
      }, {
        className: 'bg-1f646',
        icon: '?'
      }, {
        className: 'bg-1f481',
        icon: '?'
      }, {
        className: 'bg-1f64b',
        icon: '?'
      }, {
        className: 'bg-1f487',
        icon: '?'
      }, {
        className: 'bg-1f485',
        icon: '?'
      }, {
        className: 'bg-1f470',
        icon: '?'
      },
      {
        className: 'bg-1f64e',
        icon: '?'
      }, {
        className: 'bg-1f64d',
        icon: '?'
      }, {
        className: 'bg-1f647',
        icon: '?'
      }, {
        className: 'bg-1f3a9',
        icon: '?'
      }, {
        className: 'bg-1f451',
        icon: '?'
      }, {
        className: 'bg-1f452',
        icon: '?'
      }, {
        className: 'bg-1f45f',
        icon: '?'
      }, {
        className: 'bg-1f45e',
        icon: '?'
      },
      {
        className: 'bg-1f461',
        icon: '?'
      }, {
        className: 'bg-1f460',
        icon: '?'
      }, {
        className: 'bg-1f462',
        icon: '?'
      }, {
        className: 'bg-1f455',
        icon: '?'
      }, {
        className: 'bg-1f454',
        icon: '?'
      }, {
        className: 'bg-1f45a',
        icon: '?'
      }, {
        className: 'bg-1f457',
        icon: '?'
      }, {
        className: 'bg-1f3bd',
        icon: '?'
      },
      {
        className: 'bg-1f456',
        icon: '?'
      }, {
        className: 'bg-1f458',
        icon: '?'
      }, {
        className: 'bg-1f459',
        icon: '?'
      }, {
        className: 'bg-1f4bc',
        icon: '?'
      }, {
        className: 'bg-1f45c',
        icon: '?'
      }, {
        className: 'bg-1f45d',
        icon: '?'
      }, {
        className: 'bg-1f45b',
        icon: '?'
      }, {
        className: 'bg-1f453',
        icon: '?'
      },
      {
        className: 'bg-1f380',
        icon: '?'
      }, {
        className: 'bg-1f302',
        icon: '?'
      }, {
        className: 'bg-1f484',
        icon: '?'
      }, {
        className: 'bg-1f48b',
        icon: '?'
      }, {
        className: 'bg-1f463',
        icon: '?'
      }, {
        className: 'bg-1f48e',
        icon: '?'
      }, {
        className: 'bg-1f48d',
        icon: '?'
      }
  
      ]
    },
    {
      name: '花样',
      iconArr: [{
        className: 'bg-1f451',
        icon: '?'
      }, {
        className: 'bg-1f525',
        icon: '?'
      }, {
        className: 'bg-2728',
        icon: '✨'
      }, {
        className: 'bg-1f31f',
        icon: '?'
      }, {
        className: 'bg-1f4ab',
        icon: '?'
      },
      {
        className: 'bg-1f4a5',
        icon: '?'
      }, {
        className: 'bg-1f380',
        icon: '?'
      }, {
        className: 'bg-1f302',
        icon: '?'
      }, {
        className: 'bg-1f484',
        icon: '?'
      }, {
        className: 'bg-1f49b',
        icon: '?'
      },
      {
        className: 'bg-1f499',
        icon: '?'
      }, {
        className: 'bg-1f49c',
        icon: '?'
      }, {
        className: 'bg-1f49a',
        icon: '?'
      }, {
        className: 'bg-f2764',
        icon: '❤'
      }, {
        className: 'bg-1f494',
        icon: '?'
      },
      {
        className: 'bg-1f497',
        icon: '?'
      }, {
        className: 'bg-1f493',
        icon: '?'
      }, {
        className: 'bg-1f495',
        icon: '?'
      }, {
        className: 'bg-1f496',
        icon: '?'
      }, {
        className: 'bg-1f49e',
        icon: '?'
      },
      {
        className: 'bg-1f498',
        icon: '?'
      }, {
        className: 'bg-1f48c',
        icon: '?'
      }, {
        className: 'bg-1f48b',
        icon: '?'
      }, {
        className: 'bg-1f38d',
        icon: '?'
      }, {
        className: 'bg-1f49d',
        icon: '?'
      },
      {
        className: 'bg-1f38e',
        icon: '?'
      }, {
        className: 'bg-1f392',
        icon: '?'
      }, {
        className: 'bg-1f393',
        icon: '?'
      }, {
        className: 'bg-1f38f',
        icon: '?'
      }, {
        className: 'bg-1f386',
        icon: '?'
      },
      {
        className: 'bg-1f387',
        icon: '?'
      }, {
        className: 'bg-1f390',
        icon: '?'
      }, {
        className: 'bg-1f391',
        icon: '?'
      }, {
        className: 'bg-1f383',
        icon: '?'
      }, {
        className: 'bg-1f47b',
        icon: '?'
      },
      {
        className: 'bg-1f385',
        icon: '?'
      }, {
        className: 'bg-1f384',
        icon: '?'
      }, {
        className: 'bg-1f381',
        icon: '?'
      }, {
        className: 'bg-1f38b',
        icon: '?'
      }, {
        className: 'bg-1f389',
        icon: '?'
      },
      {
        className: 'bg-1f38a',
        icon: '?'
      }, {
        className: 'bg-1f388',
        icon: '?'
      }, {
        className: 'bg-1f38c',
        icon: '?'
      }
      ]
    },
    {
      name: '文字',
      iconArr: [{
        className: 'bg-1f22f',
        icon: '?'
      }, {
        className: 'bg-1f233',
        icon: '?'
      },
      {
        className: 'bg-1f235',
        icon: '?'
      }, {
        className: 'bg-1f234',
        icon: '?'
      }, {
        className: 'bg-1f232',
        icon: '?'
      }, {
        className: 'bg-1f250',
        icon: '?'
      },
  
      {
        className: 'bg-1f239',
        icon: '?'
      }, {
        className: 'bg-1f23a',
        icon: '?'
      },
      {
        className: 'bg-1f236',
        icon: '?'
      }, {
        className: 'bg-1f21a',
        icon: '?'
      }, {
        className: 'bg-1f6be',
        icon: '?'
      }, {
        className: 'bg-1f17f',
        icon: '?'
      },
  
      {
        className: 'bg-1f237',
        icon: '?'
      }, {
        className: 'bg-1f238',
        icon: '?'
      },
      {
        className: 'bg-1f202',
        icon: '?'
      }, {
        className: 'bg-f24c2',
        icon: 'Ⓜ'
      }, {
        className: 'bg-1f251',
        icon: '?'
      }, {
        className: 'bg-f3299',
        icon: '㊙'
      },
  
      {
        className: 'bg-f3297',
        icon: '㊗'
      }, {
        className: 'bg-1f191',
        icon: '?'
      },
      {
        className: 'bg-1f198',
        icon: '?'
      }, {
        className: 'bg-1f194',
        icon: '?'
      }, {
        className: 'bg-1f51e',
        icon: '?'
      }, {
        className: 'bg-1f6ab',
        icon: '?'
      },
  
      {
        className: 'bg-1f19a',
        icon: '?'
      }, {
        className: 'bg-1f171',
        icon: '?'
      },
      {
        className: 'bg-1f170',
        icon: '?'
      }, {
        className: 'bg-1f18e',
        icon: '?'
      }, {
        className: 'bg-1f17e',
        icon: '?'
      }, {
        className: 'bg-f2747',
        icon: '❇'
      }
  
      ]
    },
    {
      name: '物件',
      iconArr: [{
        className: 'bg-1f52e',
        icon: '?'
      }, {
        className: 'bg-1f3a5',
        icon: '?'
      },
      {
        className: 'bg-1f4f7',
        icon: '?'
      }, {
        className: 'bg-1f4f9',
        icon: '?'
      },
      {
        className: 'bg-1f4fc',
        icon: '?'
      }, {
        className: 'bg-1f4bf',
        icon: '?'
      },
      {
        className: 'bg-1f4c0',
        icon: '?'
      }, {
        className: 'bg-1f4bd',
        icon: '?'
      },
      {
        className: 'bg-1f4be',
        icon: '?'
      }, {
        className: 'bg-1f4bb',
        icon: '?'
      },
      {
        className: 'bg-1f4f1',
        icon: '?'
      }, {
        className: 'bg-f260e',
        icon: '☎'
      },
      {
        className: 'bg-1f4de',
        icon: '?'
      }, {
        className: 'bg-1f4df',
        icon: '?'
      },
      {
        className: 'bg-1f4e0',
        icon: '?'
      }, {
        className: 'bg-1f4e1',
        icon: '?'
      },
      {
        className: 'bg-1f4fa',
        icon: '?'
      }, {
        className: 'bg-1f4fb',
        icon: '?'
      },
      {
        className: 'bg-1f50a',
        icon: '?'
      }, {
        className: 'bg-1f509',
        icon: '?'
      },
      {
        className: 'bg-1f508',
        icon: '?'
      }, {
        className: 'bg-1f507',
        icon: '?'
      },
      {
        className: 'bg-1f514',
        icon: '?'
      }, {
        className: 'bg-1f515',
        icon: '?'
      },
      {
        className: 'bg-1f4e2',
        icon: '?'
      }, {
        className: 'bg-1f4e3',
        icon: '?'
      },
      {
        className: 'bg-f23f3',
        icon: '⏳'
      }, {
        className: 'bg-f231b',
        icon: '⌛'
      },
      {
        className: 'bg-f23f0',
        icon: '⏰'
      }, {
        className: 'bg-f231a',
        icon: '⌚'
      },
      {
        className: 'bg-1f513',
        icon: '?'
      }, {
        className: 'bg-1f512',
        icon: '?'
      },
      {
        className: 'bg-1f510',
        icon: '?'
      }, {
        className: 'bg-1f511',
        icon: '?'
      },
      {
        className: 'bg-1f50e',
        icon: '?'
      }, {
        className: 'bg-1f4a1',
        icon: '?'
      },
      {
        className: 'bg-1f526',
        icon: '?'
      }, {
        className: 'bg-1f506',
        icon: '?'
      },
      {
        className: 'bg-1f505',
        icon: '?'
      }, {
        className: 'bg-1f50c',
        icon: '?'
      },
      {
        className: 'bg-1f50b',
        icon: '?'
      }, {
        className: 'bg-1f50d',
        icon: '?'
      },
      {
        className: 'bg-1f6c1',
        icon: '?'
      }, {
        className: 'bg-1f6c0',
        icon: '?'
      },
      {
        className: 'bg-1f6bf',
        icon: '?'
      }, {
        className: 'bg-1f6bd',
        icon: '?'
      },
      {
        className: 'bg-1f527',
        icon: '?'
      }, {
        className: 'bg-1f529',
        icon: '?'
      },
      {
        className: 'bg-1f528',
        icon: '?'
      }, {
        className: 'bg-1f6aa',
        icon: '?'
      },
      {
        className: 'bg-1f6ac',
        icon: '?'
      }, {
        className: 'bg-1f4a3',
        icon: '?'
      },
      {
        className: 'bg-1f52b',
        icon: '?'
      }, {
        className: 'bg-1f52a',
        icon: '?'
      },
      {
        className: 'bg-1f48a',
        icon: '?'
      }, {
        className: 'bg-1f4b0',
        icon: '?'
      },
      {
        className: 'bg-1f4b4',
        icon: '?'
      }, {
        className: 'bg-1f4b5',
        icon: '?'
      },
      {
        className: 'bg-1f4b7',
        icon: '?'
      }, {
        className: 'bg-1f4b6',
        icon: '?'
      },
      {
        className: 'bg-1f4b3',
        icon: '?'
      }, {
        className: 'bg-1f4b8',
        icon: '?'
      },
      {
        className: 'bg-1f4f2',
        icon: '?'
      }, {
        className: 'bg-1f4e7',
        icon: '?'
      },
      {
        className: 'bg-1f4e5',
        icon: '?'
      }, {
        className: 'bg-1f4e4',
        icon: '?'
      },
      {
        className: 'bg-f2709',
        icon: '✉'
      }, {
        className: 'bg-1f4e9',
        icon: '?'
      },
      {
        className: 'bg-1f4e8',
        icon: '?'
      }, {
        className: 'bg-1f4ef',
        icon: '?'
      },
      {
        className: 'bg-1f4eb',
        icon: '?'
      }, {
        className: 'bg-1f4ea',
        icon: '?'
      },
      {
        className: 'bg-1f4ec',
        icon: '?'
      }, {
        className: 'bg-1f4ed',
        icon: '?'
      },
      {
        className: 'bg-1f4ee',
        icon: '?'
      }, {
        className: 'bg-1f4e6',
        icon: '?'
      },
      {
        className: 'bg-1f4dd',
        icon: '?'
      }, {
        className: 'bg-1f4c4',
        icon: '?'
      },
      {
        className: 'bg-1f4c3',
        icon: '?'
      }, {
        className: 'bg-1f4d1',
        icon: '?'
      },
      {
        className: 'bg-1f4ca',
        icon: '?'
      }, {
        className: 'bg-1f4c8',
        icon: '?'
      },
      {
        className: 'bg-1f4c9',
        icon: '?'
      }, {
        className: 'bg-1f4dc',
        icon: '?'
      },
      {
        className: 'bg-1f4cb',
        icon: '?'
      }, {
        className: 'bg-1f4c5',
        icon: '?'
      },
      {
        className: 'bg-1f4c6',
        icon: '?'
      }, {
        className: 'bg-1f4c7',
        icon: '?'
      },
      {
        className: 'bg-1f4c1',
        icon: '?'
      }, {
        className: 'bg-1f4c2',
        icon: '?'
      },
      {
        className: 'bg-f2702',
        icon: '✂'
      }, {
        className: 'bg-1f4cc',
        icon: '?'
      },
      {
        className: 'bg-1f4ce',
        icon: '?'
      }, {
        className: 'bg-f2712',
        icon: '✒'
      },
      {
        className: 'bg-f270f',
        icon: '✏'
      }, {
        className: 'bg-1f4cf',
        icon: '?'
      },
      {
        className: 'bg-1f4d0',
        icon: '?'
      }, {
        className: 'bg-1f4d5',
        icon: '?'
      },
      {
        className: 'bg-1f4d7',
        icon: '?'
      }, {
        className: 'bg-1f4d8',
        icon: '?'
      },
      {
        className: 'bg-1f4d9',
        icon: '?'
      }, {
        className: 'bg-1f4d3',
        icon: '?'
      },
      {
        className: 'bg-1f4d4',
        icon: '?'
      }, {
        className: 'bg-1f4d2',
        icon: '?'
      },
      {
        className: 'bg-1f4da',
        icon: '?'
      }, {
        className: 'bg-1f4d6',
        icon: '?'
      },
      {
        className: 'bg-1f516',
        icon: '?'
      }, {
        className: 'bg-1f4db',
        icon: '?'
      },
      {
        className: 'bg-1f52c',
        icon: '?'
      }
      ]
    },
    {
      name: '标识',
      iconArr: [{
        className: 'bg-1f6bb',
        icon: '?'
      }, {
        className: 'bg-1f6b9',
        icon: '?'
      }, {
        className: 'bg-1f6ba',
        icon: '?'
      }, {
        className: 'bg-1f6bc',
        icon: '?'
      }, {
        className: 'bg-1f6b0',
        icon: '?'
      }, {
        className: 'bg-1f6ae',
        icon: '?'
      }, {
        className: 'bg-f267f',
        icon: '♿'
      }, {
        className: 'bg-1f6ad',
        icon: '?'
      }, {
        className: 'bg-1f6c2',
        icon: '?'
      }, {
        className: 'bg-1f6c4',
        icon: '?'
      }, {
        className: 'bg-1f6c5',
        icon: '?'
      },
      {
        className: 'bg-1f6c3',
        icon: '?'
      }, {
        className: 'bg-1f6ab',
        icon: '?'
      }, {
        className: 'bg-1f51e',
        icon: '?'
      }, {
        className: 'bg-1f6af',
        icon: '?'
      }, {
        className: 'bg-1f6b1',
        icon: '?'
      }, {
        className: 'bg-1f6b3',
        icon: '?'
      }, {
        className: 'bg-1f6b7',
        icon: '?'
      }, {
        className: 'bg-1f6b8',
        icon: '?'
      }, {
        className: 'bg-f26d4',
        icon: '⛔'
      }, {
        className: 'bg-f2733',
        icon: '✳'
      }, {
        className: 'bg-f2747',
        icon: '❇'
      },
      {
        className: 'bg-f274e',
        icon: '❎'
      }, {
        className: 'bg-f2705',
        icon: '✅'
      }, {
        className: 'bg-f2734',
        icon: '✴'
      }, {
        className: 'bg-1f49f',
        icon: '?'
      }, {
        className: 'bg-1f4f3',
        icon: '?'
      }, {
        className: 'bg-1f4f4',
        icon: '?'
      }, {
        className: 'bg-1f4a0',
        icon: '?'
      }, {
        className: 'bg-f27bf',
        icon: '➿'
      }, {
        className: 'bg-f267b',
        icon: '♻'
      }, {
        className: 'bg-f26ce',
        icon: '⛎'
      }, {
        className: 'bg-1f51f',
        icon: '?'
      },
  
      {
        className: 'bg-f2b06',
        icon: '⬆'
      }, {
        className: 'bg-f2b07',
        icon: '⬇'
      }, {
        className: 'bg-f2b05',
        icon: '⬅'
      }, {
        className: 'bg-f27a1',
        icon: '➡'
      }, {
        className: 'bg-1f523',
        icon: '?'
      }, {
        className: 'bg-1f522',
        icon: '?'
      }, {
        className: 'bg-1f520',
        icon: '?'
      }, {
        className: 'bg-1f521',
        icon: '?'
      }, {
        className: 'bg-1f524',
        icon: '?'
      }, {
        className: 'bg-f2197',
        icon: '↗'
      }, {
        className: 'bg-f2196',
        icon: '↖'
      },
      {
        className: 'bg-f2198',
        icon: '↘'
      }, {
        className: 'bg-f2199',
        icon: '↙'
      }, {
        className: 'bg-f2194',
        icon: '↔'
      }, {
        className: 'bg-f2195',
        icon: '↕'
      }, {
        className: 'bg-1f504',
        icon: '?'
      }, {
        className: 'bg-f25c0',
        icon: '◀'
      }, {
        className: 'bg-f25b6',
        icon: '▶'
      }, {
        className: 'bg-1f53c',
        icon: '?'
      }, {
        className: 'bg-1f53d',
        icon: '?'
      }, {
        className: 'bg-f21a9',
        icon: '↩'
      }, {
        className: 'bg-f21aa',
        icon: '↪'
      },
      {
        className: 'bg-f2139',
        icon: 'ℹ'
      }, {
        className: 'bg-f23ea',
        icon: '⏪'
      }, {
        className: 'bg-f23eb',
        icon: '⏫'
      }, {
        className: 'bg-f23ec',
        icon: '⏬'
      }, {
        className: 'bg-f2935',
        icon: '⤵'
      }, {
        className: 'bg-f2934',
        icon: '⤴'
      }, {
        className: 'bg-1f197',
        icon: '?'
      }, {
        className: 'bg-1f500',
        icon: '?'
      }, {
        className: 'bg-1f501',
        icon: '?'
      }, {
        className: 'bg-1f502',
        icon: '?'
      }, {
        className: 'bg-1f195',
        icon: '?'
      },
      {
        className: 'bg-1f199',
        icon: '?'
      }, {
        className: 'bg-1f192',
        icon: '?'
      }, {
        className: 'bg-1f193',
        icon: '?'
      }, {
        className: 'bg-1f196',
        icon: '?'
      }, {
        className: 'bg-1f4f6',
        icon: '?'
      }, {
        className: 'bg-1f3a6',
        icon: '?'
      }, {
        className: 'bg-1f201',
        icon: '?'
      }, {
        className: 'bg-1f52f',
        icon: '?'
      }, {
        className: 'bg-1f3e7',
        icon: '?'
      }, {
        className: 'bg-1f4b9',
        icon: '?'
      }, {
        className: 'bg-1f4b2',
        icon: '?'
      },
      {
        className: 'bg-1f4b1',
        icon: '?'
      },
      {
        className: 'bg-f274c',
        icon: '❌'
      }, {
        className: 'bg-f2757',
        icon: '❗'
      }, {
        className: 'bg-f2753',
        icon: '❓'
      }, {
        className: 'bg-f2755',
        icon: '❕'
      }, {
        className: 'bg-f2754',
        icon: '❔'
      }, {
        className: 'bg-f2b55',
        icon: '⭕'
      }, {
        className: 'bg-1f51d',
        icon: '?'
      }, {
        className: 'bg-1f51a',
        icon: '?'
      }, {
        className: 'bg-1f519',
        icon: '?'
      },
      {
        className: 'bg-1f51b',
        icon: '?'
      }, {
        className: 'bg-1f51c',
        icon: '?'
      }, {
        className: 'bg-1f503',
        icon: '?'
      }, {
        className: 'bg-1f55b',
        icon: '?'
      }, {
        className: 'bg-1f551',
        icon: '?'
      }, {
        className: 'bg-1f552',
        icon: '?'
      }, {
        className: 'bg-1f55e',
        icon: '?'
      },
      {
        className: 'bg-1f553',
        icon: '?'
      },
      {
        className: 'bg-f2795',
        icon: '➕'
      }, {
        className: 'bg-f2796',
        icon: '➖'
      }, {
        className: 'bg-f2797',
        icon: '➗'
      }, {
        className: 'bg-f2660',
        icon: '♠'
      }, {
        className: 'bg-f2665',
        icon: '♥'
      }, {
        className: 'bg-f2663',
        icon: '♣'
      }, {
        className: 'bg-f2666',
        icon: '♦'
      },
      {
        className: 'bg-1f4ae',
        icon: '?'
      }, {
        className: 'bg-1f4af',
        icon: '?'
      }, {
        className: 'bg-f2714',
        icon: '✔'
      }, {
        className: 'bg-f2611',
        icon: '☑'
      }, {
        className: 'bg-1f518',
        icon: '?'
      }, {
        className: 'bg-1f517',
        icon: '?'
      }, {
        className: 'bg-f27b0',
        icon: '➰'
      }, {
        className: 'bg-f3030',
        icon: '〰'
      }, {
        className: 'bg-f303d',
        icon: '〽'
      }, {
        className: 'bg-1f531',
        icon: '?'
      }, {
        className: 'bg-f25fc',
        icon: '◼'
      },
      {
        className: 'bg-f25fb',
        icon: '◻'
      }, {
        className: 'bg-f25fe',
        icon: '◾'
      }, {
        className: 'bg-f25fd',
        icon: '◽'
      }, {
        className: 'bg-f25aa',
        icon: '▪'
      }, {
        className: 'bg-f25ab',
        icon: '▫'
      }, {
        className: 'bg-1f53a',
        icon: '?'
      }, {
        className: 'bg-1f532',
        icon: '?'
      }, {
        className: 'bg-1f533',
        icon: '?'
      }, {
        className: 'bg-f26ab',
        icon: '⚫'
      }, {
        className: 'bg-f26aa',
        icon: '⚪'
      }, {
        className: 'bg-1f534',
        icon: '?'
      },
      {
        className: 'bg-1f535',
        icon: '?'
      }, {
        className: 'bg-1f53b',
        icon: '?'
      }, {
        className: 'bg-1f536',
        icon: '?'
      }, {
        className: 'bg-1f537',
        icon: '?'
      }, {
        className: 'bg-1f538',
        icon: '?'
      }, {
        className: 'bg-1f539',
        icon: '?'
      }, {
        className: 'bg-f2716',
        icon: '✖'
      }
      ]
    },
    {
      name: '房车',
      iconArr: [{
        className: 'bg-1f3e0',
        icon: '?'
      }, {
        className: 'bg-1f3e1',
        icon: '?'
      }, {
        className: 'bg-1f3eb',
        icon: '?'
      }, {
        className: 'bg-1f3e2',
        icon: '?'
      },
      {
        className: 'bg-1f3e3',
        icon: '?'
      }, {
        className: 'bg-1f3e5',
        icon: '?'
      }, {
        className: 'bg-1f3e6',
        icon: '?'
      }, {
        className: 'bg-1f3ea',
        icon: '?'
      }, {
        className: 'bg-1f3e9',
        icon: '?'
      }, {
        className: 'bg-1f3e8',
        icon: '?'
      }, {
        className: 'bg-1f492',
        icon: '?'
      }, {
        className: 'bg-f26ea',
        icon: '⛪'
      }, {
        className: 'bg-1f3ec',
        icon: '?'
      }, {
        className: 'bg-1f3e4',
        icon: '?'
      }, {
        className: 'bg-1f307',
        icon: '?'
      },
      {
        className: 'bg-1f306',
        icon: '?'
      }, {
        className: 'bg-1f3ef',
        icon: '?'
      }, {
        className: 'bg-1f3f0',
        icon: '?'
      }, {
        className: 'bg-f26fa',
        icon: '⛺'
      },
      {
        className: 'bg-1f3ed',
        icon: '?'
      }, {
        className: 'bg-1f5fc',
        icon: '?'
      }, {
        className: 'bg-1f5fe',
        icon: '?'
      }, {
        className: 'bg-1f5fb',
        icon: '?'
      }, {
        className: 'bg-1f304',
        icon: '?'
      }, {
        className: 'bg-1f6a2',
        icon: '?'
      }, {
        className: 'bg-f26f5',
        icon: '⛵'
      }, {
        className: 'bg-1f6a4',
        icon: '?'
      }, {
        className: 'bg-1f6a3',
        icon: '?'
      }, {
        className: 'bg-f2693',
        icon: '⚓'
      }, {
        className: 'bg-1f680',
        icon: '?'
      },
      {
        className: 'bg-f2708',
        icon: '✈'
      }, {
        className: 'bg-1f4ba',
        icon: '?'
      }, {
        className: 'bg-1f681',
        icon: '?'
      }, {
        className: 'bg-1f682',
        icon: '?'
      },
      {
        className: 'bg-1f68a',
        icon: '?'
      }, {
        className: 'bg-1f689',
        icon: '?'
      }, {
        className: 'bg-1f69e',
        icon: '?'
      }, {
        className: 'bg-1f686',
        icon: '?'
      }, {
        className: 'bg-1f684',
        icon: '?'
      }, {
        className: 'bg-1f685',
        icon: '?'
      }, {
        className: 'bg-1f688',
        icon: '?'
      }, {
        className: 'bg-1f687',
        icon: '?'
      }, {
        className: 'bg-1f69d',
        icon: '?'
      }, {
        className: 'bg-1f68b',
        icon: '?'
      }, {
        className: 'bg-1f683',
        icon: '?'
      },
      {
        className: 'bg-1f68e',
        icon: '?'
      }, {
        className: 'bg-1f68c',
        icon: '?'
      }, {
        className: 'bg-1f68d',
        icon: '?'
      }, {
        className: 'bg-1f699',
        icon: '?'
      },
      {
        className: 'bg-1f698',
        icon: '?'
      }, {
        className: 'bg-1f697',
        icon: '?'
      }, {
        className: 'bg-1f695',
        icon: '?'
      }, {
        className: 'bg-1f696',
        icon: '?'
      }, {
        className: 'bg-1f69b',
        icon: '?'
      }, {
        className: 'bg-1f69a',
        icon: '?'
      }, {
        className: 'bg-1f6a8',
        icon: '?'
      }, {
        className: 'bg-1f693',
        icon: '?'
      }, {
        className: 'bg-1f694',
        icon: '?'
      }, {
        className: 'bg-1f692',
        icon: '?'
      }, {
        className: 'bg-1f691',
        icon: '?'
      },
      {
        className: 'bg-1f690',
        icon: '?'
      },
      {
        className: 'bg-1f6b2',
        icon: '?'
      },
      {
        className: 'bg-1f6a1',
        icon: '?'
      },
      {
        className: 'bg-1f69f',
        icon: '?'
      },
      {
        className: 'bg-1f6a0',
        icon: '?'
      },
      {
        className: 'bg-1f69c',
        icon: '?'
      },
      {
        className: 'bg-1f488',
        icon: '?'
      },
      {
        className: 'bg-1f68f',
        icon: '?'
      },
      {
        className: 'bg-1f3ab',
        icon: '?'
      },
      {
        className: 'bg-1f6a6',
        icon: '?'
      },
      {
        className: 'bg-1f6a5',
        icon: '?'
      },
      {
        className: 'bg-f26a0',
        icon: '⚠'
      },
      {
        className: 'bg-1f6a7',
        icon: '?'
      },
      {
        className: 'bg-1f530',
        icon: '?'
      },
      {
        className: 'bg-f26fd',
        icon: '⛽'
      },
      {
        className: 'bg-1f3ee',
        icon: '?'
      },
      {
        className: 'bg-f2668',
        icon: '♨'
      },
      {
        className: 'bg-1f5ff',
        icon: '?'
      },
      {
        className: 'bg-1f3aa',
        icon: '?'
      },
      {
        className: 'bg-1f3ad',
        icon: '?'
      },
      {
        className: 'bg-1f4cd',
        icon: '?'
      },
  
      {
        className: 'bg-1f6a9',
        icon: '?'
      }
      ]
    }
  ]
  export {
    emojiArr
  }

版权声明:本文为weixin_46171419原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。