描述列表 Descriptions

无边框对应 Arco inline-horizontal，border 对应 bordered。 属性用法见 Element Plus 文档。

基础描述

标签和内容在同一格，默认无外框。

User details

NameAlex Morgan	CityLondon
RoleDesigner	TeamPlatform

<template>
  <el-descriptions title="User details" :column="2"  style="width: 100%">
    <el-descriptions-item label="Name">Alex Morgan</el-descriptions-item>
    <el-descriptions-item label="City">London</el-descriptions-item>
    <el-descriptions-item label="Role">Designer</el-descriptions-item>
    <el-descriptions-item label="Team">Platform</el-descriptions-item>
  </el-descriptions>
</template>

带边框

border 增加单元格边框与标签背景。

User details

Name	Alex Morgan	City	London
Role	Designer	Team	Platform

<template>
  <el-descriptions title="User details" :column="2" border style="width: 100%">
    <el-descriptions-item label="Name">Alex Morgan</el-descriptions-item>
    <el-descriptions-item label="City">London</el-descriptions-item>
    <el-descriptions-item label="Role">Designer</el-descriptions-item>
    <el-descriptions-item label="Team">Platform</el-descriptions-item>
  </el-descriptions>
</template>

纵向布局

direction="vertical" 将标签放在内容上方。

User details

Name	City
Alex Morgan	London
Role	Team
Designer	Platform

<template>
  <el-descriptions title="User details" :column="2" direction="vertical" style="width: 100%">
    <el-descriptions-item label="Name">Alex Morgan</el-descriptions-item>
    <el-descriptions-item label="City">London</el-descriptions-item>
    <el-descriptions-item label="Role">Designer</el-descriptions-item>
    <el-descriptions-item label="Team">Platform</el-descriptions-item>
  </el-descriptions>
</template>

与 Arco 的差异

• 当前主题的无边框纵向布局存在已知问题：标签和内容会挤在一起；带边框纵向布局不受影响。该问题来自主题覆盖，待主题包单独修复。