38 lines
612 B
Vue
38 lines
612 B
Vue
<template>
|
||
<article>
|
||
<veui-alert
|
||
type="success"
|
||
ui="strong"
|
||
message="恭喜你，你的请求已成功处理"
|
||
closable
|
||
>
|
||
<template #title>
|
||
恭喜你
|
||
</template>
|
||
<template #extra>
|
||
<veui-button ui="text">
|
||
查看详情
|
||
</veui-button>
|
||
</template>
|
||
恭喜你，你的请求已成功处理
|
||
</veui-alert>
|
||
</article>
|
||
</template>
|
||
|
||
<script>
|
||
import { Alert, Button } from 'veui'
|
||
|
||
export default {
|
||
components: {
|
||
'veui-alert': Alert,
|
||
'veui-button': Button
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="less" scoped>
|
||
.veui-alert {
|
||
margin-bottom: 20px;
|
||
}
|
||
</style>
|