vuejs-emoji for Vuejs 2.x
Vue2.x emoji plugin and autoload fontawesome(^4.7.0) and bootstrap(^3.2.x)
Install
# install$ npm install vuejs-emoji --save
Requirement Dependencies
1、Vue-cli
- Vue-cli install
# install$ npm install -g vue-cli
- using cli create project
$ vue init webpack my-project
2、Emoji Resources Download
- Download static.zip
- Unzip static.zip file, then override project static folder
Usage
ES6
Vue
Using directive in template
SelectCallback & IconConfig
- SelectCallback = selectIcon(val) SelectCallback function's val is a html content.
- IconConfig is Object
var iconConfig =placement: 'top'size: '30px'name: 'fa-send' // font awesome icon namecolor: '#fff' // icon color: hex、rgb or rgba value
Detail IconConfig
key | default | type | intro |
---|---|---|---|
placement | 'top' | String | 'top'、'left'、'right'、'bottom' |
size | '30px' | String | also can use rem, eg: '1rem' |
name | 'fa-smile-o' | String | just use font awesome icon name |
color | '#278dff' | String | can use hex、rgb、rgba value |