优化
This commit is contained in:
2
unpackage/dist/dev/mp-weixin/app.js
vendored
2
unpackage/dist/dev/mp-weixin/app.js
vendored
@@ -39,7 +39,7 @@ const _sfc_main = {
|
||||
};
|
||||
const goeasyInstance = common_vendor.jo.getInstance({
|
||||
host: "hangzhou.goeasy.io",
|
||||
appkey: "BC-b858b695aa404138a0547d71da77bbb0",
|
||||
appkey: "BC-7a962ba3e9b84034a96dcc703a177017",
|
||||
modules: ["im"]
|
||||
});
|
||||
function createApp() {
|
||||
|
||||
@@ -7362,7 +7362,7 @@ function isConsoleWritable() {
|
||||
function initRuntimeSocketService() {
|
||||
const hosts = "192.168.1.112,127.0.0.1";
|
||||
const port = "8090";
|
||||
const id = "mp-weixin_pLZgb-";
|
||||
const id = "mp-weixin_q8yHR6";
|
||||
const lazy = typeof swan !== "undefined";
|
||||
let restoreError = lazy ? () => {
|
||||
} : initOnError();
|
||||
|
||||
9
unpackage/dist/dev/mp-weixin/components/audioMessages.js
vendored
Normal file
9
unpackage/dist/dev/mp-weixin/components/audioMessages.js
vendored
Normal file
@@ -0,0 +1,9 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../common/vendor.js");
|
||||
new common_vendor.COS({
|
||||
SecretId: "AKID4KPIyQgjjnkWJzSnwtfHj281tcBZo28v",
|
||||
// 推荐使用环境变量获取;用户的 SecretId,建议使用子账号密钥,授权遵循最小权限指引,降低使用风险。子账号密钥获取可参考https://cloud.tencent.com/document/product/598/37140
|
||||
SecretKey: "kQvMjuscBWgfSCqeHiGfx3vc7PUP7ctx"
|
||||
// 推荐使用环境变量获取;用户的 SecretKey,建议使用子账号密钥,授权遵循最小权限指引,降低使用风险。子账号密钥获取可参考https://cloud.tencent.com/document/product/598/37140
|
||||
});
|
||||
//# sourceMappingURL=../../.sourcemap/mp-weixin/components/audioMessages.js.map
|
||||
@@ -109,10 +109,70 @@ function messageRead(goeasy, userid) {
|
||||
});
|
||||
});
|
||||
}
|
||||
function sendCustomMessage(goeasy, type, userid, order, avatar, nickname) {
|
||||
return new Promise((resolve, reject) => {
|
||||
var im = goeasy.im;
|
||||
var customMessage = im.createCustomMessage({
|
||||
type,
|
||||
//字符串,可以任意自定义类型
|
||||
payload: order,
|
||||
to: {
|
||||
type: common_vendor.jo.IM_SCENE.PRIVATE,
|
||||
//私聊还是群聊,群聊为GoEasy.IM_SCENE.GROUP
|
||||
id: userid,
|
||||
//接收方用户id
|
||||
data: { "avatar": avatar, "nickname": nickname }
|
||||
//好友扩展数据, 任意格式的字符串或者对象,用于更新会话列表conversation.data
|
||||
}
|
||||
});
|
||||
im.sendMessage({
|
||||
message: customMessage,
|
||||
onSuccess: function() {
|
||||
resolve(customMessage);
|
||||
},
|
||||
onFailed: function(error) {
|
||||
common_vendor.index.__f__("log", "at components/goEasyTool/tool.js:137", "Failed to send message,code:" + error.code + ",error" + error.content);
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
function conversationTop(goeasy, conversation, top) {
|
||||
return new Promise((resolve, reject) => {
|
||||
var im = goeasy.im;
|
||||
im.topConversation({
|
||||
conversation,
|
||||
top,
|
||||
//或者 false
|
||||
onSuccess: function() {
|
||||
resolve("成功");
|
||||
},
|
||||
onFailed: function(error) {
|
||||
common_vendor.index.__f__("log", "at components/goEasyTool/tool.js:154", "失败:", error);
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
function conversationDelete(goeasy, conversation) {
|
||||
return new Promise((resolve, reject) => {
|
||||
var im = goeasy.im;
|
||||
im.removeConversation({
|
||||
conversation,
|
||||
onSuccess: function() {
|
||||
resolve("删除会话成功");
|
||||
},
|
||||
onFailed: function(error) {
|
||||
common_vendor.index.__f__("log", "at components/goEasyTool/tool.js:169", error);
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
exports.conversationDelete = conversationDelete;
|
||||
exports.conversationTop = conversationTop;
|
||||
exports.getConversationList = getConversationList;
|
||||
exports.getConversationMessages = getConversationMessages;
|
||||
exports.goEasylogin = goEasylogin;
|
||||
exports.goEasylogout = goEasylogout;
|
||||
exports.messageRead = messageRead;
|
||||
exports.sendCustomMessage = sendCustomMessage;
|
||||
exports.sendMessage = sendMessage;
|
||||
//# sourceMappingURL=../../../.sourcemap/mp-weixin/components/goEasyTool/tool.js.map
|
||||
|
||||
9
unpackage/dist/dev/mp-weixin/components/picturesVideosMessages.js
vendored
Normal file
9
unpackage/dist/dev/mp-weixin/components/picturesVideosMessages.js
vendored
Normal file
@@ -0,0 +1,9 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../common/vendor.js");
|
||||
new common_vendor.COS({
|
||||
SecretId: "AKID4KPIyQgjjnkWJzSnwtfHj281tcBZo28v",
|
||||
// 推荐使用环境变量获取;用户的 SecretId,建议使用子账号密钥,授权遵循最小权限指引,降低使用风险。子账号密钥获取可参考https://cloud.tencent.com/document/product/598/37140
|
||||
SecretKey: "kQvMjuscBWgfSCqeHiGfx3vc7PUP7ctx"
|
||||
// 推荐使用环境变量获取;用户的 SecretKey,建议使用子账号密钥,授权遵循最小权限指引,降低使用风险。子账号密钥获取可参考https://cloud.tencent.com/document/product/598/37140
|
||||
});
|
||||
//# sourceMappingURL=../../.sourcemap/mp-weixin/components/picturesVideosMessages.js.map
|
||||
@@ -3,7 +3,7 @@ const common_vendor = require("../common/vendor.js");
|
||||
const components_addPrefixToHeaderIcon = require("./addPrefixToHeaderIcon.js");
|
||||
function request(urldata) {
|
||||
const { url, data, method, header, userInfo } = urldata;
|
||||
const baseUrl = "http://120.26.251.180:8086/" + url;
|
||||
const baseUrl = "https://pk.zhukeping.com/" + url;
|
||||
if (userInfo) {
|
||||
return new Promise((resolve, reject) => {
|
||||
common_vendor.index.getStorage({
|
||||
|
||||
@@ -50,6 +50,12 @@
|
||||
width: 100%;
|
||||
height: 93%;
|
||||
}
|
||||
.scroll.data-v-21360a99 ::-webkit-scrollbar {
|
||||
width: 0;
|
||||
height: 0;
|
||||
color: transparent;
|
||||
display: none;
|
||||
}
|
||||
.card.data-v-21360a99{
|
||||
width: 570rpx;
|
||||
background-color: #ffffff;
|
||||
|
||||
@@ -42,6 +42,12 @@
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.scroll.data-v-7ffebbf4 ::-webkit-scrollbar {
|
||||
width: 0;
|
||||
height: 0;
|
||||
color: transparent;
|
||||
display: none;
|
||||
}
|
||||
.content-list.data-v-7ffebbf4 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
@@ -98,6 +98,12 @@
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.scroll.data-v-402ad917 ::-webkit-scrollbar {
|
||||
width: 0;
|
||||
height: 0;
|
||||
color: transparent;
|
||||
display: none;
|
||||
}
|
||||
.PKInformation.data-v-402ad917 {
|
||||
margin-top: 48.5rpx;
|
||||
}
|
||||
|
||||
@@ -166,6 +166,12 @@
|
||||
width: 750rpx;
|
||||
height: 1100rpx;
|
||||
}
|
||||
.scroll.data-v-414631de ::-webkit-scrollbar {
|
||||
width: 0;
|
||||
height: 0;
|
||||
color: transparent;
|
||||
display: none;
|
||||
}
|
||||
.contentcard.data-v-414631de {
|
||||
width: 694.66rpx;
|
||||
height: 161.26rpx;
|
||||
|
||||
@@ -38,6 +38,12 @@
|
||||
height: 1300rpx;
|
||||
width: 100%;
|
||||
}
|
||||
.scroll.data-v-daea6b33 ::-webkit-scrollbar {
|
||||
width: 0;
|
||||
height: 0;
|
||||
color: transparent;
|
||||
display: none;
|
||||
}
|
||||
.empty.data-v-daea6b33{
|
||||
position: absolute;
|
||||
top: 200rpx;
|
||||
|
||||
@@ -38,6 +38,12 @@
|
||||
height: 1300rpx;
|
||||
width: 100%;
|
||||
}
|
||||
.scroll.data-v-36b7ee78 ::-webkit-scrollbar {
|
||||
width: 0;
|
||||
height: 0;
|
||||
color: transparent;
|
||||
display: none;
|
||||
}
|
||||
.no-data.data-v-36b7ee78{
|
||||
position: absolute;
|
||||
top: 200rpx;
|
||||
|
||||
@@ -82,6 +82,12 @@
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.scroll.data-v-6fa696de ::-webkit-scrollbar {
|
||||
width: 0;
|
||||
height: 0;
|
||||
color: transparent;
|
||||
display: none;
|
||||
}
|
||||
.nodata.data-v-6fa696de {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
@@ -41,6 +41,12 @@
|
||||
height: 100%;
|
||||
width: 750rpx;
|
||||
}
|
||||
.scroll.data-v-cd2929c5 ::-webkit-scrollbar {
|
||||
width: 0;
|
||||
height: 0;
|
||||
color: transparent;
|
||||
display: none;
|
||||
}
|
||||
.empty.data-v-cd2929c5{
|
||||
height: 100%;
|
||||
width: 750rpx;
|
||||
|
||||
@@ -250,6 +250,12 @@ to {
|
||||
width: 90%;
|
||||
height: 500rpx;
|
||||
}
|
||||
.scroll.data-v-4e606fe0 ::-webkit-scrollbar {
|
||||
width: 0;
|
||||
height: 0;
|
||||
color: transparent;
|
||||
display: none;
|
||||
}
|
||||
.card.data-v-4e606fe0 {
|
||||
margin-top: 15rpx;
|
||||
}
|
||||
|
||||
@@ -57,6 +57,12 @@
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.scroll.data-v-38749331 ::-webkit-scrollbar {
|
||||
width: 0;
|
||||
height: 0;
|
||||
color: transparent;
|
||||
display: none;
|
||||
}
|
||||
.serviceProtocolContent.data-v-38749331{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
@@ -250,6 +250,12 @@ to {
|
||||
width: 90%;
|
||||
height: 500rpx;
|
||||
}
|
||||
.scroll.data-v-96d38e2b ::-webkit-scrollbar {
|
||||
width: 0;
|
||||
height: 0;
|
||||
color: transparent;
|
||||
display: none;
|
||||
}
|
||||
.card.data-v-96d38e2b{
|
||||
margin-top: 15rpx;
|
||||
}
|
||||
|
||||
@@ -20,10 +20,11 @@ const _sfc_main = {
|
||||
}
|
||||
});
|
||||
this.customData = JSON.parse(options.customData);
|
||||
common_vendor.index.__f__("log", "at pages/PKMessageprocessing/PKMessageprocessing.vue:190", "customData", this.customData);
|
||||
this.getPkyourInfo();
|
||||
this.getPkmineInfo();
|
||||
this.getPkIDInfo();
|
||||
setTimeout(() => {
|
||||
this.getPkIDInfo();
|
||||
this.getPkyourInfo();
|
||||
this.getPkmineInfo();
|
||||
}, 500);
|
||||
},
|
||||
onShareAppMessage(res) {
|
||||
if (res.from === "menu") {
|
||||
@@ -44,6 +45,7 @@ const _sfc_main = {
|
||||
},
|
||||
userInfo: true
|
||||
}).then((res) => {
|
||||
common_vendor.index.__f__("log", "at pages/PKMessageprocessing/PKMessageprocessing.vue:214", res.data);
|
||||
this.PkIDInfodata = res.data;
|
||||
});
|
||||
},
|
||||
@@ -57,7 +59,7 @@ const _sfc_main = {
|
||||
},
|
||||
userInfo: false
|
||||
}).then((res) => {
|
||||
common_vendor.index.__f__("log", "at pages/PKMessageprocessing/PKMessageprocessing.vue:227", res.data);
|
||||
common_vendor.index.__f__("log", "at pages/PKMessageprocessing/PKMessageprocessing.vue:228", res.data);
|
||||
this.SenderData = res.data;
|
||||
});
|
||||
},
|
||||
@@ -71,7 +73,7 @@ const _sfc_main = {
|
||||
},
|
||||
userInfo: false
|
||||
}).then((res) => {
|
||||
common_vendor.index.__f__("log", "at pages/PKMessageprocessing/PKMessageprocessing.vue:241", res.data);
|
||||
common_vendor.index.__f__("log", "at pages/PKMessageprocessing/PKMessageprocessing.vue:242", res.data);
|
||||
this.ReceiverData = res.data;
|
||||
});
|
||||
},
|
||||
|
||||
@@ -3,6 +3,7 @@ const common_vendor = require("../../common/vendor.js");
|
||||
const components_request = require("../../components/request.js");
|
||||
const components_postFile = require("../../components/postFile.js");
|
||||
const components_generateFileName = require("../../components/generateFileName.js");
|
||||
const components_goEasyTool_tool = require("../../components/goEasyTool/tool.js");
|
||||
const _sfc_main = {
|
||||
inject: ["$global"],
|
||||
data() {
|
||||
@@ -47,6 +48,7 @@ const _sfc_main = {
|
||||
},
|
||||
// 微信登录
|
||||
wxLogin(e) {
|
||||
components_goEasyTool_tool.goEasylogout(this.$goeasy);
|
||||
common_vendor.index.showLoading({
|
||||
title: "修改中...",
|
||||
mask: true
|
||||
@@ -72,6 +74,7 @@ const _sfc_main = {
|
||||
icon: "success"
|
||||
});
|
||||
common_vendor.index.setStorageSync("userinfo", ress.data.info);
|
||||
components_goEasyTool_tool.goEasylogin(this.$goeasy, String(ress.data.info.id), ress.data.info.headerIcon, ress.data.info.nickName);
|
||||
common_vendor.index.hideLoading();
|
||||
common_vendor.index.navigateBack({
|
||||
delta: 1
|
||||
@@ -84,7 +87,7 @@ const _sfc_main = {
|
||||
}
|
||||
});
|
||||
}).catch((err) => {
|
||||
common_vendor.index.__f__("log", "at pages/Setting/Setting.vue:109", err);
|
||||
common_vendor.index.__f__("log", "at pages/Setting/Setting.vue:112", err);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2,8 +2,12 @@
|
||||
const common_vendor = require("../../../common/vendor.js");
|
||||
const components_ChatId = require("../../../components/ChatId.js");
|
||||
const components_TimeFormatting = require("../../../components/TimeFormatting.js");
|
||||
require("../../../components/picturesVideosMessages.js");
|
||||
require("../../../components/audioMessages.js");
|
||||
const components_request = require("../../../components/request.js");
|
||||
const components_goEasyTool_tool = require("../../../components/goEasyTool/tool.js");
|
||||
const textmessage = () => "./messageComponent/textmessage.js";
|
||||
const customPKMessage = () => "./messageComponent/customPKMessage.js";
|
||||
const InvitationComponents = () => "./moreMessageComponents/InvitationComponents.js";
|
||||
const _sfc_main = {
|
||||
data() {
|
||||
@@ -12,8 +16,6 @@ const _sfc_main = {
|
||||
// 对方用户id
|
||||
nickname: "",
|
||||
// 对方用户昵称
|
||||
triggered: false,
|
||||
// 下拉刷新状态
|
||||
avatar: "",
|
||||
// 对方用户头像
|
||||
chatList: [],
|
||||
@@ -50,7 +52,23 @@ const _sfc_main = {
|
||||
// 定时器
|
||||
lastTimestamp: null,
|
||||
// 上一次刷新时间戳
|
||||
LastTime: null,
|
||||
// 最后聊天记录的时间戳
|
||||
MoreMessageList: [],
|
||||
Record: null,
|
||||
// 定位记录
|
||||
myitem: null,
|
||||
//直接发送自定义消息的我的选中主播
|
||||
youritem: null,
|
||||
//直接发送自定义消息的对方选中主播
|
||||
type: null,
|
||||
//直接发送自定义消息的消息类型
|
||||
popUpList: [
|
||||
{
|
||||
name: "相册",
|
||||
icon: "https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Album.png",
|
||||
type: "Album"
|
||||
},
|
||||
{
|
||||
name: "邀请",
|
||||
icon: "https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/chat_invite.png",
|
||||
@@ -62,6 +80,9 @@ const _sfc_main = {
|
||||
},
|
||||
onShow() {
|
||||
this.onPage = true;
|
||||
common_vendor.index.onKeyboardHeightChange((res) => {
|
||||
this.KeyboardHeight = res.height * 2 - this.ioshide;
|
||||
});
|
||||
},
|
||||
onHide() {
|
||||
this.onPage = false;
|
||||
@@ -70,20 +91,40 @@ const _sfc_main = {
|
||||
common_vendor.index.getStorage({
|
||||
key: "userinfo",
|
||||
success: (res) => {
|
||||
this.userinfo = res;
|
||||
this.userinfo = res.data;
|
||||
}
|
||||
});
|
||||
this.userId = options.userId;
|
||||
this.nickname = options.nickname;
|
||||
this.avatar = options.avatar;
|
||||
this.type = options.type;
|
||||
try {
|
||||
this.myitem = JSON.parse(options.myitem);
|
||||
this.youritem = JSON.parse(options.youritem);
|
||||
} catch (e) {
|
||||
}
|
||||
if (this.type == "pk") {
|
||||
setTimeout(() => {
|
||||
this.sendCustomMessage();
|
||||
}, 500);
|
||||
}
|
||||
components_goEasyTool_tool.getConversationMessages(this.$goeasy, this.userId, null).then((res) => {
|
||||
this.chatList = res.map((item) => {
|
||||
item.id = components_ChatId.generateId();
|
||||
item.timestampStatus = this.checkInterval(item.timestamp);
|
||||
return item;
|
||||
});
|
||||
common_vendor.index.__f__("log", "at pages/index/chat/chat.vue:209", "获取和对方用户的聊天记录", this.chatList);
|
||||
setTimeout(() => {
|
||||
this.ElementPositioning = this.chatList[this.chatList.length - 1].id;
|
||||
if (this.chatList.length > 0) {
|
||||
this.ElementPositioning = this.chatList[this.chatList.length - 1].id;
|
||||
this.LastTime = this.chatList[0].timestamp;
|
||||
} else {
|
||||
common_vendor.index.showToast({
|
||||
title: "您和对方暂无聊天记录,快去聊天吧",
|
||||
icon: "none",
|
||||
duration: 2e3
|
||||
});
|
||||
}
|
||||
}, 300);
|
||||
const query = common_vendor.index.createSelectorQuery().in(this);
|
||||
query.select(".inputComponent").boundingClientRect((res2) => {
|
||||
@@ -91,7 +132,7 @@ const _sfc_main = {
|
||||
}).exec();
|
||||
});
|
||||
components_goEasyTool_tool.messageRead(this.$goeasy, this.userId).then((res) => {
|
||||
common_vendor.index.__f__("log", "at pages/index/chat/chat.vue:223", "已读对方的消息");
|
||||
common_vendor.index.__f__("log", "at pages/index/chat/chat.vue:300", "已读对方的消息");
|
||||
});
|
||||
this.getIOSDeviceType();
|
||||
var im = this.$goeasy.im;
|
||||
@@ -100,6 +141,62 @@ const _sfc_main = {
|
||||
this.getscrollviewheight();
|
||||
},
|
||||
methods: {
|
||||
//直接发送自定义消息
|
||||
sendCustomMessage() {
|
||||
components_request.request({
|
||||
url: "pk/createPkRecord",
|
||||
method: "POST",
|
||||
data: {
|
||||
pkIdA: this.youritem.id,
|
||||
pkIdB: this.myitem.id,
|
||||
userIdA: this.userId,
|
||||
userIdB: this.userinfo.id,
|
||||
pkTime: this.youritem.pkTime,
|
||||
pkNumber: this.youritem.pkNumber,
|
||||
anchorIdA: this.youritem.anchorId,
|
||||
anchorIdB: this.myitem.anchorId,
|
||||
anchorIconA: this.youritem.anchorIcon,
|
||||
anchorIconB: this.myitem.anchorIcon,
|
||||
piIdA: this.youritem.id,
|
||||
piIdB: this.myitem.id
|
||||
},
|
||||
userInfo: true
|
||||
}).then((res) => {
|
||||
if (res.code == 200) {
|
||||
const customData = {
|
||||
id: res.data.id,
|
||||
pkIdA: this.youritem.id,
|
||||
pkIdB: this.myitem.id
|
||||
};
|
||||
let order = {
|
||||
customData,
|
||||
link: "https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/pk.png",
|
||||
text: "PK邀请消息"
|
||||
};
|
||||
components_goEasyTool_tool.sendCustomMessage(
|
||||
this.$goeasy,
|
||||
this.type,
|
||||
this.userId,
|
||||
order,
|
||||
this.avatar,
|
||||
this.nickname
|
||||
).then((res2) => {
|
||||
this.ElementPositioning = res2.id = components_ChatId.generateId();
|
||||
res2.timestampStatus = this.checkInterval(res2.timestamp);
|
||||
this.chatList.push(res2);
|
||||
common_vendor.index.showToast({
|
||||
title: "发送成功",
|
||||
icon: "none"
|
||||
});
|
||||
});
|
||||
} else {
|
||||
common_vendor.index.showToast({
|
||||
title: res.msg,
|
||||
icon: "none"
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
//时间显示
|
||||
checkInterval(timestamp) {
|
||||
if (!this.lastTimestamp) {
|
||||
@@ -133,22 +230,42 @@ const _sfc_main = {
|
||||
this.Scrolling = false;
|
||||
}
|
||||
},
|
||||
//获取更多聊天记录
|
||||
onScrollToUpper() {
|
||||
this.lastTimestamp = null;
|
||||
components_goEasyTool_tool.getConversationMessages(this.$goeasy, this.userId, this.LastTime).then((res) => {
|
||||
this.Record = this.chatList[0].id;
|
||||
this.MoreMessageList = res.map((item) => {
|
||||
item.id = components_ChatId.generateId();
|
||||
item.timestampStatus = this.checkInterval(item.timestamp);
|
||||
return item;
|
||||
});
|
||||
});
|
||||
setTimeout(() => {
|
||||
this.chatList = [...this.MoreMessageList, ...this.chatList];
|
||||
common_vendor.index.__f__("log", "at pages/index/chat/chat.vue:418", "获取更多聊天记录", this.chatList);
|
||||
this.LastTime = this.chatList[0].timestamp;
|
||||
this.ElementPositioning = this.Record;
|
||||
}, 300);
|
||||
},
|
||||
//监听已读消息
|
||||
onMessageRead(message) {
|
||||
common_vendor.index.__f__("log", "at pages/index/chat/chat.vue:275", "已读消息", message);
|
||||
common_vendor.index.__f__("log", "at pages/index/chat/chat.vue:425", "1已读消息", message);
|
||||
},
|
||||
//监听接受消息
|
||||
onPrivateMessageReceived(message) {
|
||||
if (!this.Scrolling) {
|
||||
this.ElementPositioning = message.id = components_ChatId.generateId();
|
||||
message.timestampStatus = this.checkInterval(message.timestamp);
|
||||
this.judgescrollTop = false;
|
||||
} else {
|
||||
message.id = components_ChatId.generateId();
|
||||
message.timestampStatus = this.checkInterval(message.timestamp);
|
||||
}
|
||||
this.chatList.push(message);
|
||||
if (this.onPage) {
|
||||
components_goEasyTool_tool.messageRead(this.$goeasy, this.userId).then((res) => {
|
||||
common_vendor.index.__f__("log", "at pages/index/chat/chat.vue:288", "已读对方的消息");
|
||||
common_vendor.index.__f__("log", "at pages/index/chat/chat.vue:440", "已读对方的消息");
|
||||
});
|
||||
}
|
||||
},
|
||||
@@ -162,8 +279,9 @@ const _sfc_main = {
|
||||
this.avatar,
|
||||
this.nickname
|
||||
).then((res) => {
|
||||
common_vendor.index.__f__("log", "at pages/index/chat/chat.vue:302", "发送成功", res);
|
||||
common_vendor.index.__f__("log", "at pages/index/chat/chat.vue:454", "发送成功", res);
|
||||
this.ElementPositioning = res.id = components_ChatId.generateId();
|
||||
res.timestampStatus = this.checkInterval(res.timestamp);
|
||||
this.chatList.push(res);
|
||||
this.judgescrollTop = false;
|
||||
});
|
||||
@@ -171,6 +289,15 @@ const _sfc_main = {
|
||||
this.ButtonStatus = false;
|
||||
}
|
||||
},
|
||||
//自定义消息发送返回处理
|
||||
refreshMessage(message) {
|
||||
this.MoreItemStatus = null;
|
||||
this.ElementPositioning = message.message.id = components_ChatId.generateId();
|
||||
message.timestampStatus = this.checkInterval(message.message.timestamp);
|
||||
this.chatList.push(message.message);
|
||||
this.judgescrollTop = false;
|
||||
this.MoreStatus = false;
|
||||
},
|
||||
//ios兼容
|
||||
getIOSDeviceType() {
|
||||
const systemInfo = common_vendor.index.getSystemInfoSync();
|
||||
@@ -201,7 +328,31 @@ const _sfc_main = {
|
||||
},
|
||||
//更多消息类型弹窗点击事件
|
||||
onMoreItem(type) {
|
||||
this.MoreItemStatus = type;
|
||||
if (type == "Album") {
|
||||
this.onSendMedia();
|
||||
} else {
|
||||
this.MoreItemStatus = type;
|
||||
}
|
||||
},
|
||||
//发送图片,视频消息
|
||||
onSendMedia() {
|
||||
common_vendor.index.chooseMedia({
|
||||
count: 9,
|
||||
mediaType: ["image", "video"],
|
||||
sourceType: ["album", "camera"],
|
||||
maxDuration: 60,
|
||||
camera: "front",
|
||||
success(res) {
|
||||
common_vendor.index.__f__("log", "at pages/index/chat/chat.vue:523", res.tempFiles);
|
||||
if (res.tempFiles.fileType == "image")
|
||||
;
|
||||
else if (res.tempFiles.fileType == "video")
|
||||
;
|
||||
}
|
||||
});
|
||||
},
|
||||
//发送音频消息
|
||||
onSendAudio() {
|
||||
},
|
||||
// 获取键盘高度
|
||||
onFocus(event) {
|
||||
@@ -213,7 +364,6 @@ const _sfc_main = {
|
||||
this.judgescrollTop = false;
|
||||
}
|
||||
this.getscrollviewheight();
|
||||
this.KeyboardHeight = event.detail.height * 2 - this.ioshide;
|
||||
const query = common_vendor.index.createSelectorQuery().in(this);
|
||||
query.select(".inputComponent").boundingClientRect((res) => {
|
||||
this.Elementheight = res.height * 2;
|
||||
@@ -221,7 +371,6 @@ const _sfc_main = {
|
||||
},
|
||||
//键盘消失
|
||||
onBlur(event) {
|
||||
this.KeyboardHeight = 0;
|
||||
const query = common_vendor.index.createSelectorQuery().in(this);
|
||||
query.select(".inputComponent").boundingClientRect((res) => {
|
||||
this.Elementheight = res.height * 2;
|
||||
@@ -250,12 +399,15 @@ const _sfc_main = {
|
||||
},
|
||||
components: {
|
||||
textmessage,
|
||||
InvitationComponents
|
||||
InvitationComponents,
|
||||
customPKMessage
|
||||
}
|
||||
};
|
||||
if (!Array) {
|
||||
const _component_textmessage = common_vendor.resolveComponent("textmessage");
|
||||
const _component_customPKMessage = common_vendor.resolveComponent("customPKMessage");
|
||||
const _component_InvitationComponents = common_vendor.resolveComponent("InvitationComponents");
|
||||
_component_InvitationComponents();
|
||||
(_component_textmessage + _component_customPKMessage + _component_InvitationComponents)();
|
||||
}
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return common_vendor.e({
|
||||
@@ -265,35 +417,67 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
d: common_vendor.o(($event) => $options.onMore(false)),
|
||||
e: common_vendor.f($data.chatList, (item, index, i0) => {
|
||||
return common_vendor.e({
|
||||
a: $options.checkInterval(item.timestamp)
|
||||
}, $options.checkInterval(item.timestamp) ? {
|
||||
a: item.timestampStatus
|
||||
}, item.timestampStatus ? {
|
||||
b: common_vendor.t($options.TimeFormatting(item.timestamp))
|
||||
} : {}, {
|
||||
c: item.id,
|
||||
d: item.id
|
||||
c: item.senderId == $data.userId
|
||||
}, item.senderId == $data.userId ? common_vendor.e({
|
||||
d: $data.avatar,
|
||||
e: item.type == "text"
|
||||
}, item.type == "text" ? {
|
||||
f: "f4b42ac4-0-" + i0,
|
||||
g: common_vendor.p({
|
||||
messagetext: item.payload.text
|
||||
})
|
||||
} : {}, {
|
||||
h: item.type == "pk"
|
||||
}, item.type == "pk" ? {
|
||||
i: "f4b42ac4-1-" + i0,
|
||||
j: common_vendor.p({
|
||||
message: item.payload
|
||||
})
|
||||
} : {}) : {}, {
|
||||
k: item.senderId == $data.userinfo.id
|
||||
}, item.senderId == $data.userinfo.id ? common_vendor.e({
|
||||
l: $data.userinfo.headerIcon,
|
||||
m: item.type == "text"
|
||||
}, item.type == "text" ? {
|
||||
n: "f4b42ac4-2-" + i0,
|
||||
o: common_vendor.p({
|
||||
messagetext: item.payload.text
|
||||
})
|
||||
} : {}, {
|
||||
p: item.type == "pk"
|
||||
}, item.type == "pk" ? {
|
||||
q: "f4b42ac4-3-" + i0,
|
||||
r: common_vendor.p({
|
||||
message: item.payload
|
||||
})
|
||||
} : {}) : {}, {
|
||||
s: item.id,
|
||||
t: item.id
|
||||
});
|
||||
}),
|
||||
f: common_vendor.o((...args) => _ctx.onRefresherRefresh && _ctx.onRefresherRefresh(...args)),
|
||||
g: common_vendor.o((...args) => _ctx.onScrollToLower && _ctx.onScrollToLower(...args)),
|
||||
h: $data.triggered,
|
||||
i: $data.ElementPositioning,
|
||||
j: common_vendor.o((...args) => $options.onScroll && $options.onScroll(...args)),
|
||||
k: common_vendor.o(($event) => $options.onMore(false)),
|
||||
l: $data.MoreStatus || $data.KeyboardHeight != 0 || $data.Elementheight != 0 ? $data.MoreStatus ? 650 + $data.Elementheight + "rpx" : $data.KeyboardHeight != 0 ? $data.KeyboardHeight + $data.Elementheight + "rpx" : $data.Elementheight + "rpx" : $data.Elementheight + "rpx",
|
||||
m: common_vendor.o([($event) => $data.content = $event.detail.value, (...args) => $options.SendInput && $options.SendInput(...args)]),
|
||||
n: common_vendor.o((...args) => $options.onFocus && $options.onFocus(...args)),
|
||||
o: common_vendor.o((...args) => $options.onBlur && $options.onBlur(...args)),
|
||||
p: $data.content,
|
||||
q: !$data.ButtonStatus
|
||||
f: common_vendor.o((...args) => $options.onScrollToUpper && $options.onScrollToUpper(...args)),
|
||||
g: $data.ElementPositioning,
|
||||
h: common_vendor.o((...args) => $options.onScroll && $options.onScroll(...args)),
|
||||
i: common_vendor.o(($event) => $options.onMore(false)),
|
||||
j: $data.MoreStatus || $data.KeyboardHeight != 0 || $data.Elementheight != 0 ? $data.MoreStatus ? 650 + $data.Elementheight + "rpx" : $data.KeyboardHeight != 0 ? $data.KeyboardHeight + $data.Elementheight + "rpx" : $data.Elementheight + "rpx" : $data.Elementheight + "rpx",
|
||||
k: common_vendor.o([($event) => $data.content = $event.detail.value, (...args) => $options.SendInput && $options.SendInput(...args)]),
|
||||
l: common_vendor.o((...args) => $options.onFocus && $options.onFocus(...args)),
|
||||
m: common_vendor.o((...args) => $options.onBlur && $options.onBlur(...args)),
|
||||
n: $data.content,
|
||||
o: !$data.ButtonStatus
|
||||
}, !$data.ButtonStatus ? {
|
||||
r: common_vendor.o(($event) => $options.onMore(!$data.MoreStatus))
|
||||
p: common_vendor.o(($event) => $options.onMore(!$data.MoreStatus))
|
||||
} : {}, {
|
||||
s: $data.ButtonStatus
|
||||
q: $data.ButtonStatus
|
||||
}, $data.ButtonStatus ? {
|
||||
t: common_vendor.o((...args) => $options.onSend && $options.onSend(...args))
|
||||
r: common_vendor.o((...args) => $options.onSend && $options.onSend(...args))
|
||||
} : {}, {
|
||||
v: $data.MoreStatus || $data.KeyboardHeight != 0 ? $data.MoreStatus ? "650rpx" : $data.KeyboardHeight != 0 ? $data.KeyboardHeight + "rpx" : "0" : "0",
|
||||
w: common_vendor.f($data.popUpList, (item, index, i0) => {
|
||||
s: $data.MoreStatus || $data.KeyboardHeight > 300 ? $data.MoreStatus ? "650rpx" : $data.KeyboardHeight > 300 ? $data.KeyboardHeight + "rpx" : "0" : "0",
|
||||
t: common_vendor.f($data.popUpList, (item, index, i0) => {
|
||||
return {
|
||||
a: item.icon,
|
||||
b: common_vendor.t(item.name),
|
||||
@@ -301,9 +485,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
d: index
|
||||
};
|
||||
}),
|
||||
x: $data.MoreStatus || $data.KeyboardHeight != 0 ? $data.MoreStatus ? "0" : $data.KeyboardHeight != 0 ? "0" : $data.KeyboardHeight + "rpx" : "-650rpx",
|
||||
y: $data.MoreItemStatus == "Invitation"
|
||||
}, $data.MoreItemStatus == "Invitation" ? {} : {}, {
|
||||
v: $data.MoreStatus || $data.KeyboardHeight > 300 ? $data.MoreStatus ? "0" : $data.KeyboardHeight > 300 ? "0" : $data.KeyboardHeight + "rpx" : "-650rpx",
|
||||
w: $data.MoreItemStatus == "Invitation"
|
||||
}, $data.MoreItemStatus == "Invitation" ? {
|
||||
x: common_vendor.o($options.refreshMessage),
|
||||
y: common_vendor.p({
|
||||
oppositeId: $data.userId,
|
||||
myId: $data.userinfo.id,
|
||||
avatar: $data.avatar,
|
||||
nickname: $data.nickname
|
||||
})
|
||||
} : {}, {
|
||||
z: common_vendor.o(() => {
|
||||
}),
|
||||
A: $data.MoreItemStatus == null ? "-1000rpx" : "0",
|
||||
|
||||
@@ -1,6 +1,8 @@
|
||||
{
|
||||
"navigationBarTitleText": "聊天页",
|
||||
"usingComponents": {
|
||||
"textmessage": "./messageComponent/textmessage",
|
||||
"custom-p-k-message": "./messageComponent/customPKMessage",
|
||||
"invitation-components": "./moreMessageComponents/InvitationComponents"
|
||||
}
|
||||
}
|
||||
@@ -1 +1 @@
|
||||
<view class="chat data-v-f4b42ac4"><view class="bg data-v-f4b42ac4" bindtap="{{a}}"><image class="bgImg data-v-f4b42ac4" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/HomeBackground.png" mode="scaleToFill"/></view><view class="Return data-v-f4b42ac4" bindtap="{{b}}"><image class="ReturnImg data-v-f4b42ac4" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Return.png" mode="scaleToFill"/></view><view class="title data-v-f4b42ac4" bindtap="{{d}}">{{c}}</view><view class="content data-v-f4b42ac4" bindtap="{{k}}" style="{{'bottom:' + l}}"><scroll-view show-scrollbar="false" scroll-y="true" class="scroll data-v-f4b42ac4" refresher-enabled="true" refresher-threshold="40" bindrefresherrefresh="{{f}}" lower-threshold="100" bindscrolltolower="{{g}}" refresher-triggered="{{h}}" scroll-into-view="{{i}}" bindscroll="{{j}}"><view wx:for="{{e}}" wx:for-item="item" wx:key="c" class="chat-card data-v-f4b42ac4" id="{{item.d}}"><view wx:if="{{item.a}}" class="chat-time data-v-f4b42ac4">{{item.b}}</view><view class="chat-avatar data-v-f4b42ac4"></view></view></scroll-view></view><view class="inputComponent data-v-f4b42ac4" id:inputComponent style="{{'bottom:' + v}}"><view class="textareacomponent data-v-f4b42ac4"><block wx:if="{{r0}}"><textarea bindinput="{{m}}" auto-height class="input data-v-f4b42ac4" maxlength="{{500}}" cursor-spacing="20" bindfocus="{{n}}" bindblur="{{o}}" adjust-position="{{false}}" value="{{p}}"></textarea></block></view><view class="sendComponent data-v-f4b42ac4"><image wx:if="{{q}}" class="MoreImg data-v-f4b42ac4" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/chat_add.png" mode="scaleToFill" bindtap="{{r}}"/><button wx:if="{{s}}" class="send data-v-f4b42ac4" bindtap="{{t}}">发送</button></view></view><view class="MoreComponent data-v-f4b42ac4" style="{{'bottom:' + x}}"><view class="Morecontent data-v-f4b42ac4"><view wx:for="{{w}}" wx:for-item="item" wx:key="d" class="MoreList data-v-f4b42ac4"><view class="MoreItem data-v-f4b42ac4" bindtap="{{item.c}}"><image class="Moreicon data-v-f4b42ac4" src="{{item.a}}" mode="scaleToFill"/><text class="MoreName data-v-f4b42ac4">{{item.b}}</text></view></view></view></view><view class="popUpInvitation data-v-f4b42ac4" bindtap="{{B}}" style="{{'top:' + C}}"><view class="popUpInvitationContent data-v-f4b42ac4" catchtap="{{z}}" style="{{'bottom:' + A}}"><invitation-components wx:if="{{y}}" class="data-v-f4b42ac4" u-i="f4b42ac4-0" bind:__l="__l"></invitation-components></view></view></view>
|
||||
<view class="chat data-v-f4b42ac4"><view class="bg data-v-f4b42ac4" bindtap="{{a}}"><image class="bgImg data-v-f4b42ac4" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/HomeBackground.png" mode="scaleToFill"/></view><view class="Return data-v-f4b42ac4" bindtap="{{b}}"><image class="ReturnImg data-v-f4b42ac4" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Return.png" mode="scaleToFill"/></view><view class="title data-v-f4b42ac4" bindtap="{{d}}">{{c}}</view><view class="content data-v-f4b42ac4" bindtap="{{i}}" style="{{'bottom:' + j}}"><scroll-view show-scrollbar="false" scroll-y="true" class="scroll data-v-f4b42ac4" upper-threshold="100" bindscrolltoupper="{{f}}" scroll-into-view="{{g}}" bindscroll="{{h}}"><view wx:for="{{e}}" wx:for-item="item" wx:key="s" class="chat-card data-v-f4b42ac4" id="{{item.t}}"><view wx:if="{{item.a}}" class="chat-time data-v-f4b42ac4">{{item.b}}</view><view class="chat-avatar data-v-f4b42ac4"><view wx:if="{{item.c}}" class="oppositeChatNews data-v-f4b42ac4"><image class="chat-avatarImg data-v-f4b42ac4" src="{{item.d}}" mode="scaleToFill"/><view class="oppositesharpCorner data-v-f4b42ac4"><view class="oppositeSharpCornercion data-v-f4b42ac4"></view></view><view class="oppositeChatNewsContent data-v-f4b42ac4"><textmessage wx:if="{{item.e}}" class="data-v-f4b42ac4" u-i="{{item.f}}" bind:__l="__l" u-p="{{item.g}}"></textmessage><custom-p-k-message wx:if="{{item.h}}" class="data-v-f4b42ac4" u-i="{{item.i}}" bind:__l="__l" u-p="{{item.j}}"></custom-p-k-message></view></view><view wx:if="{{item.k}}" class="myChatNews data-v-f4b42ac4"><image class="chat-avatarImg data-v-f4b42ac4" src="{{item.l}}" mode="scaleToFill"/><view class="mysharpCorner data-v-f4b42ac4"><view class="mySharpCornercion data-v-f4b42ac4"></view></view><view class="myChatNewsContent data-v-f4b42ac4"><textmessage wx:if="{{item.m}}" class="data-v-f4b42ac4" u-i="{{item.n}}" bind:__l="__l" u-p="{{item.o}}"></textmessage><custom-p-k-message wx:if="{{item.p}}" class="data-v-f4b42ac4" u-i="{{item.q}}" bind:__l="__l" u-p="{{item.r}}"></custom-p-k-message></view></view></view></view></scroll-view></view><view class="inputComponent data-v-f4b42ac4" id:inputComponent style="{{'bottom:' + s}}"><view class="textareacomponent data-v-f4b42ac4"><block wx:if="{{r0}}"><textarea bindinput="{{k}}" auto-height class="input data-v-f4b42ac4" maxlength="{{500}}" cursor-spacing="20" bindfocus="{{l}}" bindblur="{{m}}" adjust-position="{{false}}" value="{{n}}"></textarea></block></view><view class="sendComponent data-v-f4b42ac4"><image wx:if="{{o}}" class="MoreImg data-v-f4b42ac4" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/chat_add.png" mode="scaleToFill" bindtap="{{p}}"/><button wx:if="{{q}}" class="send data-v-f4b42ac4" bindtap="{{r}}">发送</button></view></view><view class="MoreComponent data-v-f4b42ac4" style="{{'bottom:' + v}}"><view class="Morecontent data-v-f4b42ac4"><view wx:for="{{t}}" wx:for-item="item" wx:key="d" class="MoreList data-v-f4b42ac4"><view class="MoreItem data-v-f4b42ac4" bindtap="{{item.c}}"><image class="Moreicon data-v-f4b42ac4" src="{{item.a}}" mode="scaleToFill"/><text class="MoreName data-v-f4b42ac4">{{item.b}}</text></view></view></view></view><view class="popUpInvitation data-v-f4b42ac4" bindtap="{{B}}" style="{{'top:' + C}}"><view class="popUpInvitationContent data-v-f4b42ac4" catchtap="{{z}}" style="{{'bottom:' + A}}"><invitation-components wx:if="{{w}}" class="data-v-f4b42ac4" bindrefreshMessage="{{x}}" u-i="f4b42ac4-4" bind:__l="__l" u-p="{{y}}"></invitation-components></view></view></view>
|
||||
@@ -43,6 +43,12 @@
|
||||
height: 100%;
|
||||
padding: 0% 2% 0% 2%;
|
||||
}
|
||||
.scroll.data-v-f4b42ac4 ::-webkit-scrollbar {
|
||||
width: 0;
|
||||
height: 0;
|
||||
color: transparent;
|
||||
display: none;
|
||||
}
|
||||
.inputComponent.data-v-f4b42ac4 {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
@@ -52,14 +58,15 @@
|
||||
padding: 15rpx 15rpx 37.5rpx 15rpx;
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
transition: bottom 0.1s ease;
|
||||
transition: bottom 0.25s ease;
|
||||
}
|
||||
.chat-card.data-v-f4b42ac4 {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
margin-bottom: 20rpx;
|
||||
margin-top: 20rpx;
|
||||
margin-bottom: 10rpx;
|
||||
margin-top: 10rpx;
|
||||
padding: 10rpx;
|
||||
/* background-color: #ffffff; */
|
||||
}
|
||||
.chat-time.data-v-f4b42ac4 {
|
||||
width: 100%;
|
||||
@@ -75,6 +82,66 @@
|
||||
.chat-avatar.data-v-f4b42ac4 {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.oppositeChatNews.data-v-f4b42ac4 {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.oppositesharpCorner.data-v-f4b42ac4 {
|
||||
width: 20rpx;
|
||||
height: 80rpx;
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
align-items: center;
|
||||
}
|
||||
.oppositeSharpCornercion.data-v-f4b42ac4 {
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-top: 13rpx solid transparent;
|
||||
border-right: 13rpx solid #ffffff;
|
||||
border-bottom: 13rpx solid transparent;
|
||||
}
|
||||
.oppositeChatNewsContent.data-v-f4b42ac4 {
|
||||
width: auto;
|
||||
height: auto;
|
||||
background-color: #ffffff;
|
||||
border-radius: 10rpx;
|
||||
max-width: 450rpx;
|
||||
}
|
||||
.myChatNews.data-v-f4b42ac4 {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
align-items: flex-start;
|
||||
margin-right: 15rpx;
|
||||
}
|
||||
.mysharpCorner.data-v-f4b42ac4 {
|
||||
width: 20rpx;
|
||||
height: 80rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.mySharpCornercion.data-v-f4b42ac4 {
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-top: 13rpx solid transparent;
|
||||
border-left: 13rpx solid #7bbd0093;
|
||||
border-bottom: 13rpx solid transparent;
|
||||
}
|
||||
.myChatNewsContent.data-v-f4b42ac4 {
|
||||
width: auto;
|
||||
height: auto;
|
||||
background-color: #7bbd0093;
|
||||
border-radius: 20rpx;
|
||||
max-width: 450rpx;
|
||||
}
|
||||
.chat-avatarImg.data-v-f4b42ac4 {
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
.textareacomponent.data-v-f4b42ac4 {
|
||||
width: 570rpx;
|
||||
@@ -115,7 +182,7 @@
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 650rpx;
|
||||
transition: bottom 0.1s ease;
|
||||
transition: bottom 0.25s ease;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.Morecontent.data-v-f4b42ac4 {
|
||||
@@ -149,14 +216,15 @@
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
transition: top 0.1s ease;
|
||||
transition: top 0.25s ease;
|
||||
z-index: 1000;
|
||||
}
|
||||
.popUpInvitationContent.data-v-f4b42ac4 {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 1000rpx;
|
||||
transition: bottom 0.1s ease;
|
||||
transition: bottom 0.25s ease;
|
||||
background-color: #ffffff;
|
||||
border-top-left-radius: 40rpx;
|
||||
border-top-right-radius: 40rpx;
|
||||
|
||||
34
unpackage/dist/dev/mp-weixin/pages/index/chat/messageComponent/customPKMessage.js
vendored
Normal file
34
unpackage/dist/dev/mp-weixin/pages/index/chat/messageComponent/customPKMessage.js
vendored
Normal file
@@ -0,0 +1,34 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
const _sfc_main = {
|
||||
props: {
|
||||
message: {
|
||||
type: String,
|
||||
default: ""
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: "Hello"
|
||||
};
|
||||
},
|
||||
onLoad() {
|
||||
},
|
||||
methods: {
|
||||
// 方法定义
|
||||
onTap() {
|
||||
common_vendor.index.navigateTo({
|
||||
url: `/pages/PKMessageprocessing/PKMessageprocessing?customData=${JSON.stringify(this.message.customData)}`
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return {
|
||||
a: $props.message.link,
|
||||
b: common_vendor.o((...args) => $options.onTap && $options.onTap(...args))
|
||||
};
|
||||
}
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-7f4965b4"]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/pages/index/chat/messageComponent/customPKMessage.js.map
|
||||
4
unpackage/dist/dev/mp-weixin/pages/index/chat/messageComponent/customPKMessage.json
vendored
Normal file
4
unpackage/dist/dev/mp-weixin/pages/index/chat/messageComponent/customPKMessage.json
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/pages/index/chat/messageComponent/customPKMessage.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/pages/index/chat/messageComponent/customPKMessage.wxml
vendored
Normal file
@@ -0,0 +1 @@
|
||||
<view class="custom-pk-message data-v-7f4965b4" bindtap="{{b}}"><image class="data-v-7f4965b4" src="{{a}}" mode="scaleToFill" style="width:100%;height:100%"/></view>
|
||||
9
unpackage/dist/dev/mp-weixin/pages/index/chat/messageComponent/customPKMessage.wxss
vendored
Normal file
9
unpackage/dist/dev/mp-weixin/pages/index/chat/messageComponent/customPKMessage.wxss
vendored
Normal file
@@ -0,0 +1,9 @@
|
||||
|
||||
.custom-pk-message.data-v-7f4965b4{
|
||||
width: 385rpx;
|
||||
height: 195rpx;
|
||||
padding: 20rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 20rpx;
|
||||
margin:19rpx 15rpx 19rpx 15rpx;
|
||||
}
|
||||
@@ -1,5 +1,7 @@
|
||||
|
||||
.messagetext.data-v-b62657a0{
|
||||
font-size: 16px;
|
||||
font-size: 34rpx;
|
||||
color: #333;
|
||||
letter-spacing: 1rpx;
|
||||
padding: 19rpx 30rpx 19rpx 30rpx;
|
||||
}
|
||||
|
||||
@@ -1,17 +1,266 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
const components_request = require("../../../../components/request.js");
|
||||
const components_TimeFormatting = require("../../../../components/TimeFormatting.js");
|
||||
const components_goEasyTool_tool = require("../../../../components/goEasyTool/tool.js");
|
||||
const _sfc_main = {
|
||||
data() {
|
||||
return {};
|
||||
props: {
|
||||
oppositeId: {
|
||||
type: String,
|
||||
required: true
|
||||
},
|
||||
myId: {
|
||||
type: String,
|
||||
required: true
|
||||
},
|
||||
nickname: {
|
||||
type: String,
|
||||
required: true
|
||||
},
|
||||
avatar: {
|
||||
type: String,
|
||||
required: true
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
data() {
|
||||
return {
|
||||
select: null,
|
||||
// 选择主播对象(1:对方主播,0:自己主播)
|
||||
mylist: [],
|
||||
// 自己主播列表
|
||||
oppositlist: [],
|
||||
// 对方主播列表
|
||||
selectedId: null,
|
||||
// 选择的主播id
|
||||
selectIndex: null,
|
||||
// 选择的主播索引
|
||||
myselect: null,
|
||||
// 自己选择的主播对象
|
||||
oppositselect: null,
|
||||
// 对方选择的主播对象
|
||||
list: []
|
||||
// 渲染的主播列表
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getAnchorList(this.oppositeId);
|
||||
this.getAnchorList(this.myId);
|
||||
},
|
||||
methods: {
|
||||
// 方法定义
|
||||
//发送pk消息
|
||||
send() {
|
||||
components_request.request({
|
||||
url: "pk/createPkRecord",
|
||||
method: "POST",
|
||||
data: {
|
||||
pkIdA: this.oppositselect.id,
|
||||
pkIdB: this.myselect.id,
|
||||
userIdA: this.oppositeId,
|
||||
userIdB: this.myId,
|
||||
pkTime: this.oppositselect.pkTime,
|
||||
pkNumber: this.oppositselect.pkNumber,
|
||||
anchorIdA: this.oppositselect.anchorId,
|
||||
anchorIdB: this.myselect.anchorId,
|
||||
anchorIconA: this.oppositselect.anchorIcon,
|
||||
anchorIconB: this.myselect.anchorIcon,
|
||||
piIdA: this.oppositselect.id,
|
||||
piIdB: this.myselect.id
|
||||
},
|
||||
userInfo: true
|
||||
}).then((res) => {
|
||||
if (res.code == 200) {
|
||||
const customData = {
|
||||
id: res.data.id,
|
||||
pkIdA: this.oppositselect.id,
|
||||
pkIdB: this.myselect.id
|
||||
};
|
||||
let order = {
|
||||
customData,
|
||||
link: "https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/pk.png",
|
||||
text: "PK邀请消息"
|
||||
};
|
||||
let type = "pk";
|
||||
components_goEasyTool_tool.sendCustomMessage(
|
||||
this.$goeasy,
|
||||
type,
|
||||
this.oppositeId,
|
||||
order,
|
||||
this.avatar,
|
||||
this.nickname
|
||||
).then((res2) => {
|
||||
this.$emit("refreshMessage", { message: res2 });
|
||||
});
|
||||
this.$refs.confirmpopup.close();
|
||||
this.$refs.oppositepopup.close();
|
||||
this.myselect = null;
|
||||
this.oppositselect = null;
|
||||
common_vendor.index.showToast({
|
||||
title: "发送成功",
|
||||
icon: "none"
|
||||
});
|
||||
} else {
|
||||
common_vendor.index.showToast({
|
||||
title: res.msg,
|
||||
icon: "none"
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
confirmClose() {
|
||||
this.$refs.confirmpopup.close();
|
||||
},
|
||||
//发送pk消息
|
||||
sendMessage() {
|
||||
if (this.myselect && this.oppositselect) {
|
||||
this.$refs.confirmpopup.open("center");
|
||||
} else {
|
||||
common_vendor.index.showToast({
|
||||
title: "请选择相应的主播",
|
||||
icon: "none"
|
||||
});
|
||||
}
|
||||
},
|
||||
//选中
|
||||
Select(id, index) {
|
||||
if (this.selectedId === id) {
|
||||
this.selectedId = null;
|
||||
this.selectIndex = null;
|
||||
} else {
|
||||
this.selectedId = this.selectedId === id ? null : id;
|
||||
this.selectIndex = index;
|
||||
}
|
||||
},
|
||||
//取消
|
||||
close() {
|
||||
this.$refs.oppositepopup.close();
|
||||
},
|
||||
//确定
|
||||
invite() {
|
||||
if (this.selectedId) {
|
||||
if (this.select == 1) {
|
||||
this.oppositselect = this.oppositlist[this.selectIndex];
|
||||
this.selectedId = null;
|
||||
this.selectIndex = null;
|
||||
} else {
|
||||
this.myselect = this.mylist[this.selectIndex];
|
||||
this.selectedId = null;
|
||||
this.selectIndex = null;
|
||||
}
|
||||
} else {
|
||||
common_vendor.index.showToast({
|
||||
title: "请选择主播",
|
||||
icon: "none"
|
||||
});
|
||||
}
|
||||
this.$refs.oppositepopup.close();
|
||||
},
|
||||
TimeFormatting: components_TimeFormatting.TimeFormatting,
|
||||
//获取主播列表
|
||||
getAnchorList(id) {
|
||||
components_request.request({
|
||||
url: "pk/listUninvitedPublishedAnchorsByUserId",
|
||||
method: "POST",
|
||||
data: {
|
||||
userId: id
|
||||
},
|
||||
userInfo: false
|
||||
}).then((res) => {
|
||||
if (res.code == 200) {
|
||||
if (id == this.myId) {
|
||||
this.mylist = res.data;
|
||||
common_vendor.index.__f__("log", "at pages/index/chat/moreMessageComponents/InvitationComponents.vue:325", "mylist", this.mylist);
|
||||
} else {
|
||||
this.oppositlist = res.data;
|
||||
common_vendor.index.__f__("log", "at pages/index/chat/moreMessageComponents/InvitationComponents.vue:328", "oppositlist", this.oppositlist);
|
||||
}
|
||||
} else {
|
||||
common_vendor.index.showToast({
|
||||
title: res.msg,
|
||||
icon: "none"
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
showPopup(select) {
|
||||
if (select == 1) {
|
||||
this.list = this.oppositlist;
|
||||
} else {
|
||||
this.list = this.mylist;
|
||||
}
|
||||
this.select = select;
|
||||
this.$refs.oppositepopup.open("center");
|
||||
}
|
||||
}
|
||||
};
|
||||
if (!Array) {
|
||||
const _easycom_uni_popup2 = common_vendor.resolveComponent("uni-popup");
|
||||
_easycom_uni_popup2();
|
||||
}
|
||||
const _easycom_uni_popup = () => "../../../../uni_modules/uni-popup/components/uni-popup/uni-popup.js";
|
||||
if (!Math) {
|
||||
_easycom_uni_popup();
|
||||
}
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return {};
|
||||
return common_vendor.e({
|
||||
a: $data.oppositselect != null
|
||||
}, $data.oppositselect != null ? {
|
||||
b: $data.oppositselect.anchorIcon,
|
||||
c: common_vendor.t($data.oppositselect.anchorId),
|
||||
d: common_vendor.t($options.TimeFormatting($data.oppositselect.pkTime)),
|
||||
e: common_vendor.t($data.oppositselect.coin)
|
||||
} : {}, {
|
||||
f: $data.oppositselect == null
|
||||
}, $data.oppositselect == null ? {} : {}, {
|
||||
g: common_vendor.o(($event) => $options.showPopup(1)),
|
||||
h: $data.myselect != null
|
||||
}, $data.myselect != null ? {
|
||||
i: $data.myselect.anchorIcon,
|
||||
j: common_vendor.t($data.myselect.anchorId),
|
||||
k: common_vendor.t($options.TimeFormatting($data.myselect.pkTime)),
|
||||
l: common_vendor.t($data.myselect.coin)
|
||||
} : {}, {
|
||||
m: $data.myselect == null
|
||||
}, $data.myselect == null ? {} : {}, {
|
||||
n: common_vendor.o(($event) => $options.showPopup(0)),
|
||||
o: common_vendor.o(($event) => $options.sendMessage()),
|
||||
p: common_vendor.o(() => {
|
||||
}),
|
||||
q: common_vendor.t($data.select == 1 ? "点击选择您要参与PK的对方主播" : "点击选择您要参与的主播"),
|
||||
r: $data.list.length > 0
|
||||
}, $data.list.length > 0 ? {
|
||||
s: common_vendor.f($data.list, (item, index, i0) => {
|
||||
return {
|
||||
a: item.anchorIcon,
|
||||
b: common_vendor.t(item.anchorId),
|
||||
c: common_vendor.t($options.TimeFormatting(item.pkTime)),
|
||||
d: common_vendor.t(item.coin),
|
||||
e: common_vendor.o(($event) => $options.Select(item.id, index), index),
|
||||
f: $data.selectedId === item.id ? "#b8ff8c74" : "#ffffff",
|
||||
g: index
|
||||
};
|
||||
})
|
||||
} : {}, {
|
||||
t: $data.list.length == 0
|
||||
}, $data.list.length == 0 ? {
|
||||
v: common_vendor.t($data.select == 1 ? "对方还没有发布过pk" : "您还没有发布过pk")
|
||||
} : {}, {
|
||||
w: common_vendor.o(($event) => $options.invite()),
|
||||
x: common_vendor.o(($event) => $options.close()),
|
||||
y: common_vendor.sr("oppositepopup", "a505124c-0"),
|
||||
z: common_vendor.o(_ctx.change),
|
||||
A: common_vendor.p({
|
||||
["background-color"]: "#fff",
|
||||
["border-radius"]: "30px"
|
||||
}),
|
||||
B: common_vendor.o(($event) => $options.send()),
|
||||
C: common_vendor.o(($event) => $options.confirmClose()),
|
||||
D: common_vendor.sr("confirmpopup", "a505124c-1"),
|
||||
E: common_vendor.o(_ctx.change),
|
||||
F: common_vendor.p({
|
||||
["background-color"]: "#fff",
|
||||
["border-radius"]: "30px"
|
||||
})
|
||||
});
|
||||
}
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-a505124c"]]);
|
||||
wx.createComponent(Component);
|
||||
|
||||
@@ -1,4 +1,6 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
"usingComponents": {
|
||||
"uni-popup": "../../../../uni_modules/uni-popup/components/uni-popup/uni-popup"
|
||||
}
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -1,6 +1,271 @@
|
||||
|
||||
.chat-more-message-invitation.data-v-a505124c {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 40rpx;
|
||||
.chat-more-message-invitation-title.data-v-a505124c {
|
||||
font-size: 60rpx;
|
||||
width: 100%;
|
||||
height: 100rpx;
|
||||
text-align: center;
|
||||
line-height: 100rpx;
|
||||
font-weight: bold;
|
||||
margin-top: 70rpx;
|
||||
letter-spacing: 5rpx;
|
||||
font-style: italic;
|
||||
background-image: linear-gradient(135deg, #4fcacd, #5fdbde); /* 渐变方向和颜色 */
|
||||
-webkit-background-clip: text; /* Chrome/Safari */
|
||||
background-clip: text; /* Firefox/Edge */
|
||||
color: transparent; /* 文字本身透明,显示背景渐变 */
|
||||
-webkit-text-fill-color: transparent; /* 兼容旧版 Webkit */
|
||||
}
|
||||
.chat-more-message-invitation.data-v-a505124c {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 40rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
background-image: url(https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/chard1.png);
|
||||
}
|
||||
.oppositeAnchor.data-v-a505124c {
|
||||
width: 600rpx;
|
||||
height: 150rpx;
|
||||
background-color: rgb(255, 255, 255);
|
||||
border-radius: 20rpx;
|
||||
margin-top: 50rpx;
|
||||
margin-bottom: 50rpx;
|
||||
border: 2rpx solid #e4e4e4;
|
||||
}
|
||||
.footervs.data-v-a505124c {
|
||||
width: 100%;
|
||||
height: 100rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.footervs_left.data-v-a505124c {
|
||||
font-size: 50rpx;
|
||||
color: #ff65e5;
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
.footervs_right.data-v-a505124c {
|
||||
font-size: 50rpx;
|
||||
color: #65e8ff;
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
.popup-title.data-v-a505124c {
|
||||
width: 100%;
|
||||
height: 100rpx;
|
||||
color: #000;
|
||||
font-size: 40rpx;
|
||||
text-align: center;
|
||||
line-height: 100rpx;
|
||||
font-weight: bold;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
.popup-content-text.data-v-a505124c {
|
||||
width: 600rpx;
|
||||
height: 450rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.popup-content-text-content.data-v-a505124c{
|
||||
color: #999;
|
||||
font-size: 28rpx;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
line-height: 70rpx;
|
||||
}
|
||||
.popup-content.data-v-a505124c {
|
||||
width: 700rpx;
|
||||
height: 730rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 30rpx;
|
||||
background-image: url(https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/chard1.png);
|
||||
background-position: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
/* card */
|
||||
.scroll.data-v-a505124c {
|
||||
width: 600rpx;
|
||||
height: 450rpx;
|
||||
border-radius: 10px;
|
||||
/* background-color: #f5f5f5; */
|
||||
}
|
||||
.scroll.data-v-a505124c ::-webkit-scrollbar {
|
||||
width: 0;
|
||||
height: 0;
|
||||
color: transparent;
|
||||
display: none;
|
||||
}
|
||||
.nodata.data-v-a505124c {
|
||||
width: 600rpx;
|
||||
height: 450rpx;
|
||||
border-radius: 10px;
|
||||
text-align: center;
|
||||
line-height: 450rpx;
|
||||
font-size: 30rpx;
|
||||
color: #999;
|
||||
font-weight: bold;
|
||||
}
|
||||
.card-content.data-v-a505124c {
|
||||
/* width: 445rpx; */
|
||||
width: 100%;
|
||||
height: 100rpx;
|
||||
background-color: #ffffff;
|
||||
/* border: 2px solid #afafaf; */
|
||||
border-radius: 10rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 28rpx;
|
||||
color: rgb(127, 127, 127);
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
.card-select-select.data-v-a505124c {
|
||||
width: 100%;
|
||||
height: 150rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 20rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 28rpx;
|
||||
color: rgb(127, 127, 127);
|
||||
}
|
||||
.card-select.data-v-a505124c {
|
||||
/* width: 445rpx; */
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #ffffff;
|
||||
/* border: 2px solid #afafaf; */
|
||||
border-radius: 10rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 28rpx;
|
||||
color: rgb(127, 127, 127);
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
.noselect.data-v-a505124c {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #ffffff;
|
||||
border-radius: 20rpx;
|
||||
text-align: center;
|
||||
line-height: 150rpx;
|
||||
font-size: 30rpx;
|
||||
color: #999;
|
||||
font-weight: bold;
|
||||
}
|
||||
.Avatarimg.data-v-a505124c {
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 50%;
|
||||
background-color: #dddddd;
|
||||
margin-right: 20rpx;
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
.Avatarimg-select.data-v-a505124c {
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
border-radius: 50%;
|
||||
background-color: #dddddd;
|
||||
margin-right: 20rpx;
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
.avatar.data-v-a505124c {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.NameMoney.data-v-a505124c {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.TimeMoney.data-v-a505124c {
|
||||
width: 300rpx;
|
||||
display: flex;
|
||||
font-weight: bold;
|
||||
font-size: 27rpx;
|
||||
color: #161616;
|
||||
}
|
||||
.NameMoney_Name.data-v-a505124c {
|
||||
width: 400rpx;
|
||||
text-align: left;
|
||||
font-weight: bold;
|
||||
font-size: 27rpx;
|
||||
color: #161616;
|
||||
white-space: nowrap; /* 防止换行 */
|
||||
overflow: hidden; /* 隐藏溢出内容 */
|
||||
text-overflow: ellipsis; /* 显示省略号 */
|
||||
}
|
||||
.NameMoney_Name-select.data-v-a505124c {
|
||||
width: 500rpx;
|
||||
text-align: left;
|
||||
font-weight: bold;
|
||||
font-size: 32rpx;
|
||||
color: #161616;
|
||||
white-space: nowrap; /* 防止换行 */
|
||||
overflow: hidden; /* 隐藏溢出内容 */
|
||||
text-overflow: ellipsis; /* 显示省略号 */
|
||||
}
|
||||
.TimeMoney_Time.data-v-a505124c {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
.pkTimeimg.data-v-a505124c {
|
||||
width: 31.49rpx;
|
||||
height: 31.49rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
.goldimg.data-v-a505124c {
|
||||
width: 31.49rpx;
|
||||
height: 35rpx;
|
||||
margin-left: 40rpx;
|
||||
}
|
||||
.goldnb.data-v-a505124c {
|
||||
display: flex;
|
||||
margin-left: 5rpx;
|
||||
}
|
||||
.popup-btn.data-v-a505124c {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
margin-top: 50rpx;
|
||||
}
|
||||
.invite.data-v-a505124c {
|
||||
width: 225.19rpx;
|
||||
height: 78.24rpx;
|
||||
font-size: 28.63rpx;
|
||||
line-height: 80rpx;
|
||||
border-top-left-radius: 50rpx;
|
||||
border-bottom-left-radius: 50rpx;
|
||||
border-bottom-right-radius: 50rpx;
|
||||
background-image: linear-gradient(135deg, #4fcacd, #5fdbde);
|
||||
}
|
||||
.cancel.data-v-a505124c {
|
||||
width: 225.19rpx;
|
||||
height: 78.24rpx;
|
||||
font-size: 28.63rpx;
|
||||
line-height: 80rpx;
|
||||
margin-left: 30rpx;
|
||||
color: #03aba8;
|
||||
border-top-left-radius: 50rpx;
|
||||
border-bottom-left-radius: 50rpx;
|
||||
border-bottom-right-radius: 50rpx;
|
||||
border: 1rpx solid #03aba8;
|
||||
}
|
||||
.Sendpkbtn.data-v-a505124c {
|
||||
width: 90%;
|
||||
height: 100rpx;
|
||||
margin-top: 50rpx;
|
||||
background-image: linear-gradient(135deg, #4fcacd, #5fdbde);
|
||||
color: #ffffff;
|
||||
font-weight: bold;
|
||||
border-radius: 60rpx;
|
||||
font-size: 35rpx;
|
||||
text-align: center;
|
||||
line-height: 100rpx;
|
||||
font-weight: bold;
|
||||
letter-spacing: 6rpx;
|
||||
}
|
||||
|
||||
@@ -6,18 +6,57 @@ const tabBar = () => "../../components/tabBar/tabBar.js";
|
||||
const _sfc_main = {
|
||||
data() {
|
||||
return {
|
||||
Conversationobj: {}
|
||||
Conversationobj: { conversations: [] },
|
||||
DeleteSession: {},
|
||||
triggered: false
|
||||
};
|
||||
},
|
||||
onLoad() {
|
||||
components_goEasyTool_tool.getConversationList(this.$goeasy).then((res) => {
|
||||
common_vendor.index.__f__("log", "at pages/index/index.vue:70", res);
|
||||
common_vendor.index.__f__("log", "at pages/index/index.vue:103", res);
|
||||
this.Conversationobj = res;
|
||||
});
|
||||
var im = this.$goeasy.im;
|
||||
im.on(common_vendor.jo.IM_EVENT.CONVERSATIONS_UPDATED, this.onConversationsUpdated);
|
||||
},
|
||||
methods: {
|
||||
//下拉刷新
|
||||
onRefresherRefresh() {
|
||||
this.triggered = true;
|
||||
components_goEasyTool_tool.getConversationList(this.$goeasy).then((res) => {
|
||||
this.Conversationobj = res;
|
||||
this.triggered = false;
|
||||
});
|
||||
},
|
||||
//删除会话
|
||||
operation() {
|
||||
components_goEasyTool_tool.conversationDelete(this.$goeasy, this.DeleteSession).then((res) => {
|
||||
common_vendor.index.showToast({
|
||||
title: "删除成功",
|
||||
icon: "none"
|
||||
});
|
||||
this.$refs.Refusepopup.close();
|
||||
});
|
||||
},
|
||||
//关闭提示框
|
||||
RefuseHintcloseHint() {
|
||||
this.$refs.Refusepopup.close();
|
||||
this.DeleteSession = {};
|
||||
},
|
||||
//删除会话
|
||||
deleteConversation(item) {
|
||||
this.DeleteSession = item;
|
||||
this.$refs.Refusepopup.open("center");
|
||||
},
|
||||
//置顶会话
|
||||
goTop(item, top) {
|
||||
components_goEasyTool_tool.conversationTop(this.$goeasy, item, top).then((res) => {
|
||||
common_vendor.index.showToast({
|
||||
title: top ? "置顶成功" : "取消置顶成功",
|
||||
icon: "none"
|
||||
});
|
||||
});
|
||||
},
|
||||
//监听会话列表变化
|
||||
onConversationsUpdated(conversations) {
|
||||
this.Conversationobj = conversations;
|
||||
@@ -38,17 +77,21 @@ if (!Array) {
|
||||
const _easycom_uni_swipe_action_item2 = common_vendor.resolveComponent("uni-swipe-action-item");
|
||||
const _easycom_uni_swipe_action2 = common_vendor.resolveComponent("uni-swipe-action");
|
||||
const _easycom_tabBar2 = common_vendor.resolveComponent("tabBar");
|
||||
(_easycom_uni_swipe_action_item2 + _easycom_uni_swipe_action2 + _easycom_tabBar2)();
|
||||
const _easycom_uni_popup2 = common_vendor.resolveComponent("uni-popup");
|
||||
(_easycom_uni_swipe_action_item2 + _easycom_uni_swipe_action2 + _easycom_tabBar2 + _easycom_uni_popup2)();
|
||||
}
|
||||
const _easycom_uni_swipe_action_item = () => "../../uni_modules/uni-swipe-action/components/uni-swipe-action-item/uni-swipe-action-item.js";
|
||||
const _easycom_uni_swipe_action = () => "../../uni_modules/uni-swipe-action/components/uni-swipe-action/uni-swipe-action.js";
|
||||
const _easycom_tabBar = () => "../../components/tabBar/tabBar.js";
|
||||
const _easycom_uni_popup = () => "../../uni_modules/uni-popup/components/uni-popup/uni-popup.js";
|
||||
if (!Math) {
|
||||
(_easycom_uni_swipe_action_item + _easycom_uni_swipe_action + _easycom_tabBar)();
|
||||
(_easycom_uni_swipe_action_item + _easycom_uni_swipe_action + _easycom_tabBar + _easycom_uni_popup)();
|
||||
}
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return {
|
||||
a: common_vendor.f($data.Conversationobj.conversations, (item, k0, i0) => {
|
||||
return common_vendor.e({
|
||||
a: $data.Conversationobj.conversations.length > 0
|
||||
}, $data.Conversationobj.conversations.length > 0 ? {
|
||||
b: common_vendor.f($data.Conversationobj.conversations, (item, k0, i0) => {
|
||||
return common_vendor.e({
|
||||
a: item.data.avatar,
|
||||
b: item.unread > 0
|
||||
@@ -59,15 +102,36 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
e: common_vendor.t($options.TimeFormatting(item.lastMessage.timestamp)),
|
||||
f: common_vendor.t(item.lastMessage.payload.text),
|
||||
g: common_vendor.o(($event) => $options.goChat(item.userId, item.data.nickname, item.data.avatar), item.userId),
|
||||
h: "1cf27b2a-1-" + i0 + "," + ("1cf27b2a-0-" + i0),
|
||||
i: "1cf27b2a-0-" + i0,
|
||||
j: item.userId
|
||||
h: !item.top
|
||||
}, !item.top ? {
|
||||
i: common_vendor.o(($event) => $options.goTop(item, true), item.userId)
|
||||
} : {}, {
|
||||
j: item.top
|
||||
}, item.top ? {
|
||||
k: common_vendor.o(($event) => $options.goTop(item, false), item.userId)
|
||||
} : {}, {
|
||||
l: common_vendor.o(($event) => $options.deleteConversation(item), item.userId),
|
||||
m: "1cf27b2a-1-" + i0 + "," + ("1cf27b2a-0-" + i0),
|
||||
n: "1cf27b2a-0-" + i0,
|
||||
o: item.userId
|
||||
});
|
||||
}),
|
||||
b: common_vendor.p({
|
||||
c: common_vendor.o((...args) => $options.onRefresherRefresh && $options.onRefresherRefresh(...args)),
|
||||
d: $data.triggered
|
||||
} : {}, {
|
||||
e: $data.Conversationobj.conversations.length == 0
|
||||
}, $data.Conversationobj.conversations.length == 0 ? {} : {}, {
|
||||
f: common_vendor.p({
|
||||
tabIndex: 3
|
||||
}),
|
||||
g: common_vendor.o(($event) => $options.operation()),
|
||||
h: common_vendor.o(($event) => $options.RefuseHintcloseHint()),
|
||||
i: common_vendor.sr("Refusepopup", "1cf27b2a-3"),
|
||||
j: common_vendor.p({
|
||||
type: "center",
|
||||
["border-radius"]: "10px 10px 0 0"
|
||||
})
|
||||
};
|
||||
});
|
||||
}
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-1cf27b2a"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
"usingComponents": {
|
||||
"tab-bar": "../../components/tabBar/tabBar",
|
||||
"uni-swipe-action-item": "../../uni_modules/uni-swipe-action/components/uni-swipe-action-item/uni-swipe-action-item",
|
||||
"uni-swipe-action": "../../uni_modules/uni-swipe-action/components/uni-swipe-action/uni-swipe-action"
|
||||
"uni-swipe-action": "../../uni_modules/uni-swipe-action/components/uni-swipe-action/uni-swipe-action",
|
||||
"uni-popup": "../../uni_modules/uni-popup/components/uni-popup/uni-popup"
|
||||
}
|
||||
}
|
||||
@@ -1 +1 @@
|
||||
<view class="forum data-v-1cf27b2a"><view class="bg data-v-1cf27b2a"><image class="bgImg data-v-1cf27b2a" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/HomeBackground.png" mode="scaleToFill"/></view><view class="title data-v-1cf27b2a">消息</view></view><view class="content data-v-1cf27b2a"><scroll-view show-scrollbar="false" scroll-y="true" class="scroll data-v-1cf27b2a"><view wx:for="{{a}}" wx:for-item="item" wx:key="j" class="card data-v-1cf27b2a"><uni-swipe-action class="data-v-1cf27b2a" u-s="{{['d']}}" u-i="{{item.i}}" bind:__l="__l"><uni-swipe-action-item class="data-v-1cf27b2a" u-s="{{['right','d']}}" u-i="{{item.h}}" bind:__l="__l"><view class="cardContent data-v-1cf27b2a" bindtap="{{item.g}}"><image class="cardImg data-v-1cf27b2a" src="{{item.a}}" mode="scaleToFill"/><view wx:if="{{item.b}}" class="cardUnread data-v-1cf27b2a">{{item.c}}</view><view class="cardnameandtimeandNews data-v-1cf27b2a"><view class="cardnameandtime data-v-1cf27b2a"><view class="cardname data-v-1cf27b2a">{{item.d}}</view><view class="cardtime data-v-1cf27b2a">{{item.e}}</view></view><view class="cardNews data-v-1cf27b2a">{{item.f}}</view></view></view><view class="rightPosition data-v-1cf27b2a" slot="right"><view class="topPosition data-v-1cf27b2a">置顶</view><view class="Delete data-v-1cf27b2a">删除</view></view></uni-swipe-action-item></uni-swipe-action></view></scroll-view></view><view class="tabBar data-v-1cf27b2a"><tab-bar wx:if="{{b}}" class="data-v-1cf27b2a" u-i="1cf27b2a-2" bind:__l="__l" u-p="{{b}}"></tab-bar></view>
|
||||
<view class="forum data-v-1cf27b2a"><view class="bg data-v-1cf27b2a"><image class="bgImg data-v-1cf27b2a" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/HomeBackground.png" mode="scaleToFill"/></view><view class="title data-v-1cf27b2a">消息</view></view><view class="content data-v-1cf27b2a"><scroll-view wx:if="{{a}}" show-scrollbar="false" scroll-y="true" class="scroll data-v-1cf27b2a" refresher-enabled="true" refresher-threshold="40" bindrefresherrefresh="{{c}}" refresher-triggered="{{d}}"><view wx:for="{{b}}" wx:for-item="item" wx:key="o" class="card data-v-1cf27b2a"><uni-swipe-action class="data-v-1cf27b2a" u-s="{{['d']}}" u-i="{{item.n}}" bind:__l="__l"><uni-swipe-action-item class="data-v-1cf27b2a" u-s="{{['right','d']}}" u-i="{{item.m}}" bind:__l="__l"><view class="cardContent data-v-1cf27b2a" bindtap="{{item.g}}"><image class="cardImg data-v-1cf27b2a" src="{{item.a}}" mode="scaleToFill"/><view wx:if="{{item.b}}" class="cardUnread data-v-1cf27b2a">{{item.c}}</view><view class="cardnameandtimeandNews data-v-1cf27b2a"><view class="cardnameandtime data-v-1cf27b2a"><view class="cardname data-v-1cf27b2a">{{item.d}}</view><view class="cardtime data-v-1cf27b2a">{{item.e}}</view></view><view class="cardNews data-v-1cf27b2a">{{item.f}}</view></view></view><view class="rightPosition data-v-1cf27b2a" slot="right"><view wx:if="{{item.h}}" class="topPosition data-v-1cf27b2a" bindtap="{{item.i}}">置顶</view><view wx:if="{{item.j}}" class="topPosition data-v-1cf27b2a" bindtap="{{item.k}}">取消置顶</view><view class="Delete data-v-1cf27b2a" bindtap="{{item.l}}">删除</view></view></uni-swipe-action-item></uni-swipe-action></view></scroll-view><view wx:if="{{e}}" class="scroll data-v-1cf27b2a"><view class="nodata data-v-1cf27b2a"><view class="nodatatext data-v-1cf27b2a">您还没有跟其他人的聊天,快去聊天吧!</view></view></view></view><view class="tabBar data-v-1cf27b2a"><tab-bar wx:if="{{f}}" class="data-v-1cf27b2a" u-i="1cf27b2a-2" bind:__l="__l" u-p="{{f}}"></tab-bar></view><uni-popup wx:if="{{j}}" class="r data-v-1cf27b2a" u-s="{{['d']}}" u-r="Refusepopup" u-i="1cf27b2a-3" bind:__l="__l" u-p="{{j}}"><view class="popup-Hintcontent data-v-1cf27b2a"><view class="popup-text data-v-1cf27b2a">提示</view><view class="popup-texts data-v-1cf27b2a">您确定要删除这个会话吗?</view><view class="popup-btn data-v-1cf27b2a"><button class="invite data-v-1cf27b2a" type="primary" bindtap="{{g}}">确认</button><button class="cancel data-v-1cf27b2a" type="default" bindtap="{{h}}">取消</button></view></view></uni-popup>
|
||||
186
unpackage/dist/dev/mp-weixin/pages/index/index.wxss
vendored
186
unpackage/dist/dev/mp-weixin/pages/index/index.wxss
vendored
@@ -31,6 +31,29 @@
|
||||
height: 100%;
|
||||
padding: 0% 5% 0% 5%;
|
||||
}
|
||||
.scroll.data-v-1cf27b2a ::-webkit-scrollbar {
|
||||
width: 0;
|
||||
height: 0;
|
||||
color: transparent;
|
||||
display: none;
|
||||
}
|
||||
.nodata.data-v-1cf27b2a {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.nodatatext.data-v-1cf27b2a {
|
||||
font-size: 30rpx;
|
||||
color: #999;
|
||||
}
|
||||
.scroll.data-v-1cf27b2a ::-webkit-scrollbar {
|
||||
width: 0;
|
||||
height: 0;
|
||||
color: transparent;
|
||||
display: none;
|
||||
}
|
||||
.card.data-v-1cf27b2a {
|
||||
width: 100%;
|
||||
height: 150rpx;
|
||||
@@ -38,19 +61,19 @@
|
||||
border-radius: 20rpx;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
.cardContent.data-v-1cf27b2a{
|
||||
height: 150rpx;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.cardContent.data-v-1cf27b2a {
|
||||
height: 150rpx;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.cardImg.data-v-1cf27b2a{
|
||||
height: 110rpx;
|
||||
width: 110rpx;
|
||||
border-radius: 20rpx;
|
||||
margin-left: 20rpx;
|
||||
.cardImg.data-v-1cf27b2a {
|
||||
height: 110rpx;
|
||||
width: 110rpx;
|
||||
border-radius: 20rpx;
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
.cardUnread.data-v-1cf27b2a{
|
||||
.cardUnread.data-v-1cf27b2a {
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
border-radius: 15rpx;
|
||||
@@ -62,55 +85,108 @@
|
||||
margin-top: -100rpx;
|
||||
margin-left: -15rpx;
|
||||
}
|
||||
.cardnameandtimeandNews.data-v-1cf27b2a{
|
||||
width: 500rpx;
|
||||
height: 110rpx;
|
||||
margin-left: 20rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
.cardnameandtimeandNews.data-v-1cf27b2a {
|
||||
width: 500rpx;
|
||||
height: 110rpx;
|
||||
margin-left: 20rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.cardnameandtime.data-v-1cf27b2a{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
.cardnameandtime.data-v-1cf27b2a {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.cardNews.data-v-1cf27b2a{
|
||||
width: 500rpx;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
margin-bottom: 10rpx;
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
.cardNews.data-v-1cf27b2a {
|
||||
width: 500rpx;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
margin-bottom: 10rpx;
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
}
|
||||
.cardname.data-v-1cf27b2a{
|
||||
font-size: 30rpx;
|
||||
color: #100e0f;
|
||||
font-weight: bold;
|
||||
.cardname.data-v-1cf27b2a {
|
||||
font-size: 30rpx;
|
||||
color: #100e0f;
|
||||
font-weight: bold;
|
||||
}
|
||||
.cardtime.data-v-1cf27b2a{
|
||||
font-size: 24rpx;
|
||||
color: #999;
|
||||
.cardtime.data-v-1cf27b2a {
|
||||
font-size: 24rpx;
|
||||
color: #999;
|
||||
}
|
||||
.rightPosition.data-v-1cf27b2a{
|
||||
height: 150rpx;
|
||||
width: 300rpx;
|
||||
display: flex;
|
||||
.rightPosition.data-v-1cf27b2a {
|
||||
height: 150rpx;
|
||||
width: 300rpx;
|
||||
display: flex;
|
||||
}
|
||||
.topPosition.data-v-1cf27b2a{
|
||||
height: 150rpx;
|
||||
width: 150rpx;
|
||||
background-color: #f5a623;
|
||||
text-align: center;
|
||||
line-height: 150rpx;
|
||||
.topPosition.data-v-1cf27b2a {
|
||||
height: 150rpx;
|
||||
width: 150rpx;
|
||||
background-color: #f5a623;
|
||||
text-align: center;
|
||||
line-height: 150rpx;
|
||||
}
|
||||
.Delete.data-v-1cf27b2a{
|
||||
height: 150rpx;
|
||||
width: 150rpx;
|
||||
background-color: #f54323;
|
||||
text-align: center;
|
||||
line-height: 150rpx;
|
||||
border-top-right-radius: 20rpx;
|
||||
border-bottom-right-radius: 20rpx;
|
||||
.Delete.data-v-1cf27b2a {
|
||||
height: 150rpx;
|
||||
width: 150rpx;
|
||||
background-color: #f54323;
|
||||
text-align: center;
|
||||
line-height: 150rpx;
|
||||
border-top-right-radius: 20rpx;
|
||||
border-bottom-right-radius: 20rpx;
|
||||
}
|
||||
.popup-Hintcontent.data-v-1cf27b2a {
|
||||
width: 600rpx;
|
||||
height: 500rpx;
|
||||
background-repeat: no-repeat;
|
||||
border-radius: 10px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-image: url(https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/chard1.png);
|
||||
background-position: center;
|
||||
}
|
||||
.popup-text.data-v-1cf27b2a {
|
||||
color: #161616;
|
||||
font-size: 36.26rpx;
|
||||
font-weight: bold;
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
.popup-texts.data-v-1cf27b2a {
|
||||
margin-left: 50rpx;
|
||||
color: #7e7e7e;
|
||||
font-size: 26rpx;
|
||||
margin-right: 50rpx;
|
||||
margin-top: 70rpx;
|
||||
margin-bottom: 70rpx;
|
||||
}
|
||||
.popup-btn.data-v-1cf27b2a {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
margin-top: 50rpx;
|
||||
}
|
||||
.invite.data-v-1cf27b2a {
|
||||
width: 225.19rpx;
|
||||
height: 78.24rpx;
|
||||
font-size: 28.63rpx;
|
||||
line-height: 80rpx;
|
||||
border-top-left-radius: 50rpx;
|
||||
border-bottom-left-radius: 50rpx;
|
||||
border-bottom-right-radius: 50rpx;
|
||||
background-image: linear-gradient(135deg, #4fcacd, #5fdbde);
|
||||
}
|
||||
.cancel.data-v-1cf27b2a {
|
||||
width: 225.19rpx;
|
||||
height: 78.24rpx;
|
||||
font-size: 28.63rpx;
|
||||
line-height: 80rpx;
|
||||
margin-left: 30rpx;
|
||||
color: #03aba8;
|
||||
border-top-left-radius: 50rpx;
|
||||
border-bottom-left-radius: 50rpx;
|
||||
border-bottom-right-radius: 50rpx;
|
||||
border: 1rpx solid #03aba8;
|
||||
}
|
||||
|
||||
@@ -136,8 +136,11 @@ const _sfc_main = {
|
||||
},
|
||||
inviteHint() {
|
||||
this.$refs.popups.close();
|
||||
JSON.stringify(this.list[this.InvitingPartyEventindex]);
|
||||
JSON.stringify(this.item);
|
||||
const myitem = JSON.stringify(this.list[this.InvitingPartyEventindex]);
|
||||
const youritem = JSON.stringify(this.item);
|
||||
common_vendor.index.redirectTo({
|
||||
url: `/pages/index/chat/chat?userId=${this.chatPartnerinfo.id}&nickname=${this.chatPartnerinfo.nickName}&avatar=${this.chatPartnerinfo.headerIcon}&myitem=${myitem}&youritem=${youritem}&type=pk`
|
||||
});
|
||||
},
|
||||
// 打开邀请弹窗
|
||||
close() {
|
||||
|
||||
@@ -61,6 +61,12 @@
|
||||
border-radius: 10px;
|
||||
/* background-color: #fff; */
|
||||
}
|
||||
.scroll.data-v-9639f721 ::-webkit-scrollbar {
|
||||
width: 0;
|
||||
height: 0;
|
||||
color: transparent;
|
||||
display: none;
|
||||
}
|
||||
.popup-text.data-v-9639f721 {
|
||||
color: #161616;
|
||||
font-size: 36.26rpx;
|
||||
|
||||
Reference in New Issue
Block a user