先看看成品
这是利用了layui实现的一小小小小部分功能
那么话不多说，开始操作（本教程适用于emlog，其他的可以按自己需要修改）
<!--在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>标签内！
他可以自己组合着玩儿，所以可玩性很高（我试了好多种搭配）
至于你喜欢哪种可以自己去试试！
February 09,2021 16:46:24
阅读2.1k
Comment Post
夜灭
写BUG
[又来写BUG了]给emlog后台登陆提示消息美化一下
Comments
寒星皓月
博主 视频挂了
夜灭
@寒星皓月：emmm，确实，原先的外链挂了（（
夜灭
@寒星皓月：不过现在写了其他的后台登陆页，还是蛮好看的
寒星皓月
@夜灭：来了下确实挺好看的，技术流就是厉害
撰写评论