0.0.8 • Published 5 years ago

v-emoji-v2 v0.0.8

Weekly downloads
9
License
ISC
Repository
-
Last release
5 years ago

v-emoji-v2

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

v-emoji-v2 码云仓库

emoji 来源

svg 来源

npm.io

使用方式

# 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一行显示多少个小表情Number5
continuousList是否展示连续列表Booleanfalse
emojiSize小表情的大小Number32
emojiWithBorder选中小表情是否显示边框Booleantrue
showSearch是否展示搜索框Booleantrue
showCategories是否展示Tabs栏目Booleantrue
dark是否开启黑夜模式Booleanfalse
initialCategory初始激活哪一个tabs Peoples 为第一个,可参考仓库 packages/utils/categories.jsStringPeoples
direction导航栏的方向,默认在顶部,可选参数 bottomStringtop
i18n配置组件多语言,可参考 packages/locale/lang 下的语言库Object

方法 Methods

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

5 years ago

0.0.7

5 years ago

0.0.6

5 years ago

0.0.5

5 years ago

0.0.4

5 years ago

0.0.3

5 years ago

0.0.2

5 years ago