微信小程序如何实现留言功能？
我们都知道，微信最近推出了小程序功能。最近有很多微信用户问我如何实现小程序中的消息功能？下面我就带大家了解一下小程序中消息功能如何实现？
看上去就是这样，功能一目了然。下面贴出实现代码。第一个是HTML 页面。嗯，其实微信小程序是wxml（微信ml），总感觉怪怪的，有什么原因吗？
我把微信小程序中的div改成了view。听说div也可以用，但是我还没尝试过，不知道是真是假。不过就是这样了，反正原理都是一样的，页面效果主要靠css，我又错了，是wxss（微信ss）。说实话，我总觉得……这种感觉很难解释。
看看我们的布局代码，超级简单，和css一模一样
1 /**索引.wxss**/
2.消息框{
3 内边距：20px；
4}
5.发送框{
6.显示方式：柔性；
7}
8.输入{
9 边框：1px 实线#B0C4DE；
10 内边距：5px；
11}
12. 消息信息{
13 显示：块；
14 边距：10px 0 0 0 ；
15种颜色：#339900；
16
17}
18. 放置输入{
19号颜色：鲑鱼色；
20}
21 .列表视图{
22 边距：20px 0 0 0；
23 }
24.项目{
25 溢出：隐藏；
26 边框底部：1px 虚线#87CEFF；
27 高度：30px；
28 行高：30px；
29}
30.text1{
31 浮动：左；
32}
33.close-btn{
34 浮动：右；
35 边距：5px 5px 0 0；
36}
只有36 行。现在一看，好吧，其实很简单。微信小程序的功能实现主要依赖于js部分。幸运的是，他们不叫它（wxjs）。微信小程序的js怎么写，如果你会vue.js
React或者AngularJS，都是一样的好吧，不过我暂时不知道这三个！！
js代码如下：
1 //index.js
2 //获取应用实例
3 var app=getApp();
4 页({
5 数据：{
6 消息数据：[]
7},
8 改变输入值（ev）{
9 this.setData({
10 inputVal：ev.detail.value
11})
12},
13 //删除消息
14 DelMsg(ev){
15 var n=ev.target.dataset.index;
16
17 var 列表=this.data.msgData;
18 列表.splice(n,1);
19
20 this.setData({
21 消息数据：列表
22 }）;
23 }，
24 //添加消息
25 添加消息（）{
26 var 列表=this.data.msgData;
27 列表.push({
28 消息：this.data.inputVal
29}）；
30 //更新
31 this.setData({
32 消息数据：列表，
33 输入值：''
34}）；
35},
36}）
完美的36行。如果我知道自己写了一堆wxml 注释，我就会达到36 个。多么流畅的数字啊。哈哈哈，
好了，所有的功能代码都到这里了，我们去玩吧。
请注明代码来源。这是我根据腾讯课堂的课程写的。我忘记了细节，我不会检查。不管怎样，请解释一下，不要说我盗版。因为这本身就是给大家学习的，…………
别太担心。
小程序如何实现消息功能？通过上面的内容，你知道小程序是如何实现消息功能的吗？
