Step3.vue 916 B

1234567891011121314151617181920212223
  1. <template>
  2. <div class="w-150 m-auto">
  3. <Result status="success" title="操作成功" sub-title="预计两小时内到账">
  4. <template #extra>
  5. <a-button type="primary" @click="emit('redo')"> 再转一笔 </a-button>
  6. <a-button> 查看账单 </a-button>
  7. </template>
  8. </Result>
  9. <div class="mt-6 px-6 py-8 bg-white">
  10. <Descriptions :column="1" class="mt-5">
  11. <Descriptions.Item label="付款账户"> ant-design@alipay.com </Descriptions.Item>
  12. <Descriptions.Item label="收款账户"> test@example.com </Descriptions.Item>
  13. <Descriptions.Item label="收款人姓名"> Vben </Descriptions.Item>
  14. <Descriptions.Item label="转账金额"> 500元 </Descriptions.Item>
  15. </Descriptions>
  16. </div>
  17. </div>
  18. </template>
  19. <script lang="ts" setup>
  20. import { Result, Descriptions } from 'ant-design-vue';
  21. const emit = defineEmits(['redo']);
  22. </script>