refactor: ele kefu

This commit is contained in:
xingyu4j
2025-11-06 16:30:36 +08:00
parent c405e464a0
commit 3cb140942c
3 changed files with 16 additions and 15 deletions

View File

@@ -140,14 +140,13 @@ async function getUserData() {
</script>
<template>
<div class="bg-background relative">
<div class="bg-background flex h-full flex-auto flex-col">
<div
class="relative flex h-12 items-center justify-around before:absolute before:bottom-0 before:left-0 before:h-[1px] before:w-full before:scale-y-[0.3] before:bg-gray-200 before:content-['']"
class="mt-4 flex h-12 items-center justify-around before:absolute before:bottom-0 before:left-0 before:h-1 before:w-full before:scale-y-[0.3] before:bg-gray-200 before:content-['']"
>
<div
:class="{
'before:border-b-2 before:border-gray-500/50':
tabActivation('会员信息'),
'before:border-primary before:border-b-2': tabActivation('会员信息'),
}"
class="relative flex w-full cursor-pointer items-center justify-center before:pointer-events-none before:absolute before:inset-0 before:content-[''] hover:before:border-b-2 hover:before:border-gray-500/50"
@click="handleClick('会员信息')"
@@ -156,8 +155,7 @@ async function getUserData() {
</div>
<div
:class="{
'before:border-b-2 before:border-gray-500/50':
tabActivation('最近浏览'),
'before:border-primary before:border-b-2': tabActivation('最近浏览'),
}"
class="relative flex w-full cursor-pointer items-center justify-center before:pointer-events-none before:absolute before:inset-0 before:content-[''] hover:before:border-b-2 hover:before:border-gray-500/50"
@click="handleClick('最近浏览')"
@@ -166,8 +164,7 @@ async function getUserData() {
</div>
<div
:class="{
'before:border-b-2 before:border-gray-500/50':
tabActivation('交易订单'),
'before:border-primary before:border-b-2': tabActivation('交易订单'),
}"
class="relative flex w-full cursor-pointer items-center justify-center before:pointer-events-none before:absolute before:inset-0 before:content-[''] hover:before:border-b-2 hover:before:border-gray-500/50"
@click="handleClick('交易订单')"
@@ -175,7 +172,7 @@ async function getUserData() {
交易订单
</div>
</div>
<div class="relative m-0 w-full p-2">
<div class="relative m-0 h-full w-full overflow-x-auto p-2">
<template v-if="!isEmpty(conversation)">
<div
v-loading="loading"

View File

@@ -351,9 +351,13 @@ function showTime(item: MallKefuMessageApi.Message, index: number) {
<ElImage
v-if="KeFuMessageContentTypeEnum.IMAGE === item.contentType"
:initial-index="0"
:preview-src-list="[
getMessageContent(item).picUrl || item.content,
]"
:src="getMessageContent(item).picUrl || item.content"
class="mx-2 !w-52"
fit="cover"
fit="contain"
preview-teleported
/>
</MessageItem>
<!-- 商品消息 -->

View File

@@ -81,13 +81,13 @@ function formatOrderStatus(order: any) {
<div
v-if="isObject(getMessageContent)"
:key="getMessageContent.id"
class="mb-2.5 rounded-md bg-gray-500/30 p-2.5"
class="mb-2 rounded-md bg-gray-500/30 p-2"
>
<div class="flex h-7 items-center justify-between px-1.5 font-bold">
<div class="text-sm">
订单号
<div class="flex h-6 items-center justify-between px-1 font-bold">
<div class="flex flex-row text-sm">
<div>订单号</div>
<span
class="cursor-pointer hover:text-[var(--left-menu-bg-active-color)] hover:underline"
class="text-primary cursor-pointer hover:underline"
@click="openDetail(getMessageContent.id)"
>
{{ getMessageContent.no }}