提示信息弹出（toast）

使用普通的alret();可以实现弹出框，但是不够美观。移动端框架AUI提供了一种弹出样式，

AUI官网地址：http://www.auicss.com/

实现过程如下：

第一步：在<head>里引入AUI的css和toast.js文件。

<link rel="stylesheet" type="text/css" href="aui-20170109-v2.1/css/aui.css" />
<link rel="stylesheet" type="text/css" href="aui-20170109-v2.1/css/aui-toast.css" />

第二步：设置触发函数。（例如给一个按钮设置点击函数）。

<div class="aui-btn aui-btn-info aui-btn-block" onclick="return errorTest()">注册</div>

第三步：编写函数内容：

function errorTest() {var toast = new auiToast();toast.success({title:"提交成功",duration:2000});//成功类toast.fail({title:"提交失败",duration:2000});//失败类toast.custom({title:"成功给了一个赞",html:'<i class="aui-iconfont aui-icon-laud"></i>',duration:2000});自定义图标toast.loading({ title:"加载中",duration:2000},function(ret){ console.log(ret);setTimeout(function(){toast.hide();}, 3000)});加载中：
}

本人为JS实习生一枚，不断学习，不断进步，欢迎各位前辈批评指教。

提示信息弹出（toast）相关推荐

H5弹窗，弹出toast（横竖屏通用）
代码如下,亲测好用 <!DOCTYPE html> <html lang="en"> <head> <meta charset=" ...
Android开发遇到手机无法弹出Toast
今天遇到了一个很奇怪的问题,一个很简单的程序,就是点击按钮弹出一个Toast,但在手机上运行起来,却没有正常弹出Toast 第一反应就是看看是否调用了show方法,很显然,并不是这个低级问题,为了确定 ...
【wpf】在win10系统上弹出toast和notification
原文:[wpf]在win10系统上弹出toast和notification 老规矩,先看效果右下角的notification: 操作中心的notification: 整体效果: 前提条件 1.需要在 ...
weui 弹出 $.toast(“我是文本“,“text“)；总是带有图标
在前段代码中引入 weui.css ,weuix.css 和js jquery-weui.min.js就可以使用weui的一些样式了按照官方的文档中 $.toast("我是文本" ...
EditText限制输入的字符数并弹出Toast提示字数已达上限
大家对EditText这个控件并不陌生,它是一个可供我们输入文本内容的输入框.前些日子需要实现这样一个需求:限制EditText中可以输入的最大字符数为6,达到6时,用户每按一次软键盘就弹出一个Toa ...
Android 弹出 Toast 时取消上一个 Toast(完美方案)增加同步
Toast重复显示解决方法: private Toast mToast; public void showToast(String text) { if(mToast == null) { mToas ...
element弹出toast提示窗口
组件封装: 如何封装一个toast提示窗口呢? 且如何优雅的调用后端接口数据? import Vue from 'vue' //toast提示框 export const confirm = asyn ...
qtreeview 点击二级节点弹出dialog_Flutter Toast、弹出提示、轻提示
主流的三种APP反馈形式: toast.snackbar以及dialog. toast通常用于提示用户一些不那么重要的信息, 会弹出并显示文字一段时间. 时间一到就会消失. 相较于snackbar和d ...
android一天一次弹窗,Android自定义Toast，多次弹出时取消上次弹出，最后一次弹出为准...
下面是编程之家 jb51.cc 通过网络收集整理的代码片段. 编程之家小编现在分享给大家,也给大家做个参考. Android的Toast用队列管理弹出的消息,这个自定义的Toast用于频繁弹出Toas ...

提示信息弹出（toast）

提示信息弹出（toast）相关推荐

最新文章

热门文章