TS接口文档可以查看同文件夹下的types.ts, demo可以访问/demo777进行查看
<release-card :data="releaseData" simple>
<template #detail>
hello, world
</template>
</release-card>
// script
const releaseData: ReleaseCardData = {
title: '4.1.0',
version: '4.1.0',
userInfo: {
nickname: 'username',
imgSrc: '',
path: '/sasad'
},
createdTime: '2023-07-08',
tag: '3.3.3',
commit: '233de2',
validated: true,
attachments: [
{
filename: 'openharmony-4.1.0-android-sdk.zip',
size: '189 MB',
updatedTime: '2023-03-05',
link: 'https://github.com/mrdoob/three.js/archive/refs/tags/r154.tar.gz'
},
{
filename: '下载Source Code（tar.gz）',
type: 'zip',
updatedTime: '2023-03-05',
link: 'https://github.com/mrdoob/three.js/archive/refs/tags/r154.tar.gz'
}
]
};
Props
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| data | release数据 | ReleaseCardData | — | {} |
| simple? | 是否开启简易显示 | boolean | — | false |
Emits
注意：以下事件都是组件内部对应的按钮点击触发，如果用插槽自定义对应区域的内容的话，事件自行监听即可
| 方法 | 说明 | 返回值 |
|---|---|---|
| compare | 对比tag | ReleaseCardData |
| edit | 编辑 | ReleaseCardData |
| delete | 删除 | ReleaseCardData |
Slots
| 名称 | 说明 |
|---|---|
| header | 组件头部区域插槽 |
| title | 组件标题区域插槽 |
| avatar | 组件头部头像区域插槽 |
| created-time | 组件头部时间区域插槽 |
| tag | 组件头部标签区域插槽 |
| commit | 组件头部commit信息区域插槽 |
| actions | 组件操作区域插槽 |
| detail | 组件详细信息区域插槽 |
| attachments-header | 组件附件信息头部区域插槽 |
| attachments-content | 组件附件信息内容区域插槽 |
| attachment | 组件附件行区域插槽 |
| attachment-name | 组件附件行名称区域插槽 |
| attachment-size | 组件附件行文件大小区域插槽 |
| attachment-time | 组件附件行文件更新时间区域插槽 |