mirror of
https://github.com/element-plus/element-plus.git
synced 2025-12-19 09:09:40 +08:00
61 lines
1.5 KiB
Vue
61 lines
1.5 KiB
Vue
<template>
|
|
<el-row>
|
|
<el-col :sm="12" :lg="6" :xl="4">
|
|
<el-result
|
|
icon="primary"
|
|
title="Primary Tip"
|
|
sub-title="Please follow the instructions"
|
|
>
|
|
<template #extra>
|
|
<el-button type="primary">Back</el-button>
|
|
</template>
|
|
</el-result>
|
|
</el-col>
|
|
<el-col :sm="12" :lg="6" :xl="4">
|
|
<el-result
|
|
icon="success"
|
|
title="Success Tip"
|
|
sub-title="Please follow the instructions"
|
|
>
|
|
<template #extra>
|
|
<el-button type="primary">Back</el-button>
|
|
</template>
|
|
</el-result>
|
|
</el-col>
|
|
<el-col :sm="12" :lg="6" :xl="4">
|
|
<el-result
|
|
icon="warning"
|
|
title="Warning Tip"
|
|
sub-title="Please follow the instructions"
|
|
>
|
|
<template #extra>
|
|
<el-button type="primary">Back</el-button>
|
|
</template>
|
|
</el-result>
|
|
</el-col>
|
|
<el-col :sm="12" :lg="6" :xl="4">
|
|
<el-result
|
|
icon="error"
|
|
title="Error Tip"
|
|
sub-title="Please follow the instructions"
|
|
>
|
|
<template #extra>
|
|
<el-button type="primary">Back</el-button>
|
|
</template>
|
|
</el-result>
|
|
</el-col>
|
|
<el-col :sm="12" :lg="6" :xl="4">
|
|
<el-result icon="info" title="Info Tip">
|
|
<template #sub-title>
|
|
<p>Using slot as subtitle</p>
|
|
</template>
|
|
<template #extra>
|
|
<el-button type="primary">Back</el-button>
|
|
</template>
|
|
</el-result>
|
|
</el-col>
|
|
</el-row>
|
|
</template>
|
|
|
|
<script setup lang="ts"></script>
|