基本用法
徽章配置
每个徽章都需要以下所有属性:图标选项
徽章图标使用 PrimeVue 的图标集。以下是一些常用图标:- 文档:
pi pi-file或pi pi-book - GitHub:
pi pi-github - 外部链接:
pi pi-external-link - 信息:
pi pi-info-circle - 下载:
pi pi-download - 网站:
pi pi-globe - Discord:
pi pi-discord
app.registerExtension({
name: "MyExtension",
aboutPageBadges: [
{
label: "Documentation",
url: "https://example.com/docs",
icon: "pi pi-file"
},
{
label: "GitHub",
url: "https://github.com/username/repo",
icon: "pi pi-github"
}
]
});
{
label: string, // 徽章上显示的文本
url: string, // 点击徽章时打开的 URL
icon: string // 图标类名(例如 PrimeVue 图标)
}
pi pi-file 或 pi pi-bookpi pi-githubpi pi-external-linkpi pi-info-circlepi pi-downloadpi pi-globepi pi-discordapp.registerExtension({
name: "BadgeExample",
aboutPageBadges: [
{
label: "Website",
url: "https://example.com",
icon: "pi pi-home"
},
{
label: "Donate",
url: "https://example.com/donate",
icon: "pi pi-heart"
},
{
label: "Documentation",
url: "https://example.com/docs",
icon: "pi pi-book"
}
]
});