success.html 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>成功</title>
  6. <link rel="stylesheet" href="../../component/pear/css/pear.css" />
  7. <link rel="stylesheet" href="../../demos/css/result.css" />
  8. </head>
  9. <body class="pear-container">
  10. <div class="layui-card">
  11. <div class="layui-card-body">
  12. <div class="result">
  13. <div class="success">
  14. <svg viewBox="64 64 896 896" data-icon="check-circle" width="80px" height="80px" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M699 353h-46.9c-10.2 0-19.9 4.9-25.9 13.3L469 584.3l-71.2-98.8c-6-8.3-15.6-13.3-25.9-13.3H325c-6.5 0-10.3 7.4-6.5 12.7l124.6 172.8a31.8 31.8 0 0 0 51.7 0l210.6-292c3.9-5.3.1-12.7-6.4-12.7z"></path><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path></svg>
  15. </div>
  16. <h2 class="title">提交成功</h2>
  17. <p class="desc">
  18. 提交结果页用于反馈一系列操作任务的处理结果,
  19. 如果仅是简单操作,使用 Message 全局提示反馈即可。
  20. 本文字区域可以展示简单的补充说明,如果有类似展示
  21. “单据”的需求,下面这个灰色区域可以呈现比较复杂的内容。
  22. </p>
  23. <div class="content">
  24. </div>
  25. <div class="action">
  26. <button class="pear-btn pear-btn-primary">再次申请</button>
  27. &nbsp;&nbsp;&nbsp;
  28. <button class="pear-btn">返回首页</button>
  29. </div>
  30. </div>
  31. </div>
  32. </div>
  33. <script src="../../component/layui/layui.js"></script>
  34. <script src="../../component/pear/pear.js"></script>
  35. </body>
  36. </html>