feat: 响应体组件封装
This commit is contained in:
@@ -3,7 +3,7 @@ const common_vendor = require("../../common/vendor.js");
|
||||
const common_assets = require("../../common/assets.js");
|
||||
const model_ChatModel = require("../../model/ChatModel.js");
|
||||
if (!Math) {
|
||||
(ChatTopBgImg + ChatTopNavBar + ChatTopBanner + OneFeelMK001 + ChatCardAI + ChatCardMine + ChatMoreTips + ChatQuickAccess)();
|
||||
(ChatTopBgImg + ChatTopNavBar + ChatTopBanner + OneFeelMK001 + ResponseIntro + ResponseWrapper + ChatCardAI + ChatCardMine + ChatMoreTips + ChatQuickAccess)();
|
||||
}
|
||||
const ChatTopBanner = () => "./ChatTopBanner.js";
|
||||
const ChatTopBgImg = () => "./ChatTopBgImg.js";
|
||||
@@ -13,6 +13,8 @@ const ChatCardMine = () => "./ChatCardMine.js";
|
||||
const ChatQuickAccess = () => "./ChatQuickAccess2.js";
|
||||
const ChatMoreTips = () => "./ChatMoreTips.js";
|
||||
const OneFeelMK001 = () => "../module/OneFeelMK001.js";
|
||||
const ResponseIntro = () => "../../components/ResponseIntro/index.js";
|
||||
const ResponseWrapper = () => "../../components/ResponseWrapper/index.js";
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
__name: "ChatMainList",
|
||||
emits: ["openDrawer"],
|
||||
@@ -30,7 +32,7 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
const emits = __emit;
|
||||
const openDrawer = () => {
|
||||
emits("openDrawer");
|
||||
common_vendor.index.__f__("log", "at pages/chat/ChatMainList.vue:152", "=============打开抽屉");
|
||||
common_vendor.index.__f__("log", "at pages/chat/ChatMainList.vue:170", "=============打开抽屉");
|
||||
};
|
||||
const handleReply = (text) => {
|
||||
loadMessage(text);
|
||||
@@ -96,7 +98,7 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
}
|
||||
};
|
||||
chatMsgList.value.push(newMsgAI);
|
||||
common_vendor.index.__f__("log", "at pages/chat/ChatMainList.vue:239", "发送的新消息:", JSON.stringify(newMsg));
|
||||
common_vendor.index.__f__("log", "at pages/chat/ChatMainList.vue:254", "发送的新消息:", JSON.stringify(newMsg));
|
||||
};
|
||||
const scrollToBottom = () => {
|
||||
lastMsgId.value = `${chatMsgList.value[chatMsgList.value.length - 1].msgId}`;
|
||||
@@ -117,13 +119,13 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
}, item.msgContent && item.msgContent.type === common_vendor.unref(model_ChatModel.MessageType).IMAGE ? {
|
||||
c: common_assets._imports_0$1
|
||||
} : {}, {
|
||||
d: "d7316ec5-7-" + i0 + "," + ("d7316ec5-6-" + i0),
|
||||
e: "d7316ec5-6-" + i0,
|
||||
d: "d7316ec5-9-" + i0 + "," + ("d7316ec5-8-" + i0),
|
||||
e: "d7316ec5-8-" + i0,
|
||||
f: common_vendor.p({
|
||||
text: item.msg
|
||||
})
|
||||
}) : item.msgType === common_vendor.unref(model_ChatModel.MessageRole).ME ? {
|
||||
h: "d7316ec5-8-" + i0,
|
||||
h: "d7316ec5-10-" + i0,
|
||||
i: common_vendor.p({
|
||||
text: item.msg
|
||||
})
|
||||
|
||||
@@ -8,6 +8,8 @@
|
||||
"chat-card-mine": "./ChatCardMine",
|
||||
"chat-quick-access": "./ChatQuickAccess",
|
||||
"chat-more-tips": "./ChatMoreTips",
|
||||
"one-feel-m-k001": "../module/OneFeelMK001"
|
||||
"one-feel-m-k001": "../module/OneFeelMK001",
|
||||
"response-intro": "../../components/ResponseIntro/index",
|
||||
"response-wrapper": "../../components/ResponseWrapper/index"
|
||||
}
|
||||
}
|
||||
@@ -1 +1 @@
|
||||
<view class="chat-container data-v-d7316ec5" bindtouchend="{{q}}"><chat-top-bg-img class="chat-container-bg data-v-d7316ec5" u-i="d7316ec5-0" bind:__l="__l"></chat-top-bg-img><view class="nav-bar-container data-v-d7316ec5" style="{{'padding-top:' + b + ';' + ('background-color:' + c)}}"><chat-top-nav-bar class="data-v-d7316ec5" bindopenDrawer="{{a}}" u-i="d7316ec5-1" bind:__l="__l"></chat-top-nav-bar></view><view class="chat-container-msg-list data-v-d7316ec5"><chat-top-banner class="chat-container-top-bannar data-v-d7316ec5" u-i="d7316ec5-2" bind:__l="__l"></chat-top-banner><scroll-view scroll-y scroll-into-view="{{f}}" scroll-with-animation="{{true}}" class="area-msg-list data-v-d7316ec5"><view class="data-v-d7316ec5" style="padding:6px 12px"><one-feel-m-k001 class="data-v-d7316ec5" u-i="d7316ec5-3" bind:__l="__l"></one-feel-m-k001></view><view class="data-v-d7316ec5" style="padding:6px 12px"><one-feel-m-k001 class="data-v-d7316ec5" u-i="d7316ec5-4" bind:__l="__l"></one-feel-m-k001></view><view class="data-v-d7316ec5" style="padding:6px 12px"><one-feel-m-k001 class="data-v-d7316ec5" u-i="d7316ec5-5" bind:__l="__l"></one-feel-m-k001></view><view wx:for="{{d}}" wx:for-item="item" wx:key="k" class="area-msg-list-content data-v-d7316ec5" id="{{item.l}}"><block wx:if="{{item.a}}"><chat-card-a-i wx:if="{{item.f}}" u-s="{{['d']}}" class="message-item message-item-ai data-v-d7316ec5" u-i="{{item.e}}" bind:__l="__l" u-p="{{item.f}}"><image wx:if="{{item.b}}" class="data-v-d7316ec5" src="{{item.c}}" style="width:100px;height:100px"></image><one-feel-m-k001 class="data-v-d7316ec5" u-i="{{item.d}}" bind:__l="__l"></one-feel-m-k001></chat-card-a-i></block><block wx:elif="{{item.g}}"><chat-card-mine wx:if="{{item.i}}" class="message-item message-item-mine data-v-d7316ec5" u-i="{{item.h}}" bind:__l="__l" u-p="{{item.i}}"></chat-card-mine></block><block wx:else><text class="message-item message-item-other data-v-d7316ec5">{{item.j}}</text></block></view><view class="data-v-d7316ec5" id="{{e}}"></view></scroll-view><view class="footer-area data-v-d7316ec5"><chat-more-tips class="data-v-d7316ec5" bindreplySent="{{g}}" u-i="d7316ec5-9" bind:__l="__l"></chat-more-tips><chat-quick-access class="data-v-d7316ec5" bindreplySent="{{h}}" u-i="d7316ec5-10" bind:__l="__l"></chat-quick-access><view class="area-input data-v-d7316ec5"><view class="input-container-voice data-v-d7316ec5"><image class="data-v-d7316ec5" src="{{i}}"></image></view><block wx:if="{{r0}}"><textarea class="textarea data-v-d7316ec5" type="text" placeholder="快速订票,呼叫服务" cursor-spacing="65" confirm-type="done" bindconfirm="{{j}}" bindtouchend="{{k}}" confirm-hold="{{true}}" auto-height show-confirm-bar="{{false}}" hold-keyboard="{{l}}" maxlength="300" value="{{m}}" bindinput="{{n}}"/></block><view class="input-container-send data-v-d7316ec5" bindtap="{{p}}"><image class="data-v-d7316ec5" src="{{o}}"></image></view></view></view></view></view>
|
||||
<view class="chat-container data-v-d7316ec5" bindtouchend="{{q}}"><chat-top-bg-img class="chat-container-bg data-v-d7316ec5" u-i="d7316ec5-0" bind:__l="__l"></chat-top-bg-img><view class="nav-bar-container data-v-d7316ec5" style="{{'padding-top:' + b + ';' + ('background-color:' + c)}}"><chat-top-nav-bar class="data-v-d7316ec5" bindopenDrawer="{{a}}" u-i="d7316ec5-1" bind:__l="__l"></chat-top-nav-bar></view><view class="chat-container-msg-list data-v-d7316ec5"><chat-top-banner class="chat-container-top-bannar data-v-d7316ec5" u-i="d7316ec5-2" bind:__l="__l"></chat-top-banner><scroll-view scroll-y scroll-into-view="{{f}}" scroll-with-animation="{{true}}" class="area-msg-list data-v-d7316ec5"><view class="data-v-d7316ec5" style="padding:6px 12px"><one-feel-m-k001 class="data-v-d7316ec5" u-i="d7316ec5-3" bind:__l="__l"></one-feel-m-k001></view><view class="data-v-d7316ec5" style="padding:6px 12px"><one-feel-m-k001 class="data-v-d7316ec5" u-i="d7316ec5-4" bind:__l="__l"></one-feel-m-k001></view><view class="data-v-d7316ec5" style="padding:6px 12px"><one-feel-m-k001 class="data-v-d7316ec5" u-i="d7316ec5-5" bind:__l="__l"></one-feel-m-k001></view><response-wrapper class="data-v-d7316ec5" u-s="{{['d']}}" u-i="d7316ec5-6" bind:__l="__l"><response-intro class="data-v-d7316ec5" u-i="d7316ec5-7,d7316ec5-6" bind:__l="__l"/></response-wrapper><view wx:for="{{d}}" wx:for-item="item" wx:key="k" class="area-msg-list-content data-v-d7316ec5" id="{{item.l}}"><block wx:if="{{item.a}}"><chat-card-a-i wx:if="{{item.f}}" u-s="{{['d']}}" class="message-item message-item-ai data-v-d7316ec5" u-i="{{item.e}}" bind:__l="__l" u-p="{{item.f}}"><image wx:if="{{item.b}}" class="data-v-d7316ec5" src="{{item.c}}" style="width:100px;height:100px"></image><one-feel-m-k001 class="data-v-d7316ec5" u-i="{{item.d}}" bind:__l="__l"></one-feel-m-k001></chat-card-a-i></block><block wx:elif="{{item.g}}"><chat-card-mine wx:if="{{item.i}}" class="message-item message-item-mine data-v-d7316ec5" u-i="{{item.h}}" bind:__l="__l" u-p="{{item.i}}"></chat-card-mine></block><block wx:else><text class="message-item message-item-other data-v-d7316ec5">{{item.j}}</text></block></view><view class="data-v-d7316ec5" id="{{e}}"></view></scroll-view><view class="footer-area data-v-d7316ec5"><chat-more-tips class="data-v-d7316ec5" bindreplySent="{{g}}" u-i="d7316ec5-11" bind:__l="__l"></chat-more-tips><chat-quick-access class="data-v-d7316ec5" bindreplySent="{{h}}" u-i="d7316ec5-12" bind:__l="__l"></chat-quick-access><view class="area-input data-v-d7316ec5"><view class="input-container-voice data-v-d7316ec5"><image class="data-v-d7316ec5" src="{{i}}"></image></view><block wx:if="{{r0}}"><textarea class="textarea data-v-d7316ec5" type="text" placeholder="快速订票,呼叫服务" cursor-spacing="65" confirm-type="done" bindconfirm="{{j}}" bindtouchend="{{k}}" confirm-hold="{{true}}" auto-height show-confirm-bar="{{false}}" hold-keyboard="{{l}}" maxlength="300" value="{{m}}" bindinput="{{n}}"/></block><view class="input-container-send data-v-d7316ec5" bindtap="{{p}}"><image class="data-v-d7316ec5" src="{{o}}"></image></view></view></view></view></view>
|
||||
@@ -26,7 +26,7 @@
|
||||
.chat-container.data-v-d7316ec5 {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background-color: #E9F3F7;
|
||||
background-color: #e9f3f7;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden !important;
|
||||
@@ -40,7 +40,7 @@
|
||||
right: 0;
|
||||
z-index: 0;
|
||||
height: 270px;
|
||||
background: linear-gradient(180deg, #42ADF9 0%, #6CD1FF 51%, #E9F3F7 99%);
|
||||
background: linear-gradient(180deg, #42adf9 0%, #6cd1ff 51%, #e9f3f7 99%);
|
||||
}
|
||||
.chat-container .nav-bar-container.data-v-d7316ec5 {
|
||||
position: fixed;
|
||||
@@ -110,7 +110,7 @@
|
||||
width: 100vw;
|
||||
flex-shrink: 0;
|
||||
padding: 4px 0 24px 0;
|
||||
background-color: #E9F3F7;
|
||||
background-color: #e9f3f7;
|
||||
touch-action: pan-x;
|
||||
/* 仅允许横向触摸滚动 */
|
||||
overflow-x: auto;
|
||||
@@ -122,7 +122,7 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-radius: 22px;
|
||||
background-color: #FFFFFF;
|
||||
background-color: #ffffff;
|
||||
box-shadow: 0px 0px 20px 0px rgba(52, 25, 204, 0.05);
|
||||
margin: 0 12px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user