小程序实现留言板

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

wxml

 

快速捎话：{{neirong}}
 


 {{item.msg}}
 
 
捎话

index.js

var nr = '';
Page({
 
 
 data: {
 
  msgdata:
  [
   {
    msg:
    "泡澡水不要太热。"
   },//双引号
   {
    msg:
    "面部比较干，想补个水。"
   },
   {
    msg:
    "我只有2小时，您看着安排吧。"
   },
   {
    msg:
    "我想把眉毛在修下。"
   },
   {
    msg:
    "给我清个痘痘。"
   },
   {
    msg:
    "头疼，能轻点按。"
   }
  ],
  neirong: '',
 
 },
 
 clickMe: function (e) {
  var that = this;
  console.log(e);
  nr = e.currentTarget.dataset.nr;
  that.setData({
   neirong: nr
  })
 },
 
 
 onLoad: function (options) {
 
 },
 
 
 onReady: function () {
 
 },
 
 
 onShow: function () {
 
 },
 
 
 onHide: function () {
 
 },
 
 
 onUnload: function () {
 
 },
 
 
 onPullDownRefresh: function () {
 
 },
 
 
 onReachBottom: function () {
 
 },
 
 
 onShareAppMessage: function () {
 
 }
})

wx.css

.section{
width:96%;
height:220rpx;
margin-left:5px;
}
.message1{
 width:96%;
 height:210rpx;
 margin-top: 30rpx;
 font-size: 90%;
 margin-left:20px;
}
.circle{
 height:35rpx;
 width:35rpx;
 border-radius: 50%;
 border: 1px solid #ccc;
 display:inline-block;
 margin:28rpx 45rpx auto 50rpx;
 
}
.fast{
 position:relative;
 top:-50rpx;
 font-size:90%;
 background:#f4f4f4;
 line-height:100rpx;
 text-indent:2em;
}
.item{
position:relative;
border-bottom:1px solid #f4f4f4;
padding-bottom:10px;
top: -60rpx;
}
.message_font{
 font-size:80%;
 font-family:"微软雅黑";
 font-weight:blod;
 display:inline-block;
 position:relative;
 top:-5rpx;
}
.submit{
 width:100%;
 height: 100rpx;
 background: #fed1d6;
 position: relative;
 top:168rpx;
 line-height: 100rpx;
}
button::after{
 border:none;
 }

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

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