04fbb7a556
* fix: useStore is deprecated * chore: update deps * feat: 升级shadcn-ui v4 * fix: workbench style * feat: 升级shadcn-ui v4 step2 * feat: 升级shadcn-ui v4 step3 * chore: 升级shadcn v4 * fix: pagination * fix: dark style * fix: doc import * feat: 增加详情组件，参考 antdv-next * docs: descriptions docs * docs: Browser Support * feat: add table action * feat: icon use vbenIcon * fix: type error * fix: dropdown popConfirm * feat: 使用默认的文字交互 * feat: 优化渲染性能
23 lines
638 B
Vue
23 lines
638 B
Vue
<script lang="ts" setup>
|
|
import { VbenDescriptions } from '@vben/common-ui';
|
|
|
|
const items = [
|
|
{ content: 'Vben', label: '用户名' },
|
|
{ content: '13800138000', label: '手机号' },
|
|
{ content: '正常', label: '状态' },
|
|
{ content: '中国 · 杭州', label: '居住地' },
|
|
{
|
|
content: '浙江省杭州市西湖区某某街道某某小区 1 幢 2 单元',
|
|
label: '地址',
|
|
span: 3,
|
|
},
|
|
];
|
|
</script>
|
|
<template>
|
|
<VbenDescriptions bordered title="用户信息" :items="items">
|
|
<template #extra>
|
|
<span style="color: #1677ff; cursor: pointer">编辑</span>
|
|
</template>
|
|
</VbenDescriptions>
|
|
</template>
|