view.html 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. {extend name="common/base"/}
  2. {block name="style"}
  3. <link rel="stylesheet" href="{__GOUGU__}/third_party/prism/prism.css"/>
  4. <style>
  5. .footer{
  6. display: none;
  7. }
  8. .text-detial-ops{line-height: 30px; color:#999; font-size: 12px; padding: 12px 0;}
  9. .text-detial-ops span{margin-right: 20px;}
  10. .text-detial-ops a{margin-right:10px;}
  11. .text-detial-content{padding: 8px 0; color:#333; word-break: break-all; border-top:1px solid #e8e8e8;font-size: 16px!important; line-height: 1.72!important;}
  12. .text-detial-content p{padding: 8px 0;}
  13. .text-detial-content img{max-width:98%!important; margin:0 auto; display:block; border: 1px solid #e6e6e6; -webkit-box-shadow: 0 2px 6px rgba(26,26,26,.08); box-shadow: 0 2px 6px rgba(26,26,26,.08); border-radius: 4px;}
  14. .text-detial-content h1,.text-detial-content h2,.text-detial-content h3,.text-detial-content h4,.text-detial-content h5{margin-top:10px;}
  15. .text-detial-content a{color:#186AF2; font-style:italic;}
  16. .text-detial-content a:hover{text-decoration:underline;}
  17. .text-detial-content p code,.blog-detial-content pre{margin:0 3px;font-size: 14px; font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; background: #f6f6f6; padding: 10px; border-radius: 2px;}
  18. .text-detial-content p code{border: 1px solid #eee;padding: 2px 4px;}
  19. .text-detial-content table {border-collapse: collapse; border-spacing: 0; display: block; width: 100%; overflow: auto; word-break: normal;word-break: keep-all; margin-top: 0;margin-bottom: 16px;}
  20. .text-detial-content table tr {background-color: #fff;border-top: 1px solid #ccc;}
  21. .text-detial-content table tr:nth-child(2n) {background-color: #f8f8f8;}
  22. .text-detial-content table td, .blog-detial-content table th { padding: 6px 12px;border: 1px solid #ddd; font-size:14px; }
  23. .text-detial-content table th {font-weight: 800;}
  24. .text-detial-content li {list-style: initial;margin-left: 20px;}
  25. :not(pre)>code[class*=language-], pre[class*=language-]{background:#fff!important;border:1px solid #e8e8e8!important; border-radius:3px;}
  26. </style>
  27. {/block}
  28. <!-- 主体 -->
  29. {block name="body"}
  30. <form class="layui-form p-4">
  31. <div class="text-detial-ops">
  32. <span>{$detail.maker_name}发表于:{$detail.create_time | date='Y-m-d H:i:s'}</span>
  33. </div>
  34. <div class="text-detial-content">
  35. {$detail.content|raw}
  36. </div>
  37. </form>
  38. {/block}
  39. <!-- 脚本 -->
  40. {block name="script"}
  41. <script src="{__GOUGU__}/third_party/prism/prism.js"></script>
  42. {/block}
  43. <!-- /脚本 -->