v-emoji-v2

在vue2的上的一个 emoji 组件，可在写聊天页面用上哦

v-emoji-v2 码云仓库

emoji 来源

svg 来源

使用方式

# npm i v-emoji-v2
# yarn add v-emoji-v2


import Vue from 'vue';

import App from './App.vue';

import VEmojiV2 from 'v-emoji-v2'
import 'v-emoji-v2/src/index.css'
Vue.use(VEmojiV2)

new Vue({
  el: '#app',
  render: h => h(App)
});

配置参数 Props

| 参数 | 说明 | 类型 | 默认值 | | -------- | :--- | :--: | :--: | | customEmojis | 自定义小表情，可从各大输入法里面扒拉出来，可参考仓库 packages/utils/emojis.js 的定义方式 | Array || | customCategories | 自定义顶部图标，本组件采用svg，可参考仓库 packages/utils/categories.js 的定义方式 | Array || | emojisByRow | 一行显示多少个小表情 | Number | 5 | | continuousList | 是否展示连续列表 | Boolean | false | | emojiSize | 小表情的大小 | Number | 32 | | emojiWithBorder | 选中小表情是否显示边框 | Boolean | true | | showSearch | 是否展示搜索框 | Boolean | true | | showCategories | 是否展示Tabs栏目 | Boolean | true | | dark | 是否开启黑夜模式 | Boolean | false | | initialCategory | 初始激活哪一个tabs Peoples 为第一个，可参考仓库 packages/utils/categories.js | String | Peoples | | direction | 导航栏的方向，默认在顶部，可选参数 bottom | String | top | | i18n | 配置组件多语言，可参考 packages/locale/lang 下的语言库 | Object ||

方法 Methods

| 参数 | 说明 | 类型 | | -------- | :--- | :----: | | changeCategory | 点击Tabs触发 返回当前激活的tab的参数 | Function | | select | 点击小表情触发 返回当前选中的小表情的参数 | Function |