a404.html 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. {extend name="layout/base" /}
  2. {block name="title"}
  3. <title>404页面_麻花网络</title>
  4. {/block}
  5. {block name="header"}
  6. <link rel="stylesheet" href="__STATIC__/css/mobile/style.css">
  7. <style>
  8. .page_404 {
  9. width: 2.6rem;
  10. margin: auto;
  11. text-align: center;
  12. }
  13. .page_404 img {
  14. width: 100%;
  15. }
  16. .page_404 p {
  17. font-size: 0.14rem;
  18. color: #B2B2B2;
  19. margin-bottom: 0.3rem;
  20. }
  21. .page_404 a {
  22. font-size: 0.16rem;
  23. display: block;
  24. width: 1rem;
  25. height: 0.32rem;
  26. line-height: 0.32rem;
  27. text-align: center;
  28. border-radius: 0.2rem;
  29. }
  30. .page_404 div {
  31. display: flex;
  32. justify-content: space-between;
  33. }
  34. .back-home{
  35. color: #fff;
  36. background:#FF9E33 ;
  37. }
  38. .find-game{
  39. color:#FF9E33 ;
  40. border: 0.01rem solid #FF9E33;
  41. }
  42. .header{
  43. border-bottom: none;
  44. }
  45. </style>
  46. {/block}
  47. {block name="content"}
  48. <!-- header start -->
  49. <header class="top">
  50. <div class="header">
  51. <a href="javascript:history.back(-1)"><img src="__STATIC__/images/mobile/icon/left.png" class="back"></a>
  52. <h1>404</h1>
  53. <div>
  54. <div class="search-icon"><a href=""><img src="__STATIC__/images/mobile/icon/search.png"></a></div>
  55. <div class="menu"><img src="__STATIC__/images/mobile/icon/menu-bar.png"></div>
  56. </div>
  57. </div>
  58. </header>
  59. <!-- header end -->
  60. <div class="page_404 top-half">
  61. <img src="__STATIC__/images/mobile/icon/404.png">
  62. <p>很抱歉,页面走丢了~</p>
  63. <div>
  64. <a href="" class="back-home">回首页</a>
  65. <a href="" class="find-game">找游戏</a>
  66. </div>
  67. </div>
  68. {include file="layout/footer" /}
  69. {/block}
  70. {block name="detail_js"}
  71. {/block}