---
url: /components/feature-grid.md
---
# FeatureGrid 特性

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

## bullets 行内特性条

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

## cards 特性卡

```vue
<EvFeatureGrid 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` |