38 lines
887 B
Vue
38 lines
887 B
Vue
<template>
|
|
<tiny-button @click="baseClick" :reset-time="0">打开提示框</tiny-button>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { Button as TinyButton, Modal } from '@opentiny/vue'
|
|
|
|
function baseClick() {
|
|
Modal.alert({
|
|
status: 'info',
|
|
title: '普通提示框',
|
|
events: {
|
|
confirm: () => Modal.message('确定'),
|
|
cancel: () => Modal.message('取消')
|
|
},
|
|
// 通过属性 slots 设置插槽
|
|
slots: {
|
|
default: (params, h) => [h('span', '使用默认插槽')],
|
|
footer: (params, h) => [
|
|
h(
|
|
TinyButton,
|
|
{
|
|
on: {
|
|
click: (e) => {
|
|
params.confirm(e)
|
|
}
|
|
},
|
|
props: { type: 'primary' }
|
|
},
|
|
'点我确定'
|
|
),
|
|
h(TinyButton, { on: { click: (e) => params.cancel(e) } }, '点我取消')
|
|
]
|
|
}
|
|
})
|
|
}
|
|
</script>
|