tiny-vue_version0/examples/sites/demos/pc/app/notify/closeIcon.vue

28 lines
670 B
Vue

<template>
<div class="content">
<tiny-button @click="baseClick" :reset-time="0">自定义关闭图标</tiny-button>
</div>
</template>
<script>
import { Button, Notify } from '@opentiny/vue'
import { IconCloseSquare } from '@opentiny/vue-icon'
export default {
components: {
TinyButton: Button
},
methods: {
baseClick() {
Notify({
type: 'info',
title: '通知',
message: '通知消息的正文,通知消息的正文,通知消息的正文,通知消息的正文,通知消息的正文,通知消息的正文',
closeIcon: IconCloseSquare(),
position: 'top-right'
})
}
}
}
</script>