3,383
个编辑
小
// Edit via Wikiplus
Salt lovely（留言 | 贡献） 小 （// Edit via Wikiplus） |
Salt lovely（留言 | 贡献） 小 （// Edit via Wikiplus） |
||
|
*/
function confirmUI(text = '', callback) {
// 安全锁，防止用户多次点击
let safe = true
// 容器
let container = document.createElement('div')
yesBtn.textContent = '确定'
yesBtn.addEventListener('click', () => {
callback(true)
selfRemove() // 移除确认框
}
})
container.appendChild(yesBtn)
noBtn.textContent = '取消'
noBtn.addEventListener('click', () => {
callback(false)
selfRemove()
}
})
container.style.opacity = '0'
container.appendChild(noBtn)
// 显示UI
container.style.marginLeft = (container.offsetWidth * -0.5) + 'px'
container.style.marginTop = (container.offsetHeight * -0.5) + 'px'
container.style.opacity = '1'
/**移除自己 */
function selfRemove() {
container.style.top = '-100%'
container.style.opacity = '1'
setTimeout(container.remove, 500)
}
}
// CSS
background: #FDF6E6;
user-select: none;
transition: .4s ease-in;
}
.confirmUIcontainer > center{
| |||