SuperAPI AI 工具集

style-figma-clean

设计与创作

查看项目

更新于 10-16 03:43

技能介绍

用途:该样式用于 SharePoint 列表的行格式美化,属于 list-styling 技能,提供 Figma Clean 风格的设计令牌与行模板。整体风格精确、整洁、信息密集,观感接近 Figma 组件。

主要能力:每张卡片顶部有一条 4px 彩色横条,颜色随状态变化;条下方为单行横向布局,包含文档名称、状态徽章、进度条与截止日期。状态徽章自带与背景同色的边框,字号 12px、加粗、不转大写。提供状态色板(Draft、In Review、Revising、Approved、Published 及回退色)和卡片令牌(边框、圆角、背景、间距、阴影、色条高度、逾期色)。进度条按百分比变色:低于 30% 红、低于 66% 蓝、其余绿。逾期时色条与卡片边框转红,日期前缀“⚠ Overdue —”。

使用方式:提供 rowFormatter JSON,需按实际列表适配——把示例列名 [$Status]、[$Progress]、[$Deadline] 替换为真实内部列名,并把各状态字符串改为实际 Choice 值,遵循 list-styling 第 3 步应用。

适用场景:SharePoint 列表中需要高信息密度、状态一目了然的专业卡片式展示。

限制:状态色条与进度条颜色由两个独立字段驱动,适配时须保持两套 if() 表达式分离,不可互相推导。移动端 ≤480px 时元数据应堆叠在标题下,文本子元素需 min-width: 0 以防溢出,行高建议不小于 56px。文本与颜色等细节以资料为准,其他平台或收费信息暂未提供。