0.0.8 • Published 5 years ago
v-emoji-v2 v0.0.8
v-emoji-v2
在vue2的上的一个 emoji 组件,可在写聊天页面用上哦
使用方式
# 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 |