tzboy-web-alert
/
base.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport">
	<title>web-alert</title>
	<link rel="stylesheet" type="text/css" href="./static/css/web-alert.css">
</head>
<body>

	<!-- model -->
	<div class="web-alert-disk" style="display: none;">
		<div class="web-alert-cont">
			<div class="web-alert-cont-title">提示</div>
			<div class="web-alert-cont-center"></div>
			<div class="web-alert-cont-bottom">
				<span class="web-alert-btn cancel">取消</span>
				<span class="web-alert-btn confim">确定</span>
			</div>
		</div>
	</div>

	<!-- msg -->
	<div class="web-alert-disk web-alert-msg" style="display: inline-block;top: unset;left: unset;right: unset;display: none;">
		<div class="web-alert-msg-cont">
			<div class="web-alert-msg-tips">
				<svg t="1583748127797" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2270" width="32" height="32"><path d="M558.656 443.04l-93.12 0c-12.864 0-23.264 10.432-23.264 23.232l0 282.72c0 12.832 10.432 23.232 23.264 23.232l93.12 0c12.864 0 23.264-10.432 23.264-23.232l0-282.72c0.032-12.832-10.4-23.232-23.264-23.232z" p-id="2271" fill="#ffffff"></path><path d="M512 0c-282.208 0-512 229.664-512 512.032s229.728 511.968 512 511.968c282.304 0 512-229.6 512-511.968s-229.632-512.032-512-512.032zM511.552 958.912c-246.784 0-447.456-200.768-447.456-447.456 0-246.848 200.704-447.552 447.456-447.552s447.52 200.672 447.52 447.552c0.032 246.72-200.736 447.456-447.52 447.456z" p-id="2272" fill="#ffffff"></path><path d="M512.128 250.688c-19.296 0-38.496 7.936-52.16 21.568s-21.6 32.8-21.6 52.064c0 19.264 7.936 38.464 21.6 52.064s32.832 21.568 52.16 21.568 38.496-7.936 52.16-21.568c13.632-13.632 21.6-32.8 21.6-52.064s-7.936-38.464-21.6-52.064c-13.632-13.632-32.832-21.568-52.16-21.568z" p-id="2273" fill="#ffffff"></path></svg>
				<span class="msg">提示:这里是一个悬浮的提示框</span>
			</div>
		</div>
	</div>


	<!-- loading -->
	<div class="web-alert-disk web-alert-loading" style="display: block;">
		<div class="web-alert-loading-cont">
			<div class="loader-01"></div>
			<div class="load-line"></div>
		</div>
	</div>

</body>
<script type="text/javascript" src="./static/js/web-alert.js"></script>
</html>