Result 结果 ​

vue

<template>
  <w-row>
    <w-col :sm="12" :lg="6">
      <w-result
        icon="success"
        title="Success Tip"
        sub-title="请根据提示进行操作"
      >
        <template #extra>
          <w-button type="primary">返回</w-button>
        </template>
      </w-result>
    </w-col>
    <w-col :sm="12" :lg="6">
      <w-result
        icon="warning"
        title="Warning Tip"
        sub-title="请根据提示进行操作"
      >
        <template #extra>
          <w-button type="primary">返回</w-button>
        </template>
      </w-result>
    </w-col>
    <w-col :sm="12" :lg="6">
      <w-result icon="error" title="Error Tip" sub-title="请根据提示进行操作">
        <template #extra>
          <w-button type="primary">返回</w-button>
        </template>
      </w-result>
    </w-col>
    <w-col :sm="12" :lg="6">
      <w-result icon="info" title="Info Tip">
        <template #sub-title>
          <p>Using slot as subtitle</p>
        </template>
        <template #extra>
          <w-button type="primary">返回</w-button>
        </template>
      </w-result>
    </w-col>
  </w-row>
</template>

vue

<template>
  <w-result title="404" sub-title="Sorry, request error">
    <template #icon>
      <w-image
        style="width: 200px; height: 200px"
        src="https://cdn.dribbble.com/users/175710/screenshots/4782427/media/a5f9c97e497271e7da2286808ef462f5.png?resize=800x600&vertical=center"
      />
    </template>
    <template #extra>
      <w-button type="primary">返回</w-button>
    </template>
  </w-result>
</template>