42 lines
1.4 KiB
Plaintext
42 lines
1.4 KiB
Plaintext
<template>
|
|
<div>
|
|
<div class="n-layout-page-header">
|
|
<a-card :bordered="false" title="基础详情"> 基础详情，有时也用于显示只读信息。 </a-card>
|
|
</div>
|
|
<a-card :bordered="false" class="proCard mt-4" size="small" :segmented="{ content: 'hard' }">
|
|
<a-descriptions label-placement="left" class="py-2">
|
|
<a-descriptions-item>
|
|
<template #label>收款人姓名</template>
|
|
啊俊
|
|
</a-descriptions-item>
|
|
<a-descriptions-item label="收款账户">NaiveUiAdmin@qq.com</a-descriptions-item>
|
|
<a-descriptions-item label="付款类型">支付宝</a-descriptions-item>
|
|
<a-descriptions-item label="付款账户">NaiveUiAdmin@163.com</a-descriptions-item>
|
|
<a-descriptions-item label="转账金额">￥1980.00</a-descriptions-item>
|
|
<a-descriptions-item label="状态">
|
|
<a-tag type="success"> 已到账</a-tag>
|
|
</a-descriptions-item>
|
|
</a-descriptions>
|
|
<div class="w-full">
|
|
<a-space>
|
|
<label>测试页面缓存</label>
|
|
<a-input placeholder="输入点内容试试" />
|
|
</a-space>
|
|
</div>
|
|
</a-card>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { defineComponent } from 'vue';
|
|
|
|
export default defineComponent({
|
|
name: 'BasicInfo',
|
|
setup() {
|
|
return {};
|
|
},
|
|
});
|
|
</script>
|
|
|
|
<style lang="less" scoped></style>
|