ant-design-vue/antdv-demo/docs/descriptions/demo/responsive.md

#### 响应式 通过响应式的配置可以实现在小屏幕设备上的完美呈现。 #### responsive 通过响应式的配置可以实现在小屏幕设备上的完美呈现。

<template>
  <div>
    <a-descriptions
      title="Responsive Descriptions"
      bordered
      :column="{ xxl: 4, xl: 3, lg: 3, md: 3, sm: 2, xs: 1 }"
    >
      <a-descriptions-item label="Product">
        Cloud Database
      </a-descriptions-item>
      <a-descriptions-item label="Billing">
        Prepaid
      </a-descriptions-item>
      <a-descriptions-item label="Time">
        18:00:00
      </a-descriptions-item>
      <a-descriptions-item label="Amount">
        $80.00
      </a-descriptions-item>
      <a-descriptions-item label="Discount">
        $20.00
      </a-descriptions-item>
      <a-descriptions-item label="Official">
        $60.00
      </a-descriptions-item>
      <a-descriptions-item label="Config Info">
        Data disk type: MongoDB
        <br />
        Database version: 3.4
        <br />
        Package: dds.mongo.mid
        <br />
        Storage space: 10 GB
        <br />
        Replication factor: 3
        <br />
        Region: East China 1
      </a-descriptions-item>
    </a-descriptions>
  </div>
</template>