Thinkphp5结合layer弹框插件修改默认的提示信息
更新:HHH   时间:2023-1-7


TP5的默认提示效果

啊,很丑有没有!!1

那就用layer插件改吧
插件地址
插件引入
<script src="jQuery的路径"></script> <!-- 你必须先引入jQuery1.8或以上版本 -->
<script src="layer.js的路径"></script>

修改tp5的thinkphp\tpl\dispatch_jump.tpl


修改后

 <div class="system-message">

        <input type="hidden" id="msg" value="<?php echo(strip_tags($msg));?>" />
        <input type="hidden" id="url" value="<?php echo(strip_tags($url));?>" />
        <input type="hidden" id="wait" value="<?php echo(strip_tags($wait));?>" />
    </div>
    <script type="text/javascript">
        (function(){
            var msg=$('#msg').val();
            var url1=$('#url').val();
            var wait=$('#wait').val();

            layer.open({
                content:msg,//提示信息
                anim:Math.floor(Math.random()*8),//0-7的随机动画效果
                success:function(layero,index){
                    var interval = setInterval(function(){
                        var time = --wait;
                        if(time <= 0) {
                            location.href = url1;
                            clearInterval(interval);
                        };
                    }, 1000);
                }
            })

        })();
    </script>

PS:原始文件记得备份

返回web开发教程...