docs_vue2/one/docs/demo/alert/extra.vue

38 lines
612 B
Vue
Raw Normal View History

<template>
<article>
<veui-alert
type="success"
ui="strong"
message="恭喜你,你的请求已成功处理"
closable
>
2021-12-03 18:26:54 +08:00
<template #title>
2021-11-20 13:22:48 +08:00
恭喜你
</template>
2021-12-03 18:26:54 +08:00
<template #extra>
2021-11-20 13:22:48 +08:00
<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>