refactor: kefu
This commit is contained in:
@@ -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"
|
||||
|
||||
@@ -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">
|
||||
<!-- 消息列表 -->
|
||||
|
||||
@@ -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 }}
|
||||
|
||||
Reference in New Issue
Block a user