54 lines
1.3 KiB
Markdown
54 lines
1.3 KiB
Markdown
<cn>
|
|
#### 响应式
|
|
通过响应式的配置可以实现在小屏幕设备上的完美呈现。
|
|
</cn>
|
|
|
|
<us>
|
|
#### responsive
|
|
通过响应式的配置可以实现在小屏幕设备上的完美呈现。
|
|
</us>
|
|
|
|
```vue
|
|
<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>
|
|
```
|