# v-emoji-v2

**Repository Path**: caohuiboss/v-emoji-v2

## Basic Information

- **Project Name**: v-emoji-v2
- **Description**: vue2系列的 emoji 组件库，适用于vue3之前的版本
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://caohuiboss.gitee.io/v-emoji-v2/
- **GVP Project**: No

## Statistics

- **Stars**: 29
- **Forks**: 1
- **Created**: 2020-12-10
- **Last Updated**: 2024-07-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# v-emoji-v2

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

> [v-emoji-v2 码云仓库](https://gitee.com/caohuiboss/v-emoji-v2)

> [emoji 来源](http://getemoji.com/)

> [svg 来源](https://www.iconfont.cn/)

![](https://timegods.oss-cn-shenzhen.aliyuncs.com/markdown/v-emoji-v2.png)

## 使用方式

```
# 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    |