layer弹出层移动端组件

最新推荐文章于 2023-09-18 14:49:36 发布

weixin_30455023

最新推荐文章于 2023-09-18 14:49:36 发布

阅读量460

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/qixianchuan/p/11162888.html

版权

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <title>layer移动端弹窗</title>
    <style>
        button{
            width:6rem;
            height:3rem;
            line-height: 3rem;
        }
    </style>
    <!-- 
        http://layer.layui.com/mobile/
        layer mobile-v2.0 
        -->
</head>
<body>
    <button id="loading">loading</button>
    <button id="toast">toast</button>
    <script src="layer.js"></script>
    <script>
        var loadingdom = document.getElementById("loading");
        loadingdom.onclick = function(){
            //loading带文字
          layer.open({
            type: 2
            ,content: '加载中'
           /* ,time:"3"*/
          });
        };
        /*layer.open({
            type: 2
            ,content: '加载中'
          });*/


        var toastdom = document.getElementById("toast");
        toastdom.onclick = function(){
              //提示
          layer.open({
            content: 'hello layer'
            ,skin: 'msg'
            ,time: 2 //2秒后自动关闭
          });
        }
         
    </script>
</body>
</html>

转载于:https://www.cnblogs.com/qixianchuan/p/11162888.html

weixin_30455023

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
layer弹出层移动端组件

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">...
复制链接

扫一扫