target/classes/templates/demo/modal/layer.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<!DOCTYPE html>
<html lang="zh">
<head>
	<th:block th:include="include :: header('弹层组件')" />
	<style>
        /* 解决layer相册层弹出时导致页面自动滚动 */
        html {height: auto;}
    </style>
</head>
<body class="gray-bg">
	<div class="wrapper wrapper-content fadeInRight">
	    <div class="row">
	        <div class="col-sm-6">
	            <div class="ibox">
	                <div class="ibox-title">
	                <h5>信息框</h5>
	                </div>
	                <div class="ibox-content" id="test">
	                    <p>通过调用<code>$.modal.alert()</code>实现。 </p>
	                    <button type="button" class="btn btn-primary" onclick="$.modal.alert('Hi，你好！')">普通</button>
	                    <button type="button" class="btn btn-success" onclick="$.modal.alertSuccess('Hi，你好！')">成功</button>
	                    <button type="button" class="btn btn-warning" onclick="$.modal.alertWarning('Hi，你好！')">警告</button>
	                    <button type="button" class="btn btn-danger" onclick="$.modal.alertError('Hi，你好！')">失败</button>
	                </div>
	            </div>
	        </div>
	        
	        <div class="col-sm-6">
	            <div class="ibox">
	                <div class="ibox-title">
	                <h5>提示框</h5>
	                </div>
	                <div class="ibox-content">
	                    <p>通过调用<code>$.modal.msg()</code>实现。 </p>
	                    <button type="button" class="btn btn-primary" onclick="$.modal.msg('Hi，你好！')">普通</button>
	                    <button type="button" class="btn btn-success" onclick="$.modal.msgSuccess('Hi，你好！')">成功</button>
	                    <button type="button" class="btn btn-warning" onclick="$.modal.msgWarning('Hi，你好！')">警告</button>
	                    <button type="button" class="btn btn-danger" onclick="$.modal.msgError('Hi，你好！')">失败</button>
	                </div>
	            </div>
	        </div>
	    </div>
	
	    <div class="row">
	        <div class="col-sm-6">
	            <div class="ibox">
	                <div class="ibox-title">
	                <h5>询问框</h5>
	                </div>
	                <div class="ibox-content">
	                    <p>通过调用<code>$.modal.confirm()</code>实现。 </p>
	                    <button type="button" class="btn btn-primary" id="button-confirm">询问按钮</button>
	                </div>
	            </div>
	        </div>
	        
	        <div class="col-sm-6">
	            <div class="ibox ">
	                <div class="ibox-title">
	                <h5>消息提示并刷新父窗体</h5>