pxl/tk-mini-program
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化

Browse Source
This commit is contained in:
pengxiaolong
2025-07-21 22:10:59 +08:00
parent 31527ba8a6
commit 7116e57fc3
157 changed files with 2793 additions and 405 deletions
Download Patch File Download Diff File Expand all files Collapse all files

268
unpackage/dist/dev/mp-weixin/pages/index/chat/chat.js vendored
View File

@@ -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",

2
unpackage/dist/dev/mp-weixin/pages/index/chat/chat.json vendored
View File

@@ -1,6 +1,8 @@
{
"navigationBarTitleText": "聊天页",
"usingComponents": {
"textmessage": "./messageComponent/textmessage",
"custom-p-k-message": "./messageComponent/customPKMessage",
"invitation-components": "./moreMessageComponents/InvitationComponents"
}
}

2
unpackage/dist/dev/mp-weixin/pages/index/chat/chat.wxml vendored
View File

@@ -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>

80
unpackage/dist/dev/mp-weixin/pages/index/chat/chat.wxss vendored
View File

@@ -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
View 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
View File

@@ -0,0 +1,4 @@
{
"component": true,
"usingComponents": {}
}

1
unpackage/dist/dev/mp-weixin/pages/index/chat/messageComponent/customPKMessage.wxml vendored Normal file
View 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
View 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;
}

4
unpackage/dist/dev/mp-weixin/pages/index/chat/messageComponent/textmessage.wxss vendored
View File

@@ -1,5 +1,7 @@
.messagetext.data-v-b62657a0{
font-size: 16px;
font-size: 34rpx;
color: #333;
letter-spacing: 1rpx;
padding: 19rpx 30rpx 19rpx 30rpx;
}

259
unpackage/dist/dev/mp-weixin/pages/index/chat/moreMessageComponents/InvitationComponents.js vendored
View File

@@ -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);

4
unpackage/dist/dev/mp-weixin/pages/index/chat/moreMessageComponents/InvitationComponents.json vendored
View File

@@ -1,4 +1,6 @@
{
"component": true,
"usingComponents": {}
"usingComponents": {
"uni-popup": "../../../../uni_modules/uni-popup/components/uni-popup/uni-popup"
}
}

2
unpackage/dist/dev/mp-weixin/pages/index/chat/moreMessageComponents/InvitationComponents.wxml vendored
View File

File diff suppressed because one or more lines are too long

273
unpackage/dist/dev/mp-weixin/pages/index/chat/moreMessageComponents/InvitationComponents.wxss vendored
View File

@@ -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;
}