el-descriptions用法

`el-descriptions` 是一个 Element UI 组件，用于展示一组信息，通常用于展示表单信息、商品信息等。下面是 `el-descriptions` 的用法示例：

<el-descriptions title="商品信息" :bordered="true" :column="2">
  <el-descriptions-item label="商品名称">iPhone 12</el-descriptions-item>
  <el-descriptions-item label="商品编号">123456</el-descriptions-item>
  <el-descriptions-item label="商品分类">手机</el-descriptions-item>
  <el-descriptions-item label="商品价格">5999 元</el-descriptions-item>
  <el-descriptions-item label="商品库存">1000</el-descriptions-item>
  <el-descriptions-item label="商品描述">这是一款性能强劲的智能手机</el-descriptions-item>
</el-descriptions>

上面的代码中，`el-descriptions` 用于展示一组商品信息，组件的 `title` 属性用于设置标题，`bordered` 属性用于显示边框，`column` 属性用于设置列数，`el-descriptions-item` 用于设置每个属性的标签和值。

`el-descriptions` 支持以下属性：

- `title`：标题，可以是字符串或 HTML 片段。
- `bordered`：是否显示边框，默认为 `false`。
- `column`：列数，可以是数字或对象，对象包含 `xs`、`sm`、`md`、`lg`、`xl`、`xxl` 属性，用于设置响应式列数。
- `size`：组件尺寸，可以是 `medium`（默认）、`small` 或 `mini`。
- `label-width`：标签宽度，可以是字符串或数字，例如 `100px`、`50%` 等。
- `label-align`：标签对齐方式，可以是 `left`（默认）、`right` 或 `center`。
- `content-style`：内容区域的样式，可以是字符串或对象。
- `content-class`：内容区域的类名，可以是字符串或对象。

`el-descriptions-item` 支持以下属性：

- `label`：标签文本，可以是字符串或 HTML 片段。
- `prop`：属性名，用于设置属性的 key 值。
- `span`：列宽，用于设置属性值所占的列数，默认为 `1`。
- `label-width`：标签宽度，可以是字符串或数字，例如 `100px`、`50%` 等。
- `label-align`：标签对齐方式，可以是 `left`（默认）、`right` 或 `center`。
- `content-style`：内容区域的样式，可以是字符串或对象。
- `content-class`：内容区域的类名，可以是字符串或对象。

`el-descriptions` 和 `el-descriptions-item` 的使用方式与 HTML 的表格标签类似，但是 `el-descriptions` 更加灵活，可以响应式地设置列数和列宽，适用于各种展示信息的场景。