feat: 标签组件封装

This commit is contained in:
duanshuwen
2025-07-13 10:34:43 +08:00
parent 9bac216d7a
commit 34a62d2f3e
37 changed files with 185 additions and 214 deletions

View File

@@ -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 + OrderCardItem + ChatCardAI + ChatCardMine + ChatMoreTips + ChatQuickAccess)();
(ChatTopBgImg + ChatTopNavBar + ChatTopBanner + TagsGroup + OneFeelMK001 + ChatCardAI + ChatCardMine + ChatMoreTips + ChatQuickAccess)();
}
const ChatTopBanner = () => "./ChatTopBanner.js";
const ChatTopBgImg = () => "./ChatTopBgImg.js";
@@ -13,7 +13,7 @@ const ChatCardMine = () => "./ChatCardMine.js";
const ChatQuickAccess = () => "./ChatQuickAccess2.js";
const ChatMoreTips = () => "./ChatMoreTips.js";
const OneFeelMK001 = () => "../module/OneFeelMK001.js";
const OrderCardItem = () => "../../components/OrderCardItem/index.js";
const TagsGroup = () => "../../components/TagsGroup/index.js";
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
__name: "ChatMainList",
emits: ["openDrawer"],
@@ -31,7 +31,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:166", "=============打开抽屉");
common_vendor.index.__f__("log", "at pages/chat/ChatMainList.vue:155", "=============打开抽屉");
};
const handleReply = (text) => {
loadMessage(text);
@@ -97,7 +97,7 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
}
};
chatMsgList.value.push(newMsgAI);
common_vendor.index.__f__("log", "at pages/chat/ChatMainList.vue:250", "发送的新消息:", JSON.stringify(newMsg));
common_vendor.index.__f__("log", "at pages/chat/ChatMainList.vue:242", "发送的新消息:", JSON.stringify(newMsg));
};
const scrollToBottom = () => {
lastMsgId.value = `${chatMsgList.value[chatMsgList.value.length - 1].msgId}`;

View File

@@ -9,6 +9,6 @@
"chat-quick-access": "./ChatQuickAccess",
"chat-more-tips": "./ChatMoreTips",
"one-feel-m-k001": "../module/OneFeelMK001",
"order-card-item": "../../components/OrderCardItem/index"
"tags-group": "../../components/TagsGroup/index"
}
}

View File

@@ -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><order-card-item class="data-v-d7316ec5" u-i="d7316ec5-6" bind:__l="__l"/><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-10" bind:__l="__l"></chat-more-tips><chat-quick-access class="data-v-d7316ec5" bindreplySent="{{h}}" u-i="d7316ec5-11" 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"><tags-group class="data-v-d7316ec5" u-i="d7316ec5-3" bind:__l="__l"/><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 class="data-v-d7316ec5" style="padding:6px 12px"><one-feel-m-k001 class="data-v-d7316ec5" u-i="d7316ec5-6" 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-10" bind:__l="__l"></chat-more-tips><chat-quick-access class="data-v-d7316ec5" bindreplySent="{{h}}" u-i="d7316ec5-11" 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 File

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