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

最新推荐文章于 2024-06-13 08:37:22 发布

灰太狼家的小鸭子

最新推荐文章于 2024-06-13 08:37:22 发布

阅读量109

点赞数

分类专栏：项目笔记文章标签： java

本文链接：https://blog.csdn.net/JEREMY_GYJ/article/details/130778418

版权

项目笔记专栏收录该内容

9 篇文章 0 订阅 ¥39.90 ¥99.00

订阅专栏

超级会员免费看

一、开发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">
import {UserType} from "../models/user";

interface UserCardListProps{
  userList: UserType;
}

//给父组件设置默认值：保证数据不为空：
const props=withDefaults(defineProps<UserCardListProps&g

了解本专栏