Result 结果 ​

<template>
  <u-row>
    <u-col :sm="12" :lg="6" :xl="4">
      <u-result
        icon="primary"
        title="Primary Tip"
        sub-title="Please follow the instructions"
      >
        <template #extra>
          <u-button type="primary">Back</u-button>
        </template>
      </u-result>
    </u-col>
    <u-col :sm="12" :lg="6" :xl="4">
      <u-result
        icon="success"
        title="Success Tip"
        sub-title="Please follow the instructions"
      >
        <template #extra>
          <u-button type="primary">Back</u-button>
        </template>
      </u-result>
    </u-col>
    <u-col :sm="12" :lg="6" :xl="4">
      <u-result
        icon="warning"
        title="Warning Tip"
        sub-title="Please follow the instructions"
      >
        <template #extra>
          <u-button type="primary">Back</u-button>
        </template>
      </u-result>
    </u-col>
    <u-col :sm="12" :lg="6" :xl="4">
      <u-result
        icon="error"
        title="Error Tip"
        sub-title="Please follow the instructions"
      >
        <template #extra>
          <u-button type="primary">Back</u-button>
        </template>
      </u-result>
    </u-col>
    <u-col :sm="12" :lg="6" :xl="4">
      <u-result icon="info" title="Info Tip">
        <template #sub-title>
          <p>Using slot as subtitle</p>
        </template>
        <template #extra>
          <u-button type="primary">Back</u-button>
        </template>
      </u-result>
    </u-col>
  </u-row>
</template>

<script setup lang="ts"></script>

<template>
  <u-result title="404" sub-title="Sorry, request error">
    <template #icon>
      <u-image
        src="https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png"
      />
    </template>
    <template #extra>
      <u-button type="primary">Back</u-button>
    </template>
  </u-result>
</template>