使用layer mobile插件制作thinkphp3/5 success、error页面

浏览:1790 发布日期:2017/04/19 分类:技术分享 关键字: layer弹出窗 自定义消息 美化提示信息
layer的确是款很强大的弹出窗口插件,它的官网现在推出了针对移动端的弹出插件,在实际项目中应用效果也不错(在PC中也是不错的)。
官网:http://layer.layui.com/mobile/
在thinkphp中怎么来使用它呢?
首先在公共方法common.php中建立一个方法function alert($msg, $url, $time = 3)
{
    /*****meta部分主要是针对移动端,然后加载jquery和layer的js文件,顺序不能反*******/
    $str = '<meta name="viewport" content="initial-scale=1, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta http-equiv="Access-Control-Allow-Origin" content="*" />
    <meta http-equiv="pragma" content="no-cache" /><script src="/public/static/layer_mobile/jquery.min.js"></script><script src="/public/static/layer_mobile/layer.js"></script>
';
    $str .= '<script>
        $(function(){          
            layer.open({
              content: "<span>'.$msg.'</span>",
              btn: "好的",
              time:'.$time.',
              //style: \'background-color:#09C1FF; color:#fff; border:none;\' //自定风格样式
            });
        });
        setTimeout(function(){self.location.href="' . $url . '"},2000);
        </script>';
    return $str;
}
调用也很简单:return alert('用户名或者密码错误', url('/'), 5);DEMO:,总体效果还是很棒的
最佳答案
评论( 相关
后面还有条评论,点击查看>>