本文实例为大家分享了小程序实现留言板的具体代码，供大家参考，具体内容如下

页面结构

view class=' section '文本区域class=' message 1 '类型=' text '占位符='请选择或者输入捎话(60字以内)" maxlength=' 80 ' style=' word-wrap : break-word ' onfocus=' this。blur()' bind tap=' '/text area/view view class=' fast '快速捎话：{ { nei Rong } }/view view class=' item ' wx : for=' { { MSgdata } } ' wx : key=' { { index } } ' view class=' circle '/view text data-NR=' { { item。msg } } ' class=' message _ font ' bind tap=' ClickMe ' { item。msg } }/text/view按钮class=' submit '捎话/buttonindex.js

var nr=页面({ /** *页面的初始数据*/data : { msg data : [{ msg : '泡澡水不要太热。' },//双引号{ msg: '面部比较干，想补个水}，{ msg: '我只有2小时，您看着安排吧}，{ msg: '我想把眉毛在修下}，{ msg: '给我清个痘痘}，{ msg: '头疼，能轻点按} ]，neirong: ' '，}，clickMe:函数{ var即=这个控制台。日志(e)；NR=e . CurrentTarget。数据集。NR；那个。setdata({ nei Rong : NR })}，/** *生命周期函数-监听页面加载*/onLoad:函数（选项){ },/** *生命周期函数-监听页面初次渲染完成*/onReady:函数(){ },/** *生命周期函数-监听页面显示*/OnShaw :函数(){ },/** *生命周期函数-监听页面隐藏*/onHide:函数(){ },/** *生命周期函数-监听页面卸载*/onUnload:函数(){ },/** *页面相关事件处理函数-监听用户下拉动作*/onpulldownlrefresh :函数(){ },/** *页面上拉触底事件的处理函数*/onReachBottom:函数(){ },/** *用户点击右上角分享*/onsharappmessage :函数(){ }})wx.css

/*捎话wx.css */.截面{宽度：96%;高度：220rpx边距-左侧：5 px} .消息1 {宽度：96%；高度：210 rpxmargin-top : 30 rpx；字号： 90%；左边距left:20px}。圆圈{ height:35rpx宽度宽度：35rpx边界半径： 50%;border: 1px固体# cccdisplay :内嵌块；保证金：28 rpx 45 rpx汽车50 rpx}.fast { position : relative top :-50 rpx；字号：90%；背景： # F4 F4；线高height :100 rpxtext-缩进：2 em}.项目{ position : relative border-bottom :1 px实心# F4 F4 F4添加-底部：10 pxtop :-60 rpx；}.message _ font { font-size :80%；字体系列： '微软雅黑；字体粗细： blod显示：内嵌块；位置：相对；top :-5rpx；}.提交{宽度：100%；高度： 100 rpx背景技术# fed1d6相对位置：top:168rpx线高： 100 rpx{边框：无}后的按钮：}

但是上面的文本区域还可以自由去编写，但是想实现在快速留言后面，再添加内容

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。