SuperAPI AI 工具集

sgds-components-icon-card

通用与其它

查看项目

更新于 10-16 05:49

技能介绍

用途:<sgds-icon-card> 是 SGDS 的卡片变体,以一个大图标作为主要视觉元素,适合功能展示、服务列表等以图标主导层级的内容。若以照片为主用 <sgds-image-card>,小缩略图并排用 <sgds-thumbnail-card>,混合内容用 <sgds-card>。安装与框架集成参见 sgds-components-setup。

主要能力:通过插槽组织内容,icon 放图标(标准用 <sgds-icon size="3-xl">),upper 在副标题上方(如徽章),subtitle 副标题,title 标题,默认插槽放标题下方内容(如 <sgds-icon-list>),description 描述,lower 放描述下方标签徽章,footer 放 CTA 的 <sgds-link>(link 插槽自 3.3.2 起弃用)。属性包括 orientation(vertical 默认/horizontal)、stretchedLink、noPadding、disabled、hideBorder、tinted;无自定义事件或公开方法。

使用方式:竖排直接写标签与插槽;横排设 orientation="horizontal";整卡可点击加 stretchedLink,href 取自 footer 插槽内 <a>。

限制:组件不暴露自定义属性和 CSS parts,无法做 CSS 样式修改。