Skip to content

十.Descriptions

前言

组件默认使用 Flex 布局,不需要手动设置 type="flex"。

请注意父容器避免使用 inline 相关样式,会导致组件宽度不能撑满。

User Info
<template>
    <web-descriptions title="User Info">
      <web-descriptions-item label="Username">kooriookami</web-descriptions-item>
      <web-descriptions-item label="Telephone">18100000000</web-descriptions-item>
      <web-descriptions-item label="Place">Suzhou</web-descriptions-item>
      <web-descriptions-item label="Remarks">
        <web-tag size="small">School</web-tag>
      </web-descriptions-item>
      <web-descriptions-item label="Address">
        No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province
      </web-descriptions-item>
    </web-descriptions>
  </template>