123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
- <title>文章标题</title>
- <style>
- * {
- margin: 0;
- padding: 0;
- }
- a {
- text-decoration: none;
- }
- html,
- body {
- height: 100%;
- }
- .content {
- max-width: 677px;
- padding-top: 23px;
- margin-left: auto;
- margin-right: auto;
- }
- .article-title {
- font-size: 22px;
- padding: 0 23px;
- line-height: 1.4;
- margin-bottom: 14px;
- box-sizing: border-box;
- }
- .article-mate {
- font-size: 16px;
- padding: 0 23px;
- line-height: 20px;
- margin-bottom: 22px;
- word-wrap: break-word;
- word-break: break-all;
- box-sizing: border-box;
- }
- </style>
- </head>
- <body>
- <div class="content">
- <div class="article">
- <h2 class="article-title">{{$data->author}}</h2>
- <div class="article-mate">
- <a href="javascript:void(0);" style="margin-right: 8px;">常来微聊V</a>
- <span style="color: rgba(0,0,0,0.3);">{{$data->created_at}}</span>
- </div>
- <div class="article-body">
- {!! $data->contents !!}
- {{-- {{$data->contents}}--}}
- </div>
- </div>
- </div>
- <script>
- // Array.from(document.getElementsByTagName('img')).forEach(e => e.src = e.getAttribute('data-src'))
- </script>
- </body>
- </html>
|