diff --git a/src/utils/formatTime.ts b/src/utils/formatTime.ts index 134a986e05c5053b78eabf65b9163bdd70f49c75..ded65fe6d49df12a1f76bc7bbc9c5b86adda0383 100644 --- a/src/utils/formatTime.ts +++ b/src/utils/formatTime.ts @@ -66,10 +66,10 @@ export const defaultShortcuts = [ export function formatDate(date: Date, format?: string): string { // 日期不存在,则返回空 if (!date) { - return '' + return ''; } // 日期存在,则进行格式化 - return date ? dayjs(date).format(format ?? 'YYYY-MM-DD HH:mm:ss') : '' + return date ? dayjs(date).format(format ?? 'YYYY-MM-DD HH:mm:ss') : ''; } /** diff --git a/src/views/mall/promotion/kefu/components/KeFuConversationList.vue b/src/views/mall/promotion/kefu/components/KeFuConversationList.vue index 60188f322a266192c736eea01ee495bdcd369822..0ff3d422aa5a425edf1e751f8ca5f4f8614b8cf7 100644 --- a/src/views/mall/promotion/kefu/components/KeFuConversationList.vue +++ b/src/views/mall/promotion/kefu/components/KeFuConversationList.vue @@ -22,17 +22,16 @@
{{ item.userNickname }} - - {{ formatPast(item.lastMessageTime, 'YYYY-mm-dd') }} + + {{ formatPast(item.lastMessageTime, 'YYYY-MM-DD') }}
+ v-dompurify-html="getConversationDisplayText(item.lastMessageContentType, item.lastMessageContent)" + class="last-message flex items-center color-[var(--left-menu-text-color)]" + > +
@@ -182,7 +181,7 @@ watch(showRightMenu, (val) => { &-conversation { height: 60px; padding: 10px; - background-color: #fff; + //background-color: #fff; transition: border-left 0.05s ease-in-out; /* 设置过渡效果 */ .username { @@ -196,6 +195,7 @@ watch(showRightMenu, (val) => { } .last-message { + font-size: 13px; width: 200px; overflow: hidden; // 隐藏超出的文本 white-space: nowrap; // 禁止换行 @@ -205,16 +205,16 @@ watch(showRightMenu, (val) => { .active { border-left: 5px #3271ff solid; - background-color: #eff0f1; + background-color: var(--left-menu-bg-active-color); } .pinned { - background-color: #eff0f1; + background-color: var(--left-menu-bg-active-color); } .right-menu-ul { position: absolute; - background-color: #fff; + background-color: var(--app-content-bg-color); padding: 10px; margin: 0; list-style-type: none; /* 移除默认的项目符号 */ @@ -228,7 +228,7 @@ watch(showRightMenu, (val) => { border-radius: 12px; transition: background-color 0.3s; /* 平滑过渡 */ &:hover { - background-color: #e0e0e0; /* 悬停时的背景颜色 */ + background-color: var(--left-menu-bg-active-color); /* 悬停时的背景颜色 */ } } } diff --git a/src/views/mall/promotion/kefu/components/KeFuMessageList.vue b/src/views/mall/promotion/kefu/components/KeFuMessageList.vue index d3632e63a4c66dc394def17dbff5f078fe816989..4108430313ef4bb875219ffdc3915d391a5fd2bc 100644 --- a/src/views/mall/promotion/kefu/components/KeFuMessageList.vue +++ b/src/views/mall/promotion/kefu/components/KeFuMessageList.vue @@ -369,9 +369,10 @@ const showTime = computed(() => (item: KeFuMessageRespVO, index: number) => { position: absolute; bottom: 35px; right: 35px; - background-color: #fff; + background-color: var(--app-content-bg-color); padding: 10px; border-radius: 30px; + font-size: 12px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 阴影效果 */ } @@ -445,7 +446,7 @@ const showTime = computed(() => (item: KeFuMessageRespVO, index: number) => { border-radius: 12rpx; padding: 8rpx 16rpx; margin-bottom: 16rpx; - background-color: #e8e8e8; + //background-color: #e8e8e8; color: #999; font-size: 24rpx; } diff --git a/src/views/mall/promotion/kefu/components/history/MemberBrowsingHistory.vue b/src/views/mall/promotion/kefu/components/history/MemberBrowsingHistory.vue index 8b6891aeca6d2df9c841be33e0f5c1a5ae2ea3aa..52c1095b53f9af8932fce44b281798b0d9095394 100644 --- a/src/views/mall/promotion/kefu/components/history/MemberBrowsingHistory.vue +++ b/src/views/mall/promotion/kefu/components/history/MemberBrowsingHistory.vue @@ -7,7 +7,7 @@
- + diff --git a/src/views/mall/promotion/kefu/components/message/OrderItem.vue b/src/views/mall/promotion/kefu/components/message/OrderItem.vue index 5ee21f2812ecad545f7a12903d9d56e9a76564bf..2258c81eb09e383a85bc2ed89462250c3c8f0597 100644 --- a/src/views/mall/promotion/kefu/components/message/OrderItem.vue +++ b/src/views/mall/promotion/kefu/components/message/OrderItem.vue @@ -1,7 +1,7 @@