index.blade.php 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <title>文章标题</title>
  8. <style>
  9. * {
  10. margin: 0;
  11. padding: 0;
  12. }
  13. a {
  14. text-decoration: none;
  15. }
  16. html,
  17. body {
  18. height: 100%;
  19. }
  20. .content {
  21. max-width: 677px;
  22. padding-top: 23px;
  23. margin-left: auto;
  24. margin-right: auto;
  25. }
  26. .article-title {
  27. font-size: 22px;
  28. padding: 0 23px;
  29. line-height: 1.4;
  30. margin-bottom: 14px;
  31. box-sizing: border-box;
  32. }
  33. .article-mate {
  34. font-size: 16px;
  35. padding: 0 23px;
  36. line-height: 20px;
  37. margin-bottom: 22px;
  38. word-wrap: break-word;
  39. word-break: break-all;
  40. box-sizing: border-box;
  41. }
  42. </style>
  43. </head>
  44. <body>
  45. <div class="content">
  46. <div class="article">
  47. <h2 class="article-title">{{$data->author}}</h2>
  48. <div class="article-mate">
  49. <a href="javascript:void(0);" style="margin-right: 8px;">常来微聊V</a>
  50. <span style="color: rgba(0,0,0,0.3);">{{$data->created_at}}</span>
  51. </div>
  52. <div class="article-body">
  53. {!! $data->contents !!}
  54. {{-- {{$data->contents}}--}}
  55. </div>
  56. </div>
  57. </div>
  58. <script>
  59. // Array.from(document.getElementsByTagName('img')).forEach(e => e.src = e.getAttribute('data-src'))
  60. </script>
  61. </body>
  62. </html>