36 lines
742 B
Vue
36 lines
742 B
Vue
<script lang="ts" setup>
|
|
import { VbenDescriptions } from '@vben/common-ui';
|
|
|
|
const items = [
|
|
{ content: 'Vben', label: '用户名' },
|
|
{ content: '13800138000', label: '手机号' },
|
|
{ content: '中国 · 杭州', label: '居住地' },
|
|
{ content: '前端工程师', label: '职位' },
|
|
];
|
|
</script>
|
|
<template>
|
|
<div class="flex gap-4 flex-col">
|
|
<VbenDescriptions
|
|
size="small"
|
|
bordered
|
|
title="Small"
|
|
:column="2"
|
|
:items="items"
|
|
/>
|
|
<VbenDescriptions
|
|
size="middle"
|
|
bordered
|
|
title="Middle"
|
|
:column="2"
|
|
:items="items"
|
|
/>
|
|
<VbenDescriptions
|
|
size="large"
|
|
bordered
|
|
title="Large"
|
|
:column="2"
|
|
:items="items"
|
|
/>
|
|
</div>
|
|
</template>
|