author: Di (微信小程序开发工程师)
organization: WeAppDev(微信小程序开发论坛)(http://weappdev.com)
垂直微信小程序开发交流社区
github地址: github.com/icindy/WxEm…
作用: WxEmojiView-微信小程序Emoji展示输入组件
detail :
version: alpha 0.1 非正式版
作用
用于展示带有emoji的文本信息
用于输入和带有emoji的输入框
使用
拷贝WxEmojiView\文件夹到开发目录下
替换WxEmojiView文件夹下的emojis文件夹下的小表情图片
初始化表情
可以在app.js中进行配置,全局使用,也可单独配置使用
初始化函数WxEmoji.init(reg,emojis)reg: 分割符号
emojis: 配置表情key-value(名称和后面的必须一致,否则失效,没有写转化函数)
使用代码
var WxEmoji = require('WxEmojiView/WxEmojiView.js'); App({ onLaunch: function () { WxEmoji.init(:_/,{ 00:00.gif, 01:01.gif, 02:02.gif, 03:03.gif, 04:04.gif, 05:05.gif, .... }); } })
引入到需要使用的地方
如在index.js中进行使用
需要进行函数引入
var WxEmoji = require('../../WxEmojiView/WxEmojiView.js');
如在index.wxml中使用
模版使用
view对文本进行展示 使用模版WxEmojiView模版
wxEmojiView 静态图文
使用textarea进行输入展示 使用WxEmojiTextarea模版
* textarea组件的focus,blur事件绑定,小图标的点击事件(仅用于textarea的时候)
WxEmojiTextareaFocus:function(e) { var that = this; WxEmoji.WxEmojiTextareaFocus(that,e); }, WxEmojiTextareaBlur:function(e){ var that = this; WxEmoji.WxEmojiTextareaBlur(that,e); }, wxPreEmojiTap: function(e){ var that = this; WxEmoji.wxPreEmojiTap(that,e); }
问题
目前版本还存在很多问题,所以欢迎提交isssue
来源
本项目由微信小程序开发论坛-WeAppDev weappdev.com/ 会员编写
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。