InfoCard

说明

适用于组织、个人的信息卡片
卡片地步的信息，会自适应展示User和Repo信息

import InfoCard from '@/components/InfoCard/index.vue';

const info = ref({
  name: mock('@first'),
  namespace: mock('@first'),
  description: mock('@paragraph'),
  maxLines: 2,

  avatar: '/src/assets/imgs/avatar/male.png',
  isRound: mock('@boolean'),
  avatarSize: 80,

  tenant: 'CSDN',
  location: mock('@city'),
});

<InfoCard v-bind="info">
  <d-button variant="solid">点击关注</d-button>
</InfoCard>

Props

参数	说明	类型	可选值	默认值
name	title部分	string	-	-
namespace	@后面的namespace	string	-	-
description	描述	string	-	-
maxLines?	描述的最大行数	number	-	3
avatar	图片url	string	-	-
avatarSize?	左侧头像尺寸	number	-	80
isRound?	头像是否为圆形（同d-avatar）	boolean	-	true
hideFooter?	是否展示footer	boolean	-	false
tenant?	用户信息卡片的公司名称	string	-	-
location?	地址信息	string	-	-
projectCount?	组织卡片的项目个数	number	-	-
memberCount?	成员个数	number	-	-

Slots

名称	说明
default	定制右侧的交互
footer	底部信息插槽。需要确保hideFooter未设置为true

README.md Unescape Escape

InfoCard

说明

Props

Slots

README.md