聊一聊小程序单聊页面构思

news/2024/7/20 4:32:58 标签: 小程序

主题界面构建

  1. 主题界面构建可以有很多种做法,一种为左右平分式UI设计,简单来说就是对方和我方聊天DOM各占屏幕的一半,完全可以使用flex的布局以及vw构建,一种吧聊天内容作为整体聊天界面的子节点,聊天container内容的高度,可以动态的减去底部聊天框的UI高度
  2. 聊天框固定高度,有两个坑点需要注意,在真机调试过程中,点击input,键盘弹起之后会自动把整体界面往上弹,可以选择 :adjust-position=“false”,来关闭input获取焦点时避免影响其他DOM,需要做到唤醒键盘底部聊天框跟随键盘往上弹的一个过程,当键盘弹起,动态获取键盘高度,来调整底部聊天框距离底部的margin值
  3. 聊回双方聊天,根据后端或静态数据的属性,判断发送消息的人是谁,如果有不同类型的DOM需要发送,可定义不同组件来根据发送类型作为用户的输出,比如 image,列表,文件…等等

差不多需要注意的就这些,还是用集群的好,自己写的话性价比太低

如果需要做到群组聊天,梳理好数据逻辑,进行数据的分组,可以去看看别的博客介绍群聊功能


http://www.niftyadmin.cn/n/5198231.html

相关文章

进程保活-账号同步实现

账户同步的作用 : 如果应用的数据发生了改变 , 可以通过账户进行同步 , 进而与服务器进行数据同步操作 , 执行同步时 , 系统会拉活对应的应用进程 ; 实现的话,主要是应用 APP 中可以注册 " 账户服务 Service " , 应用安装后 , 如果系统发现应用中有该类型…

ArcEngine:如何进行缩放图层、属性信息显示、状态栏显示?

01 前言 如果以后不是工作相关,我或许以后再难了解ArcEngine相关的GIS桌面软件二次开发的内容? 02 要求 创建窗体应用程序;(10分)修改窗口标题为本人的“学号 姓名”;(5分)添加主…

Labview中for循环“无法终止”问题?即使添加了条线接线端,达到终止条件后,仍在持续运行?

关键: 搞清楚“运行”和“连续运行”两种运行模式的区别。 出现题目中所述问题,大概率是因为代码运行在“连续运行“模式下。 可以通过添加 探针 的方式,加深理解!

Vue3的watch使用介绍及场景

目录 一、watch的使用 1. 监听一个变量 2. 监听一个对象的属性 3. 监听一个函数的返回值 二、watch的使用场景 1. 监听表单的变化 2. 监听路由参数的变化 3. 监听Vuex中的数据变化 三、watch的效果图 四、watch的示例 以上就是Vue3的watch的介绍,watch是…

11月20日,每日信息差

今天是2023年11月20日,以下是为您准备的10条信息差 第一、Aboitiz与可口可乐欧洲合作伙伴公司宣布联合收购可口可乐菲律宾公司 第二、微软首席执行官纳德拉:OpenAI创始人Sam Altman和Brockman将加入微软 第三、WeLab于印尼推出旗下第二家数字银行 第…

Python实现精确控制asyncio并发过程中的多个任务(1)

前言 本文是该专栏的第37篇,后面会持续分享python的各种干货知识,值得关注。 asyncio是Python中并发编程的一种实现方式,它是Python3.4版本引入的标准库,直接内置了对异步IO的支持。异步,就是多个任务之间执行没有先后顺序,可以同时运行,执行的先后顺序不会有什么影响,…

【推荐】智元兔AI:一款集写作、问答、绘画于一体的全能工具!

在当今技术飞速发展的时代,越来越多的领域开始应用人工智能(Artificial Intelligence,简称AI)。其中,AI写作工具备受瞩目,备受推崇。在众多的选择中,智元兔AI是一款在笔者使用过程中非常有帮助的…

Python实现WOA智能鲸鱼优化算法优化Catboost回归模型(CatBoostRegressor算法)项目实战

说明:这是一个机器学习实战项目(附带数据代码文档视频讲解),如需数据代码文档视频讲解可以直接到文章最后获取。 1.项目背景 鲸鱼优化算法 (whale optimization algorithm,WOA)是 2016 年由澳大利亚格里菲斯大学的Mirjalili 等提…