需求:留言可以点赞,点过赞之后图标变化,没人只能点赞一次,留言可以在留言
index.wxml
视图类='浏阳盒view class=' ly-title clear ' view class=' llt-left fl '邻居评论({ { yanlist。count } })/view view class=' llt-right fr ' data-id=' 0 ' data-user=' { { list。user _ id } } ' bind tap=' liuynChange '我要留言/view/view view view class=' Xun Huan ' wx : for=' { { yanlist。list } } ' view class=' zoo bian ll ' view class=' ll-content clear ' view class=' LLC-tou Xiang fl ' image class=' LLC-image ' src=' { { item。avatar } } '/image/view view view class=' LLC-nall fl clear ' view class=' clear ' view class=' LLC-name fl ' { item。nick _ name } }/view view class=' LLC-time fl ' { time-image class=' dzimg fl ' src=' https://jpadmin。99 dudesign。来源/BTN _ icon _ zhendianzan。png ' data-id=' { { item。id } } ' bind tap=' llzanChange '/image-view class=' dzimg fl { { item }。lldzview?dzimg 2 ' : ' nodzim 2 ' } '数据-id=' { { item。id } } ' bind tap=' llzanChange '/view view class=' dz-num fl ' data-text=' { { item。like _ count } } ' { { item。like _ count } }/view/view/view view class=' one-hui wo ' wx 3360 if=' { { item } ._child}}!=null' wx:for='{{item ._ child } } ' view class=' HW-top clear ' view class=' htop-tx fl ' image class=' htptx-img ' src=' { { item。avatar } } '/image/view view class=' htop-you fl ' view class=' htop-name clear ' view class=' fl hh-name ' { item。nick _ name } }/view view class=' fl hh-time ' { item。create _ date } }/view/view view view class=' htop-content ' text class=' space=' dzimg 2 ' : ' nod zim 2 ' } ' data-id=' { { item。id } } ' bind tap=' llzanchetwo '/view/view/view/view/view!-留言-view class=' zhe Gai hide { { llbView?block ' : ' ' } } ' bind tap=' llbxuxiao '/view view class=' liyanban hide { { llbView?block ' : ' ' } } ' view class=' liuybtitle '留言/view text area class=' shuruk ' value=' { { llbcontent } } ' bind input=' llbInput '/text area view class=' qandq clear ' view class='萧曲fl ' bindtap=' llbquxiao '取消/view view class=' queding fl ' bind tap=' LLB change '确定/视图/视图/视图
主要的页面样式表代码(用于点赞的展示,实现小手、空心小手)。nodzimg2 { background: url(空心);背景尺寸: 100%;} .dzimg2 { background: url(实心);背景尺寸: 100%;}js
var liuynfun=函数(即){ wx。请求({ URL : GetApp()。数据。主持人' .method: 'POST ',data : { ' column ' : ' Routine ',' row_id': that.data.url },header : { ' content-type ' : ' application/x-www-form-URL encoded ' },success : function(RES){ if(RES . data。名单!='') { //第一行留言对于(RES . data。目录中的var(I){ RES . data。清单1 .lldzView=false if(RES . data . list[I]).like_user!=null) { if (res.data.list[i]).like _ user。indexof(wx。getstorage ync(' user _ id ')!='-1') { res.data.list[i].lldzView=true } } //第二行留言if (res.data.list[i])._ child){ for(RES . data。清单[一]中的风险值j )._child){ res.data.list[i]._child[j].cnmView=false if(RES . data。清单1 ._child[j].like_user!=null) { if (res.data.list[i])._child[j].like _ user。indexof(wx。getstorage ync(' user _ id ')!='-1') { res.data.list[i]._child[j].cnmView=true } } } } } }那个。setdata({ yanlist : RES . data })})从后台传过来的数据
留言里面的留言
射流研究…
点击我要留言
liuynChange:函数{ var=this控制台。日志(即当前目标。数据集。id)即。setData({ llbView: true,PID : e .当前目标。数据集。id,to _ user _ id : e .当前目标。数据集。用户})},留言点赞
llzanChangeTwo:函数{ console.log(e) var即=thiswx。请求({ URL : GetApp()。数据。主持人' .method: 'POST ',data: { 'column': 'Reply ',' user _ id ' : wx。getstorage ync(' user _ id '),' id ' : e . currenttarget。数据集。id },标头: { '内容类型' : '应用程序/x-www-form-URL编码' },成功:函数(RES){ var data=那个数据。yanlist控制台.=null){ if(RES . data。indexof(wx。getstorage ync(' user _ id ')=='-1 '){ for(var I in data。list){ if(数据。清单[一])._child) { for (var j在数据.列表[i]中)。_ child){ if(e . CurrentTarget。数据集。id==数据。清单1 ._child[j].id) { data.list[i]._child[j].cnmView=true data.list[i]._child[j].like _ count=ParSeint(数据。清单[一])._child[j].like _ count)1 } } } }那个。setdata({ yanlist : data })} } else { for(var I in data。list){ if(数据。清单[一])._child) { for (var j在数据.列表[i]中)。_ child){ if(e . CurrentTarget。数据集。id==数据。清单1 ._child[j].id) { data.list[i]._child[j].cnmView=true data.list[i]._child[j].like _ count=ParSeint(数据。清单[一])._child[j].like_count) 1 } } } }那个。setdata({ yanlist : data })} })},点赞返回的为点赞人的编号
其中所得视角初始化全部为错误的
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。