微信小程序实现留言板

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

CSS:

/*页面/订单/消息2/消息2.wxss */.msg-box { padd : 20px；} .发送盒{ display: flex}。输入{ border: 1px实心# B0C4DEpadding: 5px}。消息信息{显示： }块；margin : 10px 0 0 0 color : # 339900 }。place-input { color : salmon；} .列表视图{ margin: 20px 0 0}。项目{ overflow:隐藏；边框-bottom: 1px虚线# 87头孢呋辛30px线高： 30px} .text1{左侧浮动：} .close-BTN { float : right；margin: 5px 5px 0 0}js:

const app=GetApp()；页面({ /** *页面的初始数据*/data : { msg data : [{ child _ id : 1，msg: '我想做个眉毛，到店后求推荐，checked:'' }，{ child_id: 2，msg: '我只有2小时，您看着安排吧，checked: '' }，{ child_id: 3，msg: '我和朋友一起过来，checked: '' }，{ child_id: 4，msg: '美甲样式到店挑选，checked: '' }，{ child_id: 5，msg: '给眉毛再补个颜色，checked: '' }，{ child_id: 6，msg: '我要补睫毛哦，checked:'' } ]，message: ' '，message_id:[]，}，bindTextAreaChange:函数{ var那=这个。那个。setdata({ message : e . detail。value })}，单击：函数{ var那=这个；let id=e . CurrentTarget。数据集。id；让index=e . CurrentTarget。数据集。指数；定义变量值=[];值=这个。数据。消息id；var array_i=this.in_array(id，value)；var chek eds=那个。数据。MSgdatavar msg=chekeds[index].味精；var消息=那个。数据。消息；if(！e . CurrentTarget。数据集。选中){选中的s[索引].选中=真。setDATa({ message : message msg })} else { checked s[index].选中=假。setdata({ message : message。替换(msg，")})}那个。setdata({ msg data : chekeds })if(array _ I){ value。拼接(array _ I，1)；} else { value。push(id)；}这个。setdata({ message _ id :值，}) }，in_array:函数(search，array){ for(var I in array){ if(array[I]==search){ return I；} }返回false}，submit:function(){ var值=[];var消息=这个。数据。消息；var MSgdata=this。数据。MSgdataif (message==' '！价值。长度){ wx。ShowToast({ title : '暂无选择项目，icon:'none' })返回；} app。全球数据。消息=消息；for(var I=0；I MSgdata . LengTii){ if(消息。indexof(MSgdata[I]).msg) -1){ value[i]=msgData[i].子id；} } wx。请求({ URL : ' https://www。奥米克洛布。com/app/public/index。PHP/index/index/server '，method: 'POST '，data: { message_id:值，OpenID : app。全球数据。OpenID，message:消息，token : app。全球数据。令牌}，标头： { ' Accept ' : '应用程序/捎话成功，//success : function(){//}/})wx。切换选项卡({ URL : '/页面/订单/订单'，成功：函数(e){ var page=getCurrentPages().pop()；if (page==undefined || page==null)返回；佩奇。onLoAd()；} })应用程序。全球数据。消息=消息；} console.log(res) } }) }，/** *生命周期函数-监听页面加载*/onLoad:函数（选项){ var=thiswx。请求({ URL : ' https://www。奥米克洛布。com/app/public/index。PHP/index/serversle '，method: 'POST '，data : { OpenID : app。全球数据。OpenID，令牌：应用。全球数据。令牌}，头： { ' Accept ' : ' application/JSON ' }，成功：函数(RES){ if(RESvar值=那个。数据。MSgdatavar消息=RES . data。消息；那个。setdata({ message : message })；for(var I=0；我值。长度；i ) { if (that.in_array(值[i]).child_id，message_id)) { value[i].选中=真；that.setData({ msgData:值，});} } } } }) }, /** * 生命周期函数-监听页面初次渲染完成*/onReady:函数(){ },/** *生命周期函数-监听页面显示*/OnShaw :函数(){ },/** *生命周期函数-监听页面隐藏*/onHide:函数(){ },/** *生命周期函数-监听页面卸载*/onUnload:函数(){ },/** *页面相关事件处理函数-监听用户下拉动作*/onpulldownlrefresh :函数(){ },/** *页面上拉触底事件的处理函数*/onReachBottom:函数(){ },/** *用户点击右上角分享*/onsharepmessage :函数(){ }})html

！-页面/订单/消息/信息。wxml-view class=' message _ nav ' form bind submit=' FormSubmit ' view class=' section ' textarea class=' message 1 ' type=' text ' placeholder='请选择或者输入捎话(60字以内)" maxlength=' 80 ' style=' word-wrap : break-word ' bind input=' bindtextarechange ' value=' { { message } } /textarea/view view class=' fast '快速捎话：/view checkbox-group class=' CheckBoxChange ' view wx : for=' { { MSgdata } } ' wx : key=' { { index } } ' data-index=' { { index } } ' data-id=' { { item。 child _ id } } '数据检查=' { { item。选中} }“绑定”点击=“单击”复选框值=“{ { item。msg } } ' class=' item '选中=' { { item。已选中} } ' { { item。msg } } ' { { item。“msg } }”捎话/按钮/表单/视图以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。