微信小程序项目总结之点赞 删除列表 分享功能

微信小程序项目总结之点赞 删除列表 分享功能

小程序点赞功能

思路：在后台没有给你接口自己模拟数据

data:{

likes:{

iszan:false,

num:0

}

}

1.遍历评论列表 判断点击的id

2.如果id相同 判断是否点赞过 如果为true -1 如果为false +1

3.更新数据

bindlike:function(e){

var newData = thRarPileFjbis.data.release.map(function(item){

if (item.id == e.currentTarget.dataset.id){

console.log(item.id + e.currentTarget.dataset.id )

if(item.likes.iszan){

var obj = {}

obj.iszan = !item.likes.iszan;

obj.num = item.likes.num -1 ;

return Object.assign({},item,{likes:obj})

}else {

var obj = {}

obj.iszan = !item.likes.iszan;

obj.num = item.likes.num + 1;

return Object.assign({}, item, { likes: obj })

}

}else {

return item

}

})

this.setData ({

release:newData

})

},

2.点击删除列表功能

1.给撤销按钮绑定id 添加点击事件

2.点击删除按钮时提示是否删除

3.如果用户点击确定 获取到要删除的id

4.删除对应的数组内容

5.更新数据

//删除评论

binddelete:function(e){

var that = this;

wx.showModal({

title: '提示',

content: '确认撤回吗？',

success:function(res){

if(res.confirm){

console.log('用户点击确定')

// 获取要删除数据的id

var dataid = e.currentTarget.dataset.id;

console.log(dataid)

// 删除数组对应的数据内容

var release = that.data.release;

that.data.release.splice(dataid,1)

//判断数据的长度

var len = that.data.release.length;

//通过判断数组的长度来决定是否显示隐藏http://的部分

that.setData ({

release: that.data.release

})

}else if(res.cancel){

console.log('用户点击取消')

}

}

})

},

3.点击分享

点击分享按钮 要给button按钮绑定个 open-type ="share"属性

通过给 button 组件设置属性 open-type="share"，可以在用户点击按钮后触发 Page.onShareAppMessage() 事件，如果当前页面没有定义此事件，则点击后无效果。

Page({

onShareAppMessage: function (res) {

if (res.from === 'button') {

// 来自页面内转发按钮

console.log(res.target)

}

return {

title: '自定义转发标题',

path: '/page/user?id=123'

}

}

})

总结

以上http://所述是给大家介绍的微信小程序项目总结之点赞 删除列表 分享功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，会及时回复大家的。在此也非常感谢大家对我们网站的支持！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。