28 lines
792 B
Vue
28 lines
792 B
Vue
<template>
|
|
<div>
|
|
<tiny-alert size="large" title="通过属性设置自定义 title" description="描述内容"></tiny-alert>
|
|
<br />
|
|
<tiny-alert size="large" description="描述内容">
|
|
<template #title>通过 slot 设置自定义 title</template>
|
|
</tiny-alert>
|
|
<br />
|
|
<tiny-alert size="large" description="描述内容"></tiny-alert>
|
|
<br />
|
|
<tiny-alert size="large" type="success" description="描述内容"></tiny-alert>
|
|
<br />
|
|
<tiny-alert size="large" type="error" description="描述内容"></tiny-alert>
|
|
<br />
|
|
<tiny-alert size="large" type="warning" description="描述内容"></tiny-alert>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { Alert } from '@opentiny/vue'
|
|
|
|
export default {
|
|
components: {
|
|
TinyAlert: Alert
|
|
}
|
|
}
|
|
</script>
|