在<el-descriptions>组件中使用<el-row>和<el-col>后页面空白

在`<el-descriptions>`组件中使用`<el-row>`和`<el-col>`是没有必要的，因为`<el-descriptions>`已经内置了栅格系统。如果您在`<el-descriptions>`内部使用`<el-row>`和`<el-col>`，可能会导致布局混乱和页面空白。

如果您需要自定义`<el-descriptions>`中的布局，可以使用`label-width`和`content-width`属性来控制标签和内容的宽度，或者使用`slot`来自定义标签和内容的渲染方式。

以下是一个示例，展示如何使用`<el-descriptions>`自定义布局：

<el-descriptions :label-width="100px" :content-width="200px">
  <el-descriptions-item label="姓名">张三</el-descriptions-item>
  <el-descriptions-item label="年龄">18</el-descriptions-item>
  <el-descriptions-item label="地址">
    <el-row>
      <el-col :span="12">北京市</el-col>
      <el-col :span="12">海淀区</el-col>
    </el-row>
  </el-descriptions-item>
</el-descriptions>

在上面的示例中，我们使用`<el-row>`和`<el-col>`来布局地址信息，同时使用`label-width`和`content-width`属性来控制标签和内容的宽度。注意，在`<el-descriptions>`组件中使用`<el-row>`和`<el-col>`时，需要将其作为`<el-descriptions-item>`的内容来使用。