中国最全IT社区平台 联系我们 | 收藏本站
阿里云优惠2阿里云优惠1
您当前位置:首页 > web前端 > htmlcss > weUI应用,用JS封装了几个常用的信息提示的弹层

weUI应用,用JS封装了几个常用的信息提示的弹层

来源:程序员人生   发布时间:2016-12-14 08:34:23 阅读次数:278次

weUI利用,自己用JS封装了几个经常使用的信息提示的弹层

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

几个弹层以下图


HTML页面代码:

<!DOCTYPE html> <html> <head> <title>weUI-test</title> <meta charset="UTF⑻"> <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"> <meta http-equiv="Expires" content="0"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="format-detection" content="telephone=no"> <meta name="apple-mobile-web-app-title" content=""> <link rel="stylesheet" type="text/css" href="weui.min.css"> </head> <body> <span id="showClick" style="display:block; width:100px; height:80px; line-height:80px; text-align:center; margin:50px; background-color:#ddd; cursor:pointer;">测试</span> <script type="text/javascript" src="http://code.