echo 您还没有授权果果主机系统呢!联系1159114746吧;把echo里的输出美化一下代码写个提示框全局居中采用光年light year admin框架
可以使用光年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')方法显示模态框。
提示框的样式为红色背景的危险提示框,标题为"提示框",内容居中显示。模态框底部有一个关闭按钮
原文地址: https://www.cveoy.top/t/topic/hETI 著作权归作者所有。请勿转载和采集!