温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

Thinkphp5结合layer弹框插件修改默认的提示信息

发布时间:2020-07-23 06:52:19 来源:网络 阅读:2056 作者:woaijorden 栏目:web开发

TP5的默认提示效果
Thinkphp5结合layer弹框插件修改默认的提示信息
啊,很丑有没有!!1

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

修改tp5的thinkphp\tpl\dispatch_jump.tpl
Thinkphp5结合layer弹框插件修改默认的提示信息


修改后
Thinkphp5结合layer弹框插件修改默认的提示信息

 <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:原始文件记得备份

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI