customPushtransfer.blade.php 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. <!--
  2. ?php
  3. **
  4. * Created by PhpStorm.
  5. * User: z-yang
  6. * Date: 2019/9/4
  7. * Time: 10:17
  8. *
  9. -->
  10. <!--
  11. * @Author: ZhengXiaowei
  12. * @Date: 2019-08-15 16:39:23
  13. * @LastEditors: ZhengXiaowei
  14. * @LastEditTime: 2019-09-03 15:30:12
  15. * @Description: 静态章节页
  16. -->
  17. <!DOCTYPE html>
  18. <html lang="en">
  19. <head>
  20. <meta charset="UTF-8" />
  21. <meta
  22. name="viewport"
  23. content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
  24. />
  25. <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  26. <link rel=icon type=image/png href="data:image/png;base64,iVBORw0KGgo=">
  27. <style>
  28. html,
  29. body,
  30. p {
  31. margin: 0;
  32. padding: 0;
  33. user-select: none;
  34. }
  35. html {
  36. background: #e6e6e6;
  37. }
  38. .chapter-content {
  39. padding: 10px 20px;
  40. }
  41. .chapter-content .chapter-text {
  42. color: #1a1a1a;
  43. line-height: 1.8;
  44. text-indent: 2em;
  45. margin-bottom: 10px;
  46. font-size: 20px;
  47. }
  48. .next-chapter__btn {
  49. display: block;
  50. text-decoration: none;
  51. font-size: 14px;
  52. color: #1a1a1a;
  53. width: 80%;
  54. margin: 0 auto;
  55. border: 1px solid #666;
  56. text-align: center;
  57. background: #e6e6e6;
  58. border-radius: 4px;
  59. line-height: 40px;
  60. margin-bottom: 20px;
  61. -webkit-tap-highlight-color: transparent;
  62. }
  63. .next-chapter__btn a{
  64. text-decoration: none;
  65. color: #1a1a1a;
  66. }
  67. </style>
  68. <title>{{$name}}</title>
  69. </head>
  70. <body>
  71. <main>
  72. <div class="chapter-content">
  73. @foreach($chapter_list as $item)
  74. <p class="chapter-text">
  75. {{$item}}
  76. </p>
  77. @endforeach
  78. </div>
  79. <a class="next-chapter__btn" href="{{$next_url}}">下一章</a>
  80. </main>
  81. </body>
  82. </html>