209天 夜灭

活着,是一件很美好的事情

[又来写BUG了]给emlog后台登陆提示消息美化一下

发布于 25天前 / / 341 次围观 / 0 条评论 / 写BUG / 夜灭

先看看成品

这是利用了layui实现的一小小小小部分功能

那么话不多说,开始操作(本教程适用于emlog,其他的可以按自己需要修改)

找到文件 根目录/admin/view/login.php

<!--在login.php头部引入layui-->
<link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui/css/layui.css" />
<script src="https://www.layuicdn.com/layui/layui.js"></script>

在原本未修改的文件login.php的61行至65行你可以找到如下代码

<?php if ($error_msg): ?>
<div id="login-tips">
<?php echo $error_msg; ?>
</div>
<?php endif;?>

这是原本的写法,将其替换成下面的写法

<?
$anim=mt_rand(1,6);
//$skin='layui-layer-molv'; 可选这一句上下两句二选一
$skin='layui-layer-lan';
?>
<?php if ($error_msg): ?>
<script type="text/javascript">
    layui.use(['laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element'], function() {
      var laydate = layui.laydate //日期
      ,laypage = layui.laypage //分页
      ,layer = layui.layer //弹层
      ,table = layui.table //表格
      ,carousel = layui.carousel //轮播
      ,upload = layui.upload //上传
      ,element = layui.element; //元素操作 等等...
      layer.open({
          type: 1
        ,title: false //不显示标题栏
        ,closeBtn: false
        ,area: '300px;'
        ,skin: "<?php echo $skin; ?>"
        ,anim: "<? echo $anim; ?>"
        ,shade: 0.8
        ,id: 'index_alt' //设定一个id,防止重复弹出
        ,btn: ['再试一次']
        ,btnAlign: 'c'
        ,moveType: 1 //拖拽模式,0或者1
        ,content: "<br><br><?php echo $error_msg; ?><br><br>"
        ,success: function(layero){
          var btn = layero.find('.layui-layer-btn');
          btn.find('.layui-layer-btn0').attr({
            href: '../admin/'
            ,target: '_self'
          }
        );
        }
      });
    });
</script>
<?php endif;?>

亦或者你已经修改过login.php也没有关系,找到form标签的结束'</form>',在其后方加入上述替换的代码依旧可以

layui的功能不止于此,可以好好玩玩

务必将引入代码写在面页头部代码的<head></head>标签内!

他可以自己组合着玩儿,所以可玩性很高(我试了好多种搭配)

至于你喜欢哪种可以自己去试试!

未显示?请点击刷新