可以使用光年light year admin框架中的模态框组件来实现提示框的美化效果。以下是使用该框架实现的代码:

<!DOCTYPE html>
<html>
<head>
    <title>提示框</title>
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/lightyear/4.1.0/css/lightyear.min.css">
</head>
<body>
    <button onclick="showModal()">显示提示框</button>

    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/lightyear/4.1.0/js/lightyear.min.js"></script>
    <script>
        function showModal() {
            var content = "您还没有授权果果主机系统呢!联系1159114746吧";

            var modalHtml = `<div class="modal modal-alert modal-danger" id="modal-default">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h4 class="modal-title">提示框</h4>
                                        </div>
                                        <div class="modal-body">
                                            <div class="text-center">${content}</div>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                                        </div>
                                    </div>
                                </div>
                            </div>`;

            $('body').append(modalHtml);
            $('#modal-default').modal('show');
        }
    </script>
</body>
</html>

上述代码中,首先引入了光年light year admin框架的CSS和JavaScript文件。在页面中添加了一个按钮,点击按钮时会触发showModal()函数。

showModal()函数首先定义了提示框的内容,然后使用模态框组件的HTML结构生成了一个模态框,并将其添加到页面的body元素中。最后使用modal('show')方法显示模态框。

提示框的样式为红色背景的危险提示框,标题为"提示框",内容居中显示。模态框底部有一个关闭按钮

echo 您还没有授权果果主机系统呢!联系1159114746吧;把echo里的输出美化一下代码写个提示框全局居中采用光年light year admin框架

原文地址: https://www.cveoy.top/t/topic/hETI 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录