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">
    <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

标签

按钮

易学教程内所有资源均来自网络或用户发布的内容，如有违反法律规定的内容欢迎反馈！
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!