v-emoji-v2
在vue2的上的一个 emoji 组件,可在写聊天页面用上哦
v-emoji-v2 码云仓库
emoji 来源
svg 来源
![](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 |