18 lines
615 B
Vue
18 lines
615 B
Vue
<script lang="ts" setup>
|
||
import type { DescriptionsItemType } from '@vben/common-ui';
|
||
|
||
import { VbenDescriptions } from '@vben/common-ui';
|
||
|
||
const items: DescriptionsItemType[] = [
|
||
{ content: '1', label: 'A' },
|
||
{ content: '2（span: 2）', label: 'B', span: 2 },
|
||
{ content: '3', label: 'C' },
|
||
{ content: '占满当前行剩余空间', label: 'D（span: filled）', span: 'filled' },
|
||
{ content: '5', label: 'E' },
|
||
];
|
||
</script>
|
||
<template>
|
||
<!-- 列数随断点变化：xs 1 列、sm 2 列、md 及以上 3 列 -->
|
||
<VbenDescriptions bordered :column="{ md: 3, sm: 2, xs: 1 }" :items="items" />
|
||
</template>
|