FeatureGrid 特性

EwFeatureGrid 展示产品特性，两种形态对应页面的两种位置：bullets 行内特性条用于首屏 （三两个词点出核心卖点），cards 特性卡用于功能区（图标 + 标题 + 描述的三栏结构）。

bullets 行内特性条

首屏特性行

细线分隔的图标 + 词条，安静而有信息量。

像素对齐

矢量无损

风格统一

<EwFeatureGrid variant="bullets" :items="[
  { icon: 'device-line', title: '像素对齐' },
  { icon: 'compass-3-line', title: '矢量无损' },
]" />

cards 特性卡

三栏特性卡

hover 轻抬 + 主色描边；列数 1~4 可选，窄屏自动降列。

写作优先

无干扰编辑器与 Markdown 快捷语法，让注意力回到内容本身。

全局即时搜索

全文 + 标签 + 附件内容统一检索，百毫秒级返回结果。

多端离线

桌面与移动端全量离线可用，联网后自动增量同步。

<EwFeatureGrid variant="cards" :columns="3" :items="features" />

API

Props

属性	说明	类型	默认值
items	特性项 [{ icon, title, description }]	array	[]
variant	形态	'bullets' | 'cards'	'cards'
columns	cards 列数	1 | 2 | 3 | 4	3
stagger	v-reveal 交错延迟步长 ms	number	60