素材牛VIP会员

兼容电脑端和移动端的对话框弹窗效果

 所属分类:网页特效-对话框/灯箱/提示,悬浮层/弹出层,弹窗

 浏览:69次  下载:2次  评论:0次  更新时间:2022-11-10
兼容电脑端和移动端的对话框弹窗效果
积分说明:注册即送10牛币,每日签到可获得5牛币,成为VIP会员可永久免牛币下载!   充值积分   充值会员   更多说明»
素材描述:兼容pc端和移动端的alert、message和toast弹窗插件,toast带有icon

详细介绍

默认调用:

alert('请打开麦克风')

支持多参数:

alert({
    title: '我是标题',
    content: '请打开麦克风',
    doneText: '按钮文字'
}).then(callback)

默认调用:

confirm('请打开麦克风')

传递参数:

confirm({
    title: '我是标题',
    content: '请打开麦克风',
    doneText: '确认按钮文字',
    cancalText: '取消按钮文字'
}).then(() => {
    console.log('已确认')
}).catch(() => {
    console.log('已取消')
})

默认调用:

toast('请打开麦克风')

设置停留时间和icon图标:

toast({
    time: 3000,
    content: '停留3秒再消失',
    type: 'loading'
})

文件目录结构

  • ┝ base.css
  • font
    • ┝ iconfont.css
    • ┝ iconfont.eot
    • ┝ iconfont.svg
    • ┝ iconfont.ttf
    • ┝ iconfont.woff
    • ┝ iconfont.woff2
  • ┝ index.html
  • ┝ message.js

相关素材 - 对话框/灯箱/提示,悬浮层/弹出层,弹窗

讨论这个素材(0)回答他人问题或分享使用心得会奖励牛币

〒_〒 居然一个评论都没有……

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0 已下载次数:2
所需牛币:16 开始下载

牛币获取:签到、评论、充值    » 在线充值(10牛币=1元)