mirror of
https://github.com/element-plus/element-plus.git
synced 2024-12-27 03:01:14 +08:00
48 lines
1.2 KiB
Vue
48 lines
1.2 KiB
Vue
<template>
|
|
<el-row>
|
|
<el-col :sm="12" :lg="6">
|
|
<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">
|
|
<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">
|
|
<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">
|
|
<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>
|