手机版

weUI应用之射流研究…常用信息提示弹层的封装

时间:2021-09-11 来源:互联网 编辑:宝哥软件园 浏览:

weUI应用,自己用射流研究…封装了几个常用的信息提示的弹层

测试页面的代码在后面有贴出

几个弹层如下图

超文本标记语言页面代码:

!DOCTYPE html html head title weui-test/title meta charset=' UTF-8 ' meta http-equiv=' X-UA-Compatible ' content=' IE=edge,chrome=1 '/meta name=' viewport ' content=' width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no ' meta http-equiv=' pragma ' content=' no-Cache ' meta http-equiv=' Cache-Control ' content=' no-Cache '宽度宽度:100像素高度:80 px线高:80 px文本对齐:居中;余量:50px背景色: # DDD;'光标:指针'测试/span脚本类型=' text/JavaScript ' src=' http :http://代码。jquery。com/jquery-2。0 .0 .量滴js /脚本脚本类型=' text/JAVAScript ' src=' http : weui。js /脚本脚本类型=' text/JavaScript ' $(function(){////提示弹层,取消关闭,确定做相应操作//对话框('标题1111111','内容' 1111111 ',function(){ //alert('你想做的相应操作1111111');//$('#dialog1 ').移除();//});//$('#showClick ').单击(function(){ //dialog('标题2222222','内容' 2222222 ',function(){ //alert('你想做的相应操作2222222');//$('#dialog1 ').移除();//});//});////提示弹层,确定关闭//对话框('标题333333','内容333333');//$('#showClick ').单击(function(){ //dialog('标题新','内容新');//});////完成//toast();////自定义//$('#showClick ').单击(function(){ //toast(')自定义');//});////加载完成后关闭//正在加载Toast();//setTimeout(function(){ $(“# loading ast”)).fadeOut('fast')},1000);////加载完成后关闭(自定义文字)//$('#showClick ').单击(函数(){ //loadingToast(')自定义文字');//setTimeout(function(){ $(“# loading ast”)).fadeOut('fast')},1000);//});////

版权声明:weUI应用之射流研究…常用信息提示弹层的封装是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。