.wxml

{windowHeight}}px;">   {chatList}}" wx:for-index="index" wx:for-item="item" style="padding-top:{{index==0?30:0}}rpx">          {item.id != userInfo.id}}">                {item.url}}" style="width: 35px; height: 35px; border-radius: 10px;">                       {{item.content}}                                       {{item.content}}                       {item.url}}" style="width: 35px; height: 35px; border-radius: 10px;">                      {bottomJP}}px; width: 100%; background-color: #fff; padding:  0 10rpx; box-shadow: 0 -2px 4px rgba(202, 202, 202, 0.1);height: 130rpx;display: flex;justify-content: space-around;align-items: center;padding-bottom: 30rpx;">          {false}}" bindfocus="getTelIptHeight" bindblur="getTelIptHeight" bindconfirm="sendContent" value="{{inputValue}}"/>                    

.js

const app = getApp() Page({    /**    * 页面的初始数据    */   data: {     tips: null,     windowHeight: 0,     windowWidtth: 0,     bottomJP: 0,     userInfo: {},     inputValue: '',     chatList: [{         createTime: '2024-07-24 09:10:00',         url: '/images/baochang.png',         content: '哈哈哈',         id: 8       },       {         createTime: '2024-07-24 11:15:30',         url: '/images/baochang.png',         content: '你好啊',         id: 9       },       {         createTime: '2024-07-24 11:15:30',         url: '/images/baochang.png',         content: '你好啊',         id: 9       },     ]   },   getTelIptHeight(e) {     console.log("height---------", e);     if (e.type == 'blur') {       this.setData({         bottomJP: 0       })     } else {       this.setData({         bottomJP: e.detail.height       })     }    },   onLoad(options) {     let that = this     that.setData({       userInfo: wx.getStorageSync("userInfo")     })     wx.getSystemInfo({       success: function (res) {         console.log(res)         that.setData({           windowHeight: res.windowHeight,           windowWidtth: res.windowWidth,         });       }     });     wx.setNavigationBarTitle({       title: '动态获取用户昵称',     })   },   send() {     let info = {       senderId: wx.getStorageSync("userInfo").id,       recipientId: 100,       chatContent: '你好啊~',       chatContentType: 'text'     }     let that = this     app.globalData.ws.send({       data: JSON.stringify(info),       success: (res) => {         console.log(res)         that.setData({           tips: "发送信息成功"         })       }     })   },   sendContent(e) {     let message = {       createTime: '2024-07-24 11:15:30',       url: '/images/baochang.png',       content: e.detail.value,       id: 9     }     let list = this.data.chatList     list.push(message)     this.setData({       chatList: list,       inputValue: ''     })   } }) 

.wxss

page {   background-color: #f4f5f7; } 

.json

{   "usingComponents": {},   "navigationBarTitleText": "" }