微信小程序实现聊天对话(文本、图片)功能
本文实例为大家分享了微信小程序实现聊天对话功能的具体代码,供大家参考,具体内容如下 这是我实际项目线上的代码,或许有些不足 || 和你的需求不符合。 上图: to_news.wxml to_news.js },// 获取hei的id节点然后屏幕焦点调转到这个节点
bottom: function () { var query = wx.createSelectorQuery() query.select('#hei').boundingClientRect() query.selectViewport().scrollOffset() query.exec(function (res) { wx.pageScrollTo({ scrollTop: res[0].bottom // #the-id节点的下边界坐标 }) res[1].scrollTop // 显示区域的竖直滚动位置 }) },// 选择图片并把图片保存 upimg1: function () { var that = this; wx.chooseImage({ success: function (res) { var data = { program_id: app.jtappid,} var tempFilePaths = res.tempFilePaths wx.uploadFile({ url: 'pg.php/ZXinfo/session_submit',//提交信息至后台 filePath: tempFilePaths[0],name: 'content',//文件对应的参数名字(key) formData: data,//其它的表单信息 success: function (res) { var a = true; that.loaddata(a); message = '' } }) } }) } }) to_news.wxss page {
background-color: #f7f7f7; } .tab { .tab .tent { .xiahuaxia { .time { .new_top_txt { / 聊天内容 / .news { .img_null { .l { / 聊天 / .my_right { .you_left { .new_img { .new_txt { .sanjiao { .my { .you { .sendmessage { .sendmessage input { .sendmessage button { .historycon { 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |