fix

virgo.wzfrontend/yui_wx/pages.json

@@ -77,6 +77,12 @@
 			"style": {
 				"navigationBarTitleText": "预约看房"
 			}
+		},
+		{
+			"path": "pages/chat/chat",
+			"style": {
+				"navigationBarTitleText": "会话"
+			}
 		}
 	],
 	"tabBar": {

virgo.wzfrontend/yui_wx/pages/chat/chat.vue

@@ -0,0 +1,559 @@
+<template>
+	<view>
+		<view class="tips color_fff size_12 align_c" :class="{ 'show':ajax.loading }" @tap="getHistoryMsg">
+			{{ajax.loadText}}
+		</view>
+		<view class="box-1" id="list-box">
+			<view class="talk-list">
+				<view v-for="(item,index) in talkList" :key="index" :id="`msg-${item.id}`">
+					<view class="item flex_col" :class=" item.type == 1 ? 'push':'pull' ">
+						<image :src="item.pic" mode="aspectFill" class="pic"></image>
+						<view class="content">{{item.content}}</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="box-2">
+			<view class="flex_col">
+				<view class="flex_grow">
+					<input type="text" class="content" v-model="content" placeholder="请输入聊天内容"
+						placeholder-style="color:#DDD;" :cursor-spacing="6">
+				</view>
+				<button class="send" @tap="send">发送</button>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				talkList: [],
+				ajax: {
+					rows: 20, //每页数量
+					page: 1, //页码
+					flag: true, // 请求开关
+					loading: true, // 加载中
+					loadText: '正在获取消息'
+				},
+				content: ''
+			}
+		},
+		mounted() {
+			this.$nextTick(() => {
+				this.getHistoryMsg();
+			});
+		},
+		onPageScroll(e) {
+			if (e.scrollTop < 5) {
+				this.getHistoryMsg();
+			}
+		},
+		methods: {
+			// 获取历史消息
+			getHistoryMsg() {
+				if (!this.ajax.flag) {
+					return; //
+				}
+
+				// 此处用到 ES7 的 async/await 知识，为使代码更加优美。不懂的请自行学习。
+				let get = async () => {
+					this.hideLoadTips();
+					this.ajax.flag = false;
+					let data = await this.joinHistoryMsg();
+
+					console.log('----- 模拟数据格式，供参考 -----');
+					console.log(data); // 查看请求返回的数据结构 
+
+					// 获取待滚动元素选择器，解决插入数据后，滚动条定位时使用
+					let selector = '';
+
+					if (this.ajax.page > 1) {
+						// 非第一页，则取历史消息数据的第一条信息元素
+						selector = `#msg-${this.talkList[0].id}`;
+					} else {
+						// 第一页，则取当前消息数据的最后一条信息元素
+						selector = `#msg-${data[data.length-1].id}`;
+					}
+
+					// 将获取到的消息数据合并到消息数组中
+					this.talkList = [...data, ...this.talkList];
+
+					// 数据挂载后执行，不懂的请自行阅读 Vue.js 文档对 Vue.nextTick 函数说明。
+					this.$nextTick(() => {
+						// 设置当前滚动的位置
+						this.setPageScrollTo(selector);
+
+						this.hideLoadTips(true);
+
+						if (data.length < this.ajax.rows) {
+							// 当前消息数据条数小于请求要求条数时，则无更多消息，不再允许请求。
+							// 可在此处编写无更多消息数据时的逻辑
+						} else {
+							this.ajax.page++;
+
+							// 延迟 200ms ，以保证设置窗口滚动已完成
+							setTimeout(() => {
+								this.ajax.flag = true;
+							}, 200)
+						}
+
+					})
+				}
+				get();
+			},
+			// 拼接历史记录消息，正式项目可替换为请求历史记录接口
+			joinHistoryMsg() {
+				let join = () => {
+					let arr = [];
+
+					//通过当前页码及页数，模拟数据内容
+					let startIndex = (this.ajax.page - 1) * this.ajax.rows;
+					let endIndex = startIndex + this.ajax.rows;
+					for (let i = startIndex; i < endIndex; i++) {
+						arr.push({
+							"id": i, // 消息的ID
+							"content": `这是历史记录的第${i+1}条消息`, // 消息内容
+							"type": Math.random() > 0.5 ? 1 : 0, // 此为消息类别，设 1 为发出去的消息，0 为收到对方的消息,
+							"pic": "https://assets.api.uizard.io/api/cdn/stream/db1ab9f9-00bf-4b03-b2b2-1fc8ece9ba19.png" // 头像
+						})
+					}
+
+					/*
+						颠倒数组中元素的顺序。将最新的数据排在本次接口返回数据的最后面。
+						后端接口按 消息的时间降序查找出当前页的数据后，再将本页数据按消息时间降序排序返回。
+						这是数据的重点，因为页面滚动条和上拉加载历史的问题。
+					 */
+					arr.reverse();
+
+					return arr;
+				}
+
+				// 此处用到 ES6 的 Promise 知识，不懂的请自行学习。
+				return new Promise((done, fail) => {
+					// 无数据请求接口，由 setTimeout 模拟，正式项目替换为 ajax 即可。
+					setTimeout(() => {
+						let data = join();
+						done(data);
+					}, 1500);
+				})
+			},
+			// 设置页面滚动位置
+			setPageScrollTo(selector) {
+				let view = uni.createSelectorQuery().in(this).select(selector);
+				view.boundingClientRect((res) => {
+					uni.pageScrollTo({
+						scrollTop: res.top - 30, // -30 为多显示出大半个消息的高度，示意上面还有信息。
+						duration: 0
+					});
+				}).exec();
+			},
+			// 隐藏加载提示
+			hideLoadTips(flag) {
+				if (flag) {
+					this.ajax.loadText = '消息获取成功';
+					setTimeout(() => {
+						this.ajax.loading = false;
+					}, 300);
+				} else {
+					this.ajax.loading = true;
+					this.ajax.loadText = '正在获取消息';
+				}
+			},
+			// 发送信息
+			send() {
+				if (!this.content) {
+					uni.showToast({
+						title: '请输入有效的内容',
+						icon: 'none'
+					})
+					return;
+				}
+
+				uni.showLoading({
+					title: '正在发送'
+				})
+				setTimeout(() => {
+					uni.hideLoading();
+
+					// 将当前发送信息 添加到消息列表。
+					let data = {
+						"id": new Date().getTime(),
+						"content": this.content,
+						"type": 1,
+						"pic": "https://assets.api.uizard.io/api/cdn/stream/db1ab9f9-00bf-4b03-b2b2-1fc8ece9ba19.png"
+					}
+					this.talkList.push(data);
+
+					this.$nextTick(() => {
+						// 清空内容框中的内容
+						this.content = '';
+						uni.pageScrollTo({
+							scrollTop: 999999, // 设置一个超大值，以保证滚动条滚动到底部
+							duration: 0
+						});
+					})
+				}, 1500);
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	/* 设置常用元素尺寸规则 */
+	view,
+	textarea,
+	input,
+	label,
+	form,
+	button,
+	image {
+		box-sizing: border-box;
+	}
+
+	/* 按钮样式处理 */
+	button {
+		font-size: 28rpx;
+	}
+
+	/* 取消按钮默认的边框线效果 */
+	button:after {
+		border: none;
+	}
+
+	/* 设置图片默认样式，取消默认尺寸 */
+	image {
+		display: block;
+		height: auto;
+		width: auto;
+	}
+
+	/* 输入框默认字体大小 */
+	textarea,
+	input {
+		font-size: 28rpx;
+	}
+
+	;
+
+	/* 列式弹性盒子 */
+	.flex_col {
+		display: flex;
+		flex-direction: row;
+		flex-wrap: nowrap;
+		justify-content: flex-start;
+		align-items: center;
+		align-content: center;
+	}
+
+	/* 行式弹性盒子 */
+	.flex_row {
+		display: flex;
+		flex-direction: column;
+		flex-wrap: nowrap;
+		justify-content: flex-start;
+		align-items: flex-start;
+		align-content: flex-start;
+	}
+
+	/* 弹性盒子弹性容器 */
+	.flex_col .flex_grow {
+		width: 0;
+		flex-grow: 1;
+	}
+
+	.flex_row .flex_grow {
+		flex-grow: 1;
+	}
+
+	/* 弹性盒子允许换行 */
+	.flex_col.flex_wrap {
+		flex-wrap: wrap;
+	}
+
+	/* 弹性盒子居中对齐 */
+	.flex_col.flex_center,
+	.flex_row.flex_center {
+		justify-content: center;
+	}
+
+	/* 列式弹性盒子两端对齐 */
+	.flex_col.flex_space {
+		justify-content: space-between;
+	}
+
+	/* 弹性盒子快速分栏 ,这里非常郁闷 uniapp 居然不支持 * 选择器 */
+	.flex_col.flex_col_2>view {
+		width: 50%;
+	}
+
+	.flex_col.flex_col_3>view {
+		width: 33.33333%;
+	}
+
+	.flex_col.flex_col_4>view {
+		width: 25%;
+	}
+
+	.flex_col.flex_col_5>view {
+		width: 20%;
+	}
+
+	.flex_col.flex_col_6>view {
+		width: 16.66666%;
+	}
+
+	/* 字体颜色 */
+	.color_333 {
+		color: #333;
+	}
+
+	.color_666 {
+		color: #666;
+	}
+
+	.color_999 {
+		color: #999;
+	}
+
+	.color_ccc {
+		color: #ccc;
+	}
+
+	.color_fff {
+		color: #fff;
+	}
+
+	.color_6dc {
+		color: #6dca6d;
+	}
+
+	.color_d51 {
+		color: #d51917;
+	}
+
+	.color_09f {
+		color: #0099ff;
+	}
+
+	/* 背景色*/
+	.bg_fff {
+		background-color: #ffffff;
+	}
+
+	/* 字体大小 */
+	.size_10 {
+		font-size: 20rpx;
+	}
+
+	.size_12 {
+		font-size: 24rpx;
+	}
+
+	.size_14 {
+		font-size: 28rpx;
+	}
+
+	.size_16 {
+		font-size: 32rpx;
+	}
+
+	.size_18 {
+		font-size: 36rpx;
+	}
+
+	.size_20 {
+		font-size: 40rpx;
+	}
+
+	/* 字体加粗 */
+	.font_b {
+		font-weight: bold;
+	}
+
+	/* 对齐方式 */
+	.align_c {
+		text-align: center;
+	}
+
+	.align_l {
+		text-align: left;
+	}
+
+	.align_r {
+		text-align: right;
+	}
+
+	/* 遮罩 */
+	.shade {
+		position: fixed;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		left: 0;
+		background-color: rgba(0, 0, 0, 0.8);
+		z-index: 100;
+	}
+
+	/* 弹窗 */
+	.shade_box {
+		position: fixed;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		left: 0;
+		margin: auto;
+		z-index: 101;
+		min-width: 200rpx;
+		min-height: 200rpx;
+	}
+
+	/* 加载数据提示 */
+	.tips {
+		position: fixed;
+		left: 0;
+		top: var(--window-top);
+		width: 100%;
+		z-index: 9;
+		background-color: rgba(0, 0, 0, 0.15);
+		height: 72rpx;
+		line-height: 72rpx;
+		transform: translateY(-80rpx);
+		transition: transform 0.3s ease-in-out 0s;
+
+		&.show {
+			transform: translateY(0);
+		}
+	}
+
+	.box-1 {
+		width: 100%;
+		height: auto;
+		padding-bottom: 100rpx;
+		box-sizing: content-box;
+
+		/* 兼容iPhoneX */
+		margin-bottom: 0;
+		margin-bottom: constant(safe-area-inset-bottom);
+		margin-bottom: env(safe-area-inset-bottom);
+	}
+
+	.box-2 {
+		position: fixed;
+		left: 0;
+		width: 100%;
+		bottom: 0;
+		height: auto;
+		z-index: 2;
+		border-top: #e5e5e5 solid 1px;
+		box-sizing: content-box;
+		background-color: #F3F3F3;
+
+		/* 兼容iPhoneX */
+		padding-bottom: 0;
+		padding-bottom: constant(safe-area-inset-bottom);
+		padding-bottom: env(safe-area-inset-bottom);
+
+		>view {
+			padding: 0 20rpx;
+			height: 100rpx;
+		}
+
+		.content {
+			background-color: #fff;
+			height: 64rpx;
+			padding: 0 20rpx;
+			border-radius: 32rpx;
+			font-size: 28rpx;
+		}
+
+		.send {
+			background-color: #42b983;
+			color: #fff;
+			height: 64rpx;
+			margin-left: 20rpx;
+			border-radius: 32rpx;
+			padding: 0;
+			width: 120rpx;
+			line-height: 62rpx;
+
+			&:active {
+				background-color: #5fc496;
+			}
+		}
+	}
+
+	.talk-list {
+		padding-bottom: 20rpx;
+
+		/* 消息项，基础类 */
+		.item {
+			padding: 20rpx 20rpx 0 20rpx;
+			align-items: flex-start;
+			align-content: flex-start;
+			color: #333;
+
+			.pic {
+				width: 92rpx;
+				height: 92rpx;
+				border-radius: 50%;
+				border: #fff solid 1px;
+			}
+
+			.content {
+				padding: 20rpx;
+				border-radius: 4px;
+				max-width: 500rpx;
+				word-break: break-all;
+				line-height: 52rpx;
+				position: relative;
+			}
+
+			/* 收到的消息 */
+			&.pull {
+				.content {
+					margin-left: 32rpx;
+					background-color: #fff;
+
+					&::after {
+						content: '';
+						display: block;
+						width: 0;
+						height: 0;
+						border-top: 16rpx solid transparent;
+						border-bottom: 16rpx solid transparent;
+						border-right: 20rpx solid #fff;
+						position: absolute;
+						top: 30rpx;
+						left: -18rpx;
+					}
+				}
+			}
+
+			/* 发出的消息 */
+			&.push {
+				/* 主轴为水平方向，起点在右端。使不修改DOM结构，也能改变元素排列顺序 */
+				flex-direction: row-reverse;
+
+				.content {
+					margin-right: 32rpx;
+					background-color: #a0e959;
+
+					&::after {
+						content: '';
+						display: block;
+						width: 0;
+						height: 0;
+						border-top: 16rpx solid transparent;
+						border-bottom: 16rpx solid transparent;
+						border-left: 20rpx solid #a0e959;
+						position: absolute;
+						top: 30rpx;
+						right: -18rpx;
+					}
+				}
+			}
+		}
+	}
+</style>

virgo.wzfrontend/yui_wx/static/scss/common.scss

@@ -75,5 +75,8 @@
 		line-height: 68rpx;
 	}
 }
+button[type=primary]{
+	background: $uni-primary;
+}
 
 		

virgo.wzfrontend/yui_wx/uni_modules/wzJun1-YeIM-Uni-SDK/changelog.md

@@ -0,0 +1,187 @@
+## 1.2.5（2023-05-09）
+- 【YeIM-Uni-SDK】 
+    - 修复 `updateUserInfo` 无法正常更新的问题 
+    - 修复 用户资料 `好友添加方式` 异常
+    - 修复 好友申请已读状态异常
+
+- 【YeIM-Uni-Server】 
+    - 优化 用户申请已读发送更新事件
+## 1.2.4（2023-05-02）
+- 【YeIM-Uni-SDK】 
+    - 修复因 `1.2.0` 引出的本地上传异常 
+    - 修复在 `nvue` 页面下无法使用实例的异常
+## 1.2.3（2023-04-10）
+- 【YeIM-Uni-SDK】 
+    - 优化 `createCustomMessage`
+    - 优化 获取好友及申请列表方式
+    
+- 【YeIM-Uni-Server】 
+    - 修复因配置文件异常导致的无法启动
+## 1.2.2（2023-04-05）
+- 【YeIM-Uni-SDK】 
+    - 新增 好友关系及相关方法
+    - 新增 用户资料字段 `性别` `电话` `扩展字段` 等
+    - 优化 方法 `getUserInfo` `updateUserInfo`
+
+- 【YeIM-Uni-Server】 
+    - 新增 好友关系相关接口
+    - 修改 接口 `register` `updateUser`
+    
+- 【数据库】 
+    - 新增 `user`表字段 `性别` `电话` `扩展字段` 等
+    - 新增 好友表 `friend`
+    - 新增 好友申请表 `friend_apply`
+## 1.2.1（2023-03-26）
+- 【YeIM-Uni-SDK】
+    - 优化代码
+## 1.2.0（2023-03-24）
+- 【YeIM-Uni-SDK】
+    - 适配 支持非uni编译器打包，可单独用在任何H5环境，支持ts types
+    - 新增 创建@消息接口 `createTextAtMessage` 创建合并消息接口 `createMergerMessage` 创建转发消息接口 `createForwardMessage`
+    - 新增 媒体消息通过URL直发接口 `createImageMessageFromUrl` `createVideoMessageFromUrl` `createAudioMessageFromUrl`
+    - 修改 使用`mitt`代替uni事件总线
+    - 修复 群组获取历史消息记录异常
+
+- 【YeIM-Uni-Server】
+    - 修复 群成员移除后再加入会话报错
+    - 修复 设置群管理员重复
+    - 优化 移出群成员给指定接收者发送系统通知
+    - 优化 群成员获取历史消息记录方式
+## 1.1.9（2023-03-21）
+- 【YeIM-Uni-SDK】
+    - 修复 因`1.1.8`版本引出的用户多端登录被踢反复重连的问题
+    - 优化 客户端代码
+
+- 【YeIM-Uni-Server】
+    - 优化 Socket消息通道
+## 1.1.8（2023-03-17）
+- 【YeIM-Uni-SDK】
+    - 新增 离线通知相关自定义配置
+    - 修复 `getGroupApplyList`接口获取入群申请异常的问题
+    - 修复 撤回消息事件异常响应
+    - 优化 客户端接口返回值 
+    - 优化 客户端接口通信
+
+- 【YeIM-Uni-Server】
+    - 优化 服务端接口返回值 
+## 1.1.7（2023-03-10）
+- 【YeIM-Uni-SDK】
+    - 新增 `getHistoryMessageList` 获取历史消息记录方法
+    - 弃用 `getMessageList` 
+
+- 【YeIM-Uni-Server】
+    - 新增 通过 `nextMessageId` 获取历史记录
+    - 弃用 分页获取历史记录
+## 1.1.6（2023-02-19）
+- 【YeIM-Uni-SDK】
+    - 新增 `加入黑名单` `移除黑名单` `获取黑名单列表` 方法
+    - 修复 低版本安卓创建推送渠道的异常 
+    - 修复 本地消息缓存逻辑
+
+- 【YeIM-Uni-Server】
+    - 新增 `加入黑名单` `移除黑名单` `获取黑名单列表` 接口
+
+- 【数据库】 
+    - 新增私聊黑名单表
+## 1.1.5（2023-01-31）
+- 【YeIM-Uni-SDK】
+    - 修复 使用 `Vue3` 编译时的上传异常
+    - 文档新增 `Vue3 + TypeScript` 使用示例
+## 1.1.4（2023-01-27）
+- 【YeIM-Uni-SDK】
+    - 新增 删除消息 `deleteMessage` 接口  
+    - 新增 Message消息字段 `conversationType` 会话类型 
+    - 修复 因推送服务引发的非APP端登录异常
+    - 优化 小视频消息封面字段 `thumbnailUrl` 创建时为空
+    - 优化 媒体消息接口本地上传目录名称
+
+- 【YeIM-Uni-Server】
+    - 移除 `receivedCallMessage` 方法 (v1.1.2遗留)
+
+- 【数据库】 
+    - 新增群消息删除记录表
+## 1.1.3（2023-01-16）
+- 【YeIM-Uni-SDK】
+    - 新增 `个推离线消息通知` 
+
+- 【YeIM-Uni-Server】
+    - 新增 `个推离线消息通知` 服务
+
+- 【数据库】 
+    - 新增 `user` 表字段 `mobile_device_id` (移动APP端推送标识符)
+## 1.1.2（2022-12-16）
+- 【YeIM-Uni-SDK】
+    - 弃用 `notifySocketMessageReceived`
+    - 弃用 Message 对象 `receive` 字段
+
+- 【YeIM-Uni-Server】
+    - 修复 私聊/群聊会话发送者会话未读数异常
+    - 修复 上传图片缩略图路径异常
+    - 弃用 `received_call` 
+    - 弃用 Message 对象 `receive` 字段
+
+- 【数据库】 
+    - 弃用 数据表 message、group_message 中 `receive` 字段
+
+## 1.1.1（2022-12-15）
+- 【YeIM-Uni-SDK】
+    - 更新 WebSocket使用方式为SocketTask，便于支持项目多路WebSocket 
+    - 预弃用 `notifySocketMessageReceived`，下版本删除。基于YeIMUniSDK的收发消息逻辑考虑，接收方不需要返回接收状态（ACK）
+    - 优化 重连机制
+    - 优化 代码注释
+    
+- 【YeIM-Uni-Server】
+    - 预弃用 `received_call`，下版本删除。基于YeIMUniSDK的收发消息逻辑考虑，接收方不需要返回接收状态（ACK）
+
+## 1.1.0（2022-12-14）
+- 新增 【重要】群组聊天方式
+- 新增 `getConversation` 获取会话详情
+- 修复 部分接口返回异常
+## 1.0.9（2022-12-07）
+- 【YeIM-Uni-SDK】
+    - 修复 `getConversationList` 获取会话列表异常
+    - 更新 开发文档
+## 1.0.8（2022-12-06）
+- 【YeIM-Uni-SDK】
+    - 更新 媒体文件保存路径  
+ 
+- 【YeIM-Uni-Server】
+    - 更新 本地仓库文件保存路径 
+    - 修复 多媒体处理第三方库 `javacv` 依赖过大问题
+
+- 【数据库】
+    - 无更新 
+## 1.0.7（2022-12-05）
+- 新增 存储仓库 `本地存储`
+- 修复 重复上线互踢连接异常
+## 1.0.6（2022-12-04）
+- 新增 存储仓库 `阿里云对象存储`
+- 更新 `YeIM-Uni-Server`中 `SpringBoot` 版本 2.7.6 `Spring-WebSocket` 版本 5.3.24
+- 修复已知BUG
+## 1.0.5（2022-12-03）
+- 新增 `disConnect` 断开连接接口
+- 新增 `deleteConversation` 删除指定会话及会话内聊天记录
+- 新增 `revokeMessage` 撤回消息
+- 新增 `clearConversationUnread` 清除指定会话未读数接口，此接口将触发 `PRIVATE_READ_RECEIPT` 事件
+- 新增 监听事件 `PRIVATE_READ_RECEIPT` 私聊会话已读回执
+- 新增 创建消息接口 `extra` 字段，用于各个消息扩展自定义数据
+- 修改 消息ID由前端生成改为服务端生成
+- 修改 撤回字段 `is_recall` 为 `is_revoke`
+- 更新 后端私聊消息数据模型
+## 1.0.4（2022-11-29）
+- 新增查询用户信息接口
+- 修复语音消息接口异常
+- 修复YeIM-Uni-Server消息通知异常
+## 1.0.3（2022-11-27）
+- 1. 新增发送位置消息
+- 2. 新增查询登陆连接状态接口
+- 3. 新增外部上传接口
+- 4. 修复已知BUG
+## 1.0.2（2022-11-26）
+1.新增发送图片消息、语音消息、小视频消息
+2.修复已知BUG
+## 1.0.1（2022-11-21）
+1. 更新readme.md
+2. 修复监听异常
+## 1.0.0（2022-11-20）
+首次发布

virgo.wzfrontend/yui_wx/uni_modules/wzJun1-YeIM-Uni-SDK/package.json

@@ -0,0 +1,86 @@
+{
+	"id": "wzJun1-YeIM-Uni-SDK",
+	"displayName": "YeIM-Uni-SDK 即时通讯IM SDK 全端通用 完全免费",
+	"version": "1.2.5",
+	"description": "可私有化部署的全开源即时通讯jssdk，仅需植入 SDK 即可轻松集成聊天能力，支持Web、uni-app项目接入使用，满足通信需要。",
+	"keywords": [
+        "IM",
+        "IMSDK",
+        "即时通信",
+        "即时通讯",
+        "聊天"
+    ],
+	"repository": "https://github.com/wzJun1/YeIM-Uni-SDK",
+	"engines": {
+		"HBuilderX": "^3.3.1"
+	},
+	"types": "js_sdk/yeim-uni-sdk.min.d.ts",
+	"dcloudext": {
+		"type": "sdk-js",
+		"sale": {
+			"regular": {
+				"price": "0.00"
+			},
+			"sourcecode": {
+				"price": "0.00"
+			}
+		},
+		"contact": {
+			"qq": ""
+		},
+		"declaration": {
+			"ads": "无",
+			"data": "无",
+			"permissions": "无"
+		},
+		"npmurl": "https://www.npmjs.com/package/yeim-uni-sdk"
+	},
+	"uni_modules": {
+		"dependencies": [],
+		"encrypt": [],
+		"platforms": {
+			"cloud": {
+				"tcb": "y",
+				"aliyun": "y"
+			},
+			"client": {
+				"Vue": {
+					"vue2": "y",
+					"vue3": "y"
+				},
+				"App": {
+					"app-vue": "y",
+					"app-nvue": "y"
+				},
+				"H5-mobile": {
+					"Safari": "y",
+					"Android Browser": "y",
+					"微信浏览器(Android)": "y",
+					"QQ浏览器(Android)": "y"
+				},
+				"H5-pc": {
+					"Chrome": "y",
+					"IE": "n",
+					"Edge": "y",
+					"Firefox": "y",
+					"Safari": "y"
+				},
+				"小程序": {
+					"微信": "y",
+					"阿里": "y",
+					"百度": "y",
+					"字节跳动": "y",
+					"QQ": "y",
+					"钉钉": "y",
+					"快手": "y",
+					"飞书": "y",
+					"京东": "y"
+				},
+				"快应用": {
+					"华为": "y",
+					"联盟": "y"
+				}
+			}
+		}
+	}
+}

virgo.wzfrontend/yui_wx/uni_modules/wzJun1-YeIM-Uni-SDK/readme.md

@@ -0,0 +1,35 @@
+<p align="center">
+    <strong><font size="6">YeIM-Uni-SDK</font></strong>
+    <br>
+    <br>
+    <strong><font size="5">即时通讯JSSDK</font></strong> 
+    <br>
+    <br>
+    <a target="_blank" href="https://wzjun1.netlify.app/ye_plugins/sdk/yeimunisdk">查看文档</a>
+    | <a target="_blank" href="https://wzjun1.github.io/ye_plugins/sdk/yeimunisdk">备用文档</a> 
+    <br>
+    <img src="https://wzjun1.netlify.app/ye_plugins/code2.png" width="500"/>
+</p>
+
+`此为社区开源项目，用于学习交流使用，禁止用于非法途径。如作他用所造成的一切法律责任均不由作者承担。` 
+
+- 注：不是聊天项目！不是聊天项目！不是聊天项目！只是SDK，通过使用SDK里的一系列接口可实现聊天，跟环信、融云、腾讯云即时通信等等类似的一种可实现聊天的IMSDK。
+
+`YeIM-Uni-SDK`是可以`私有化部署`的`全开源`即时通讯`UniAPP JSSDK`，仅需集成 SDK 即可轻松实现聊天能力，支持基于[uni-app](https://uniapp.dcloud.net.cn/)的任何项目接入使用，满足通信需要。
+
+支持私聊和群聊，支持发送的消息类型：文字消息、图片消息、语音消息、视频消息、位置消息、自定义消息。
+
+必须搭配`YeIM-Uni-Server`服务端，开箱即用。
+
+## 使用文档
+
+<a target="_blank" href="https://wzjun1.netlify.app/ye_plugins/sdk/yeimunisdk">查看文档</a>
+    | <a target="_blank" href="https://wzjun1.github.io/ye_plugins/sdk/yeimunisdk">备用文档</a> 
+
+## 反馈与共建
+
+- 普通交流QQ群：[391276294](https://qm.qq.com/cgi-bin/qm/qr?k=hEQnVRj3c1B0gDpD2QJrD7UIfWMzCUuM&jump_from=webapi&authKey=kbrD7NHXGIPaiVb2puw+vJeRCIQSXVhIci7eFvFLBH/UjGt+hrdOk4upK731S+1+)
+
+## 演示Demo说明
+
+演示Demo中的原生会话页面组件使用了付费插件，仅支持APP，如果需要看原生会话页面演示，需要把此原生插件打包到自定义基座：[YeIM-Chat-Page 原生聊天会话组件，极致用户体验，高性能聊天页](https://ext.dcloud.net.cn/plugin?id=9998)

virgo.wzfrontend/yui_wx/unpackage/dist/dev/mp-weixin/app.json

@@ -12,7 +12,8 @@
     "pages/project/project",
     "pages/house/house",
     "pages/visitor/visitor",
-    "pages/reservation/reservation"
+    "pages/reservation/reservation",
+    "pages/chat/chat"
   ],
   "subPackages": [],
   "window": {

virgo.wzfrontend/yui_wx/unpackage/dist/dev/mp-weixin/common/main.wxss

@@ -109,6 +109,9 @@
   text-align: center;
   line-height: 68rpx;
 }
+button[type=primary] {
+  background: #08979c;
+}
 page {
   color: #1f1f1f;
   font-size: 28rpx;

virgo.wzfrontend/yui_wx/unpackage/dist/dev/mp-weixin/pages/chat/chat.json

@@ -0,0 +1,4 @@
+{
+  "navigationBarTitleText": "会话",
+  "usingComponents": {}
+}

virgo.wzfrontend/yui_wx/unpackage/dist/dev/mp-weixin/pages/chat/chat.wxss

@@ -0,0 +1,308 @@
+@charset "UTF-8";
+/* 需要放到文件最上面 */
+/* 水平间距 */
+/* 水平间距 */
+/*
+ 以下变量是默认值，如不需要修改可以不用给下面的变量重新赋值
+ */
+/* 水平间距 */
+/* 设置常用元素尺寸规则 */
+view,
+textarea,
+input,
+label,
+form,
+button,
+image {
+  box-sizing: border-box;
+}
+/* 按钮样式处理 */
+button {
+  font-size: 28rpx;
+}
+/* 取消按钮默认的边框线效果 */
+button:after {
+  border: none;
+}
+/* 设置图片默认样式，取消默认尺寸 */
+image {
+  display: block;
+  height: auto;
+  width: auto;
+}
+/* 输入框默认字体大小 */
+textarea,
+input {
+  font-size: 28rpx;
+}
+/* 列式弹性盒子 */
+.flex_col {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: flex-start;
+  align-items: center;
+  align-content: center;
+}
+/* 行式弹性盒子 */
+.flex_row {
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  align-content: flex-start;
+}
+/* 弹性盒子弹性容器 */
+.flex_col .flex_grow {
+  width: 0;
+  flex-grow: 1;
+}
+.flex_row .flex_grow {
+  flex-grow: 1;
+}
+/* 弹性盒子允许换行 */
+.flex_col.flex_wrap {
+  flex-wrap: wrap;
+}
+/* 弹性盒子居中对齐 */
+.flex_col.flex_center,
+.flex_row.flex_center {
+  justify-content: center;
+}
+/* 列式弹性盒子两端对齐 */
+.flex_col.flex_space {
+  justify-content: space-between;
+}
+/* 弹性盒子快速分栏 ,这里非常郁闷 uniapp 居然不支持 * 选择器 */
+.flex_col.flex_col_2 > view {
+  width: 50%;
+}
+.flex_col.flex_col_3 > view {
+  width: 33.33333%;
+}
+.flex_col.flex_col_4 > view {
+  width: 25%;
+}
+.flex_col.flex_col_5 > view {
+  width: 20%;
+}
+.flex_col.flex_col_6 > view {
+  width: 16.66666%;
+}
+/* 字体颜色 */
+.color_333 {
+  color: #333;
+}
+.color_666 {
+  color: #666;
+}
+.color_999 {
+  color: #999;
+}
+.color_ccc {
+  color: #ccc;
+}
+.color_fff {
+  color: #fff;
+}
+.color_6dc {
+  color: #6dca6d;
+}
+.color_d51 {
+  color: #d51917;
+}
+.color_09f {
+  color: #0099ff;
+}
+/* 背景色*/
+.bg_fff {
+  background-color: #ffffff;
+}
+/* 字体大小 */
+.size_10 {
+  font-size: 20rpx;
+}
+.size_12 {
+  font-size: 24rpx;
+}
+.size_14 {
+  font-size: 28rpx;
+}
+.size_16 {
+  font-size: 32rpx;
+}
+.size_18 {
+  font-size: 36rpx;
+}
+.size_20 {
+  font-size: 40rpx;
+}
+/* 字体加粗 */
+.font_b {
+  font-weight: bold;
+}
+/* 对齐方式 */
+.align_c {
+  text-align: center;
+}
+.align_l {
+  text-align: left;
+}
+.align_r {
+  text-align: right;
+}
+/* 遮罩 */
+.shade {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background-color: rgba(0, 0, 0, 0.8);
+  z-index: 100;
+}
+/* 弹窗 */
+.shade_box {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  margin: auto;
+  z-index: 101;
+  min-width: 200rpx;
+  min-height: 200rpx;
+}
+/* 加载数据提示 */
+.tips {
+  position: fixed;
+  left: 0;
+  top: 0px;
+  width: 100%;
+  z-index: 9;
+  background-color: rgba(0, 0, 0, 0.15);
+  height: 72rpx;
+  line-height: 72rpx;
+  -webkit-transform: translateY(-80rpx);
+          transform: translateY(-80rpx);
+  transition: -webkit-transform 0.3s ease-in-out 0s;
+  transition: transform 0.3s ease-in-out 0s;
+  transition: transform 0.3s ease-in-out 0s, -webkit-transform 0.3s ease-in-out 0s;
+}
+.tips.show {
+  -webkit-transform: translateY(0);
+          transform: translateY(0);
+}
+.box-1 {
+  width: 100%;
+  height: auto;
+  padding-bottom: 100rpx;
+  box-sizing: content-box;
+  /* 兼容iPhoneX */
+  margin-bottom: 0;
+  margin-bottom: constant(safe-area-inset-bottom);
+  margin-bottom: env(safe-area-inset-bottom);
+}
+.box-2 {
+  position: fixed;
+  left: 0;
+  width: 100%;
+  bottom: 0;
+  height: auto;
+  z-index: 2;
+  border-top: #e5e5e5 solid 1px;
+  box-sizing: content-box;
+  background-color: #F3F3F3;
+  /* 兼容iPhoneX */
+  padding-bottom: 0;
+  padding-bottom: constant(safe-area-inset-bottom);
+  padding-bottom: env(safe-area-inset-bottom);
+}
+.box-2 > view {
+  padding: 0 20rpx;
+  height: 100rpx;
+}
+.box-2 .content {
+  background-color: #fff;
+  height: 64rpx;
+  padding: 0 20rpx;
+  border-radius: 32rpx;
+  font-size: 28rpx;
+}
+.box-2 .send {
+  background-color: #42b983;
+  color: #fff;
+  height: 64rpx;
+  margin-left: 20rpx;
+  border-radius: 32rpx;
+  padding: 0;
+  width: 120rpx;
+  line-height: 62rpx;
+}
+.box-2 .send:active {
+  background-color: #5fc496;
+}
+.talk-list {
+  padding-bottom: 20rpx;
+  /* 消息项，基础类 */
+}
+.talk-list .item {
+  padding: 20rpx 20rpx 0 20rpx;
+  align-items: flex-start;
+  align-content: flex-start;
+  color: #333;
+  /* 收到的消息 */
+  /* 发出的消息 */
+}
+.talk-list .item .pic {
+  width: 92rpx;
+  height: 92rpx;
+  border-radius: 50%;
+  border: #fff solid 1px;
+}
+.talk-list .item .content {
+  padding: 20rpx;
+  border-radius: 4px;
+  max-width: 500rpx;
+  word-break: break-all;
+  line-height: 52rpx;
+  position: relative;
+}
+.talk-list .item.pull .content {
+  margin-left: 32rpx;
+  background-color: #fff;
+}
+.talk-list .item.pull .content::after {
+  content: '';
+  display: block;
+  width: 0;
+  height: 0;
+  border-top: 16rpx solid transparent;
+  border-bottom: 16rpx solid transparent;
+  border-right: 20rpx solid #fff;
+  position: absolute;
+  top: 30rpx;
+  left: -18rpx;
+}
+.talk-list .item.push {
+  /* 主轴为水平方向，起点在右端。使不修改DOM结构，也能改变元素排列顺序 */
+  flex-direction: row-reverse;
+}
+.talk-list .item.push .content {
+  margin-right: 32rpx;
+  background-color: #a0e959;
+}
+.talk-list .item.push .content::after {
+  content: '';
+  display: block;
+  width: 0;
+  height: 0;
+  border-top: 16rpx solid transparent;
+  border-bottom: 16rpx solid transparent;
+  border-left: 20rpx solid #a0e959;
+  position: absolute;
+  top: 30rpx;
+  right: -18rpx;
+}
+

virgo.wzfrontend/yui_wx/unpackage/dist/dev/mp-weixin/static/scss/common.scss

@@ -75,5 +75,8 @@
 		line-height: 68rpx;
 	}
 }
+button[type=primary]{
+	background: $uni-primary;
+}