wanzai_yitiji/src/components/SearchCard.vue

<script setup lang="ts">
import { Avatar } from "ant-design-vue";
</script>
<template>
  <div
    class="flex w-[607px] h-[94px] bg-white rounded-md mx-auto items-center px-3 gap-4 font-normal text-2xl select-none cursor-pointer"
  >
    <Avatar class="w-12 h-12">
      <img src="/vite.svg" class="w-12 h-12" />
    </Avatar>
    <div>张三</div>
    <div>2020202121</div>
    <div class="ml-36">七年级12班</div>
  </div>
</template>