伙伴匹配系统笔记---06

一、开发index主页

(1) 前端主页开发抽取公共的UserCardList

<template>
  <van-card
      v-for="user in userList"
      :desc="`个人简介:${user.profile}`"
      :title="`${user.userName}(编号:${user.planetCode})`"
      :thumb="user.avatarUrl"
  >
    <template #tags>
      <van-tag plain type="danger" v-for="tag in tags" style="margin-top: 10px;margin-right: 8px">
        {
  {tag}}
      </van-tag>
    </template>
    <template #footer>
      <van-button size="mini">联系我</van-button>
    </template>
  </van-card>
</template>

<script setup lang="ts">
im