notice.html 10 KB
<!DOCTYPE html>
<html class="ui-mobile">
<head>
    <meta name="viewport" content="user-scalable=0, width=device-width, initial-scale=1.0,  minimum-scale=1.0, maximum-scale=1.0">
    <meta content="telephone=no" name="format-detection" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <title>系统通知</title>
    <style>
        *{-moz-tap-highlight-color:transparent;-o-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}html{height:100%}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:0 0}body{font:12px/1.5 sans-serif;background-color:#F5F5F5;position:relative;color:#333;min-height:100%;overflow-x:hidden}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}nav ul{list-style:none}li{list-style:none}em{font-style:normal}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:0;padding:0}input,select{vertical-align:middle}button:focus,input:focus{outline:0}a{color:#333;text-decoration:none;margin:0;padding:0;vertical-align:baseline;background:0 0}a:active,a:visited{color:#333}img,input{border:0;vertical-align:middle}a,input,textarea{-webkit-tap-highlight-color:transparent}.clear,.clearfix{display:inline-table;zoom:1}* html .clear,* html .clearfix{height:1%}* html .clear,* html .clearfix{zoom:1}.clear,.clearfix{display:block}.clear{clear:both}.clear:after,.clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden;line-height:0}.notice-popup{position:fixed;top:0;left:30px;right:30px;background-color:#FFF;text-align:center;margin:80px auto 0;max-width:480px}.notice-popup .top-icon{margin:-35px auto 10px}.notice-popup h1{font-size:18px;color:#FFA217;margin-bottom:8px;text-align:center;padding:0 10px}.notice-popup p{font-size:15px;color:#333;padding:0 25px;text-align:left;text-indent:30px;margin-bottom:12px}.notice-popup .btn{display:block;line-height:45px;background-color:#23ac38;font-size:17px;color:#FFF}
    </style>
</head>
<body>
<div class="notice-popup">
    <img src="data:image/png;base64,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" width="70" height="70" class="top-icon" alt="系统通知">
    <h1>#informTitle</h1>
    <p>#informContent</p>
    <span class="btn">我知道啦!</span>
</div>
</body>
</html>