customPushtransfer.blade.php 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  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. }
  47. .next-chapter__btn {
  48. display: block;
  49. text-decoration: none;
  50. font-size: 14px;
  51. color: #1a1a1a;
  52. width: 80%;
  53. margin: 0 auto;
  54. border: 1px solid #666;
  55. text-align: center;
  56. background: #e6e6e6;
  57. border-radius: 4px;
  58. line-height: 40px;
  59. margin-bottom: 20px;
  60. -webkit-tap-highlight-color: transparent;
  61. }
  62. .next-chapter__btn a{
  63. text-decoration: none;
  64. color: #1a1a1a;
  65. }
  66. </style>
  67. <title>{{$name}}</title>
  68. </head>
  69. <body>
  70. <main>
  71. <div class="chapter-content">
  72. @foreach($chapter_list as $item)
  73. <p class="chapter-text">
  74. {{$item}}
  75. </p>
  76. @endforeach
  77. </div>
  78. <a class="next-chapter__btn" href="{{$next_url}}">下一章</a>
  79. </main>
  80. </body>
  81. </html>