Result 结果页 #

<template>
  <n-result type="success" title="Success Tip" subtitle="Please follow the instructions">
    <template #extra>
      <n-button type="primary">Back</n-button>
    </template>
  </n-result>
  <n-result type="warning" title="Warning Ti" subtitle="Please follow the instructions">
    <template #extra>
      <n-button type="primary">Back</n-button>
    </template>
  </n-result>
  <n-result type="danger" title="Error Tip" subtitle="Please follow the instructions">
    <template #extra>
      <n-button type="primary">Back</n-button>
    </template>
  </n-result>
  <n-result type="info" title="Info Tip" subtitle="Please follow the instructions">
    <template #extra>
      <n-button type="primary">Back</n-button>
    </template>
  </n-result>
</template>

<template>
  <n-result title="Success Tip" subtitle="Please follow the instructions">
    <template #icon>
      <n-avatar :size="30" src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg" />
    </template>
    <template #title>
      <div>404</div>
    </template>
    <template #subtitle>
      <div>Sorry, request error</div>
    </template>
    <template #extra>
      <n-button type="primary">Back</n-button>
    </template>
  </n-result>
</template>