SuperAPI AI 工具集

sgds-components-footer

数据与分析

查看项目

更新于 10-16 08:48

技能介绍

用途:sgds-footer 是新加坡政府数字服务的标准页脚组件,渲染结构化页脚,含必备链接(Contact、Feedback、Privacy、Terms of Use)与可选的站点栏目(通过 sgds-footer-item 添加)。

主要能力:通过属性配置各链接地址,包括 contactHref、feedbackHref、faqHref、sitemapHref、privacyHref、termsOfUseHref,未设置时多为 "#",faqHref 与 sitemapHref 默认为空。copyrightLiner 控制底栏版权主体,默认 "Government of Singapore"。提供槽位:title 放站点名称,description 放简介,items 放 sgds-footer-item 栏目(自动按网格排版),默认槽位可完全自定义页脚主体并覆盖 items 布局。sgds-footer-item 有 title 槽位作为栏目标题,默认槽位放 sgds-link 链接。组件无自定义事件与公开方法。

用法示例: <sgds-footer contactHref="https://form.gov.sg/" feedbackHref="https://form.gov.sg/" privacyHref="/privacy" termsOfUseHref="/terms-of-use"></sgds-footer> 栏目用 <sgds-footer-item slot="items"><div slot="title">Guides</div><sgds-link><a href="/guides/getting-started">Getting Started</a></sgds-link></sgds-footer-item>。

前提与限制:安装与框架集成见 sgds-components-setup(React 19+ 与 React ≤18、Vue、Angular 的差异)。组件不暴露自定义属性与 CSS part,禁止修改 CSS 样式。务必正确设置 privacyHref 与 termsOfUseHref;copyrightLiner 仅在有不同版权主体的法定机构场景下覆盖。