搜索结果列表页面开发

src/components/UserLInk/UserLink.vue

@@ -0,0 +1,16 @@
+<template>
+    <div class="inline-flex items-center">
+        <GAvatar :src="userImg" :name="userName" :width="imgSize" :height="imgSize" class="mr-2"></GAvatar>
+        <!-- disable状态才需要显示tooltip 所以!disabled状态需要disable toolitp -->
+<!--        <d-tooltip :disabled="!disabled" content="非本系统用户无法跳转">-->
+            <GLink :to="goTo" :disabled="disabled">
+                {{ userName }}
+            </GLink>
+<!--        </d-tooltip>-->
+    </div>
+</template>
+<script setup lang="ts">
+import type { IUserLink } from '@/components/UserLInk/types';
+
+defineProps<IUserLink>();
+</script>

src/components/UserLInk/types.ts

@@ -0,0 +1,9 @@
+import type { RouterLinkTo } from '../GLink/type';
+
+export interface IUserLink{
+    userImg?: string;
+    imgSize?: number;
+    userName: string;
+    goTo: RouterLinkTo;
+    disabled?: boolean;
+}