page-tips.html 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
  6. <meta http-equiv="x-ua-compatible" content="ie=edge">
  7. <title>提醒-计量支付</title>
  8. <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
  9. <link rel="stylesheet" href="css/main.css">
  10. <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
  11. <link rel="shortcut icon" href="img/favicon.ico">
  12. <style>
  13. </style>
  14. </head>
  15. <body>
  16. <div class="container">
  17. <!--顶部-->
  18. <nav class="fixed-top bg-dark">
  19. <div class="my-2 d-flex justify-content-between">
  20. <span class="text-white ml-3">纵横云计量</span>
  21. <div class="mr-3">
  22. <!-- <div class="dropdown">
  23. <button class="btn btn-sm btn-light dropdown-toggle" type="button" data-toggle="dropdown">
  24. 张三
  25. </button>
  26. <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
  27. <a class="dropdown-item" href="#">退出登录</a>
  28. </div>
  29. </div> -->
  30. </div>
  31. </div>
  32. </nav>
  33. <!--待审批期列表-->
  34. <div class="py-6">
  35. <div class="card mb-3">
  36. <h1 class="text-success text-center mt-4"><i class="fa fa-check-circle fa-3x"></i></h1>
  37. <div class="card-body text-center">
  38. <p class="text-success h3">提示成功内容</p>
  39. <p class="mt-4"><a href="" class="btn btn-sm btn-outline-primary">进入云计量</a></p>
  40. </div>
  41. </div>
  42. <div class="card mb-3">
  43. <h1 class="text-danger text-center mt-4"><i class="fa fa-exclamation-circle fa-3x"></i></h1>
  44. <div class="card-body text-center">
  45. <p class="text-danger h3">提示失败内容</p>
  46. <p class="mt-4"><a href="" class="btn btn-sm btn-outline-primary">返回账号绑定</a></p>
  47. </div>
  48. </div>
  49. </div>
  50. </div>
  51. <!-- JS. -->
  52. <script src="js/jquery/jquery-3.2.1.min.js"></script>
  53. <script src="js/popper/popper.min.js"></script>
  54. <script src="js/bootstrap/bootstrap.min.js"></script>
  55. <script src="js/global.js"></script>
  56. </body>
  57. </html>