---
type: CURD
title: sv
subtitle: 查看
cols: 1
order: 2
module: SVModule
config: SVConfig
---

查看栅格系统是在原 [Grid 栅格](https://ng.ant.design/components/grid/zh) 基础上构建更高阶的组件，用于简化查看页布局。

## API

### sv-container

| 参数           | 说明                 | 类型                    | 默认值       |
| -------------- | -------------------- | ----------------------- | ------------ |
| `[size]`       | 大小                 | `'small','large'`         | `'large'`      |
| `[layout]`     | 布局                 | `'horizontal','vertical'` | `'horizontal'` |
| `[gutter]`     | 间距                 | `number`                | `32`         |
| `[col]`        | 指定信息最多分几列展示，最终一行几列由 col 配置结合[响应式规则](/theme/responsive)决定         | `'1','2','3','4','5','6'`                | `3`          |
| `[labelWidth]` | 默认标签文本宽度     | `number`                | `null`       |
| `[default]`    | 默认是否显示默认文本 | `boolean`               | `true`       |
| `[title]`      | 标题                                  | `string,TemplateRef<void>`            | - |

### sv

| 参数           | 说明                 | 类型                    | 默认值       |
| -------------- | -------------------- | ----------------------- | ------------ |
| `[col]`        | 指定信息最多分几列展示，最终一行几列由 col 配置结合[响应式规则](/theme/responsive)决定，继承 `sv-container`         | `'1','2','3','4','5','6'`                               | - |
| `[label]`      | 标签                                  | `string,TemplateRef<void>`            | - |
| `[unit]`      | 单位                                  | `string,TemplateRef<void>`            | - |
| `[default]`    | 是否显示默认文本，继承 `sv-container` | `boolean`                              | - |
| `[type]`       | 类型                  | `'primary','success','danger','warning'` | - |

### sv-title

用于展示标题，单独一行。