404.html 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. {extend name="layout/layout" /}
  2. {block name="title"}页面被吃掉啦{/block}
  3. {block name="css"}
  4. <!-- 这里引入css -->
  5. <link href="{:asset('/css/frontend/common.css')}" rel="stylesheet" type="text/css">
  6. <link href="{:asset('/css/frontend/classify.css')}" rel="stylesheet" type="text/css">
  7. <style type="text/css">
  8. html,
  9. body{
  10. overflow: hidden;
  11. height: 100%;
  12. width: 100%;
  13. }
  14. .body_sytle{
  15. overflow: hidden;
  16. height: 100%;
  17. background-color: #fff;
  18. box-sizing: border-box;
  19. font-size: 0;
  20. text-align: center;
  21. white-space: nowrap;
  22. }
  23. .nie_box,
  24. .nie_jgb{
  25. display: inline-block;
  26. vertical-align: middle;
  27. }
  28. .nie_jgb{
  29. margin-left: -1px;
  30. height: 100%;
  31. width: 1px;
  32. }
  33. .f_main_box{
  34. width: 100%;
  35. }
  36. .nie_main,
  37. .nie_but_box{
  38. overflow: hidden;
  39. }
  40. .nie_img{
  41. margin: 0 auto .16rem;
  42. }
  43. .nie_img img{
  44. display: block;
  45. margin: 0 auto;
  46. }
  47. .nie_p_box{
  48. overflow: hidden;
  49. margin: 0 auto .3rem;
  50. }
  51. .nie_p_box p,
  52. .nie_p_box span{
  53. display: block;
  54. font-size: .13rem;
  55. color: #5e6a94;
  56. text-align: center;
  57. line-height: .24rem;
  58. }
  59. .nie_but_box a{
  60. overflow: hidden;
  61. display: block;
  62. margin: 0 auto;
  63. width: 2.1rem;
  64. height: .4rem;
  65. background-color: #77a4ff;
  66. text-align: center;
  67. font-size: .17rem;
  68. color: #fff;
  69. line-height: .4rem;
  70. border-radius: .4rem;
  71. }
  72. .nie_but_box{
  73. margin-bottom: 1rem;
  74. }
  75. .nie_p_box span{
  76. padding-left: .46rem;
  77. text-align: left;
  78. color: #aeb4ca;
  79. font-size: .12rem;
  80. }
  81. </style>
  82. {/block}
  83. {block name="zepto"}
  84. <!-- 这是zepto插件 -->
  85. {/block}
  86. {block name="menu_title"}页面被吃掉啦{/block}
  87. {block name="main"}
  88. <!-- 这是正文 body_sytle_girl -->
  89. <div class="body_sytle">
  90. <div class="nie_box">
  91. <div class="nie_main" >
  92. <div class="nie_img"><img src="{:asset('/img/frontend/icon/notice_1.png')}" style="width: .86rem" /></div>
  93. <div class="nie_p_box">
  94. <p>出错了</p>
  95. <p>您访问的页面不存在</p>
  96. <span style="margin-top: .1rem;">可能原因:</span>
  97. <span>1、网络信号弱,有延迟</span>
  98. <span>2、访问的页面不正确</span>
  99. </div>
  100. <div class="nie_but_box">
  101. <a href="/">返回首页</a>
  102. </div>
  103. </div>
  104. <!--出错了-->
  105. </div>
  106. <div class="nie_jgb"></div>
  107. </div>
  108. <!--body_sytle-->
  109. {/block}
  110. {block name="footer"}
  111. <!-- 这里引入底部footer -->
  112. {/block}
  113. {block name="js"}
  114. <!-- 这里引入js -->
  115. {/block}