refactor: kefu

This commit is contained in:
xingyu4j
2025-11-06 16:26:49 +08:00
parent af60802840
commit 36addb1380
3 changed files with 12 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

@@ -269,7 +269,7 @@ function showTime(item: MallKefuMessageApi.Message, index: number) {
</div>
<div
ref="scrollbarRef"
class="mb-4 flex flex-col overflow-x-auto rounded-lg bg-gray-100 p-2"
class="mb-4 flex h-full flex-col overflow-x-auto rounded-lg bg-gray-100 p-2"
>
<div class="flex flex-col">
<!-- 消息列表 -->

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