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