42 lines
1.1 KiB
Vue
42 lines
1.1 KiB
Vue
<template>
|
|
<el-descriptions title="" :column="2" border>
|
|
<el-descriptions-item>
|
|
<template #label> 用户ID </template>
|
|
{{ data.id }}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item>
|
|
<template #label> 用户名 </template>
|
|
{{ data.name }}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item>
|
|
<template #label> 账户余额 </template>
|
|
{{ data.money }}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item>
|
|
<template #label> 账户状态 </template>
|
|
{{ data.state ? '正常' : '异常' }}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item :span="2">
|
|
<template #label> 地址 </template>
|
|
{{ data.address }}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item>
|
|
<template #label> 日期 </template>
|
|
{{ data.date }}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item>
|
|
<template #label> 头像 </template>
|
|
<img :src="data.thumb" style="width: 120px" alt="" />
|
|
</el-descriptions-item>
|
|
</el-descriptions>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
const props = defineProps({
|
|
data: {
|
|
type: Object,
|
|
required: true
|
|
}
|
|
});
|
|
</script>
|