errortemplate.html 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta name="renderer" content="webkit" />
  6. <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  7. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  8. <title>找不到模板</title>
  9. <style type="text/css">
  10. html,body {width: 100%;height: 100%;background: #f7f7f7;margin: 0;padding: 0;border: 0;}
  11. div,p {margin: 0;padding: 0;border: 0;}
  12. .container {width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 999;overflow: hidden;}
  13. .info {width: 480px;position: absolute;top: 50%;left: 50%;margin-top: -200px;margin-left: -240px;text-align:center;}
  14. .info-status{width: 480px; display: -webkit-flex;display: flex;flex-direction: row;justify-content: space-between;align-items: center;flex-wrap: nowrap;}
  15. .info-status div{width:180px; height:180px; line-height:180px; font-size:180px; font-weight:200; color:#F35F37}
  16. .info-status div.face{font-size:60px; border:9px solid #F35F37; width:120px; height:120px; line-height:118px; background-color:#fff; border-radius:50%;}
  17. .info-tips{font-size:24px;color:#F35F37; padding-top:32px; font-weight:600;}
  18. .info-text{padding-top:20px; line-height:1.6; text-align:left; font-size:14px; color:#646464}
  19. .footer {position: absolute;font-size: 12px;bottom: 28px;text-align: center;width: 100%;color: #969696;}
  20. </style>
  21. </head>
  22. <body>
  23. <div class="container">
  24. <div class="info">
  25. <div class="info-status">
  26. <div>4</div><div class="face">😔</div><div>6</div>
  27. </div>
  28. <div class="info-tips">哎呀!找不到模板文件</div>
  29. <div class="info-text">{$file | default=""}模板不存在,请检查对应的目录文件,注意区分大小写!</div>
  30. </div>
  31. <div class="footer">
  32. © 2022 gougucms.com GPL-3.0 license,Powered by 勾股OA
  33. </div>
  34. </div>
  35. </body>
  36. </html>