refactor: kefu

apps/web-antd/src/views/mall/promotion/kefu/modules/member/member-info.vue

@@ -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':
+          'before:border-primary before:border-b-2': tabActivation('会员信息'),
-            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':
+          'before:border-primary before:border-b-2': tabActivation('最近浏览'),
-            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':
+          'before:border-primary before:border-b-2': tabActivation('交易订单'),
-            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"

apps/web-antd/src/views/mall/promotion/kefu/modules/message-list.vue

@@ -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">
           <!-- 消息列表 -->

apps/web-antd/src/views/mall/promotion/kefu/modules/message/order-item.vue

@@ -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="flex h-6 items-center justify-between px-1 font-bold">
-      <div class="text-sm">
+      <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 }}