├── LICENSE ├── README.md ├── WxEmojiView ├── WxEmojiView.js ├── WxEmojiView.wxml ├── WxEmojiView.wxss └── emojis │ ├── 00.gif │ ├── 01.gif │ ├── 02.gif │ ├── 03.gif │ ├── 04.gif │ ├── 05.gif │ ├── 06.gif │ ├── 07.gif │ ├── 08.gif │ ├── 09.gif │ ├── 10.gif │ ├── 100.gif │ ├── 101.gif │ ├── 102.gif │ ├── 103.gif │ ├── 104.gif │ ├── 105.gif │ ├── 106.gif │ ├── 107.gif │ ├── 108.gif │ ├── 109.gif │ ├── 11.gif │ ├── 110.gif │ ├── 111.gif │ ├── 112.gif │ ├── 113.gif │ ├── 114.gif │ ├── 115.gif │ ├── 116.gif │ ├── 117.gif │ ├── 118.gif │ ├── 119.gif │ ├── 12.gif │ ├── 120.gif │ ├── 121.gif │ ├── 122.gif │ ├── 123.gif │ ├── 124.gif │ ├── 125.gif │ ├── 126.gif │ ├── 127.gif │ ├── 128.gif │ ├── 129.gif │ ├── 13.gif │ ├── 130.gif │ ├── 131.gif │ ├── 132.gif │ ├── 133.gif │ ├── 134.gif │ ├── 14.gif │ ├── 15.gif │ ├── 16.gif │ ├── 17.gif │ ├── 18.gif │ ├── 19.gif │ ├── 20.gif │ ├── 21.gif │ ├── 22.gif │ ├── 23.gif │ ├── 24.gif │ ├── 25.gif │ ├── 26.gif │ ├── 27.gif │ ├── 28.gif │ ├── 29.gif │ ├── 30.gif │ ├── 31.gif │ ├── 32.gif │ ├── 33.gif │ ├── 34.gif │ ├── 35.gif │ ├── 36.gif │ ├── 37.gif │ ├── 38.gif │ ├── 39.gif │ ├── 40.gif │ ├── 41.gif │ ├── 42.gif │ ├── 43.gif │ ├── 44.gif │ ├── 45.gif │ ├── 46.gif │ ├── 47.gif │ ├── 48.gif │ ├── 49.gif │ ├── 50.gif │ ├── 51.gif │ ├── 52.gif │ ├── 53.gif │ ├── 54.gif │ ├── 55.gif │ ├── 56.gif │ ├── 57.gif │ ├── 58.gif │ ├── 59.gif │ ├── 60.gif │ ├── 61.gif │ ├── 62.gif │ ├── 63.gif │ ├── 64.gif │ ├── 65.gif │ ├── 66.gif │ ├── 67.gif │ ├── 68.gif │ ├── 69.gif │ ├── 70.gif │ ├── 71.gif │ ├── 72.gif │ ├── 73.gif │ ├── 74.gif │ ├── 75.gif │ ├── 76.gif │ ├── 77.gif │ ├── 78.gif │ ├── 79.gif │ ├── 80.gif │ ├── 81.gif │ ├── 82.gif │ ├── 83.gif │ ├── 84.gif │ ├── 85.gif │ ├── 86.gif │ ├── 87.gif │ ├── 88.gif │ ├── 89.gif │ ├── 90.gif │ ├── 91.gif │ ├── 92.gif │ ├── 93.gif │ ├── 94.gif │ ├── 95.gif │ ├── 96.gif │ ├── 97.gif │ ├── 98.gif │ └── 99.gif ├── app.js ├── app.json ├── app.wxss ├── image ├── icon_API.png └── icon_API_HL.png ├── pages ├── index │ ├── index.js │ ├── index.wxml │ └── index.wxss ├── logs │ ├── logs.js │ ├── logs.json │ ├── logs.wxml │ └── logs.wxss └── test │ ├── test.js │ └── test.wxml ├── screenshoot └── wxemojiview.gif └── utils └── util.js /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2016 Di 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ## 来源信息 2 | 3 | * author: Di (微信小程序开发工程师) 4 | * organization: WeAppDev(微信小程序开发论坛)(http://weappdev.com) 5 | * 垂直微信小程序开发交流社区 6 | * github地址: https://github.com/icindy/WxEmojiView 7 | * 作用: WxEmojiView-微信小程序Emoji展示输入组件 8 | * detail : 9 | * version: `alpha 0.1 非正式版` 10 | 11 | ## 效果gif(加载慢.... 请等待...) 12 | 13 | ![WxEmojiView-微信小程序Emoji展示输入组件](screenshoot/wxemojiview.gif) 14 | 15 | ## 作用 16 | 17 | * 用于展示带有emoji的文本信息 18 | * 用于输入和带有emoji的输入框 19 | 20 | ## 使用 21 | 22 | * 拷贝`WxEmojiView\`文件夹到开发目录下 23 | * 替换`WxEmojiView`文件夹下的`emojis`文件夹下的小表情图片 24 | * 初始化表情 25 | > 可以在`app.js`中进行配置,全局使用,也可单独配置使用 26 | 27 | + 初始化函数`WxEmoji.init(reg,emojis)` 28 | reg: 分割符号 29 | emojis: 配置表情key-value(名称和后面的必须一致,否则失效,没有写转化函数) 30 | 31 | + 使用代码 32 | ``` 33 | var WxEmoji = require('WxEmojiView/WxEmojiView.js'); 34 | App({ 35 | onLaunch: function () { 36 | WxEmoji.init(":_/",{ 37 | "00":"00.gif", 38 | "01":"01.gif", 39 | "02":"02.gif", 40 | "03":"03.gif", 41 | "04":"04.gif", 42 | "05":"05.gif", 43 | .... 44 | }); 45 | } 46 | }) 47 | ``` 48 | 49 | * 引入到需要使用的地方 50 | 如在`index.js`中进行使用 51 | 52 | + 需要进行函数引入 53 | `var WxEmoji = require('../../WxEmojiView/WxEmojiView.js');` 54 | 55 | + 如在index.wxml中使用 56 | `` 57 | 58 | * 模版使用 59 | 60 | + view对文本进行展示 使用模版`WxEmojiView`模版 61 | ``` 62 | wxEmojiView 静态图文 63 |