mirror of
https://github.com/jekip/naive-ui-admin.git
synced 2026-02-09 07:52:27 +08:00
39 lines
1.2 KiB
Vue
39 lines
1.2 KiB
Vue
<template>
|
||
<div>
|
||
<div class="n-layout-page-header">
|
||
<n-card :bordered="false" title="基础详情">
|
||
基础详情，有时也用于显示只读信息。
|
||
</n-card>
|
||
</div>
|
||
<n-card :bordered="false" class="proCard mt-4" size="small" :segmented="{content: 'hard'}">
|
||
<n-descriptions label-placement="left" class="py-2">
|
||
<n-descriptions-item>
|
||
<template #label>收款人姓名</template>
|
||
啊俊
|
||
</n-descriptions-item>
|
||
<n-descriptions-item label="收款账户">NaiveUiAdmin@qq.com</n-descriptions-item>
|
||
<n-descriptions-item label="付款类型">支付宝</n-descriptions-item>
|
||
<n-descriptions-item label="付款账户">NaiveUiAdmin@163.com</n-descriptions-item>
|
||
<n-descriptions-item label="转账金额">￥1980.00</n-descriptions-item>
|
||
<n-descriptions-item label="状态">
|
||
<n-tag type="success"> 已到账</n-tag>
|
||
</n-descriptions-item>
|
||
</n-descriptions>
|
||
</n-card>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
import { defineComponent, ref } from 'vue'
|
||
|
||
export default defineComponent({
|
||
setup() {
|
||
return {}
|
||
}
|
||
})
|
||
</script>
|
||
|
||
<style lang="less" scoped>
|
||
|
||
</style>
|