news_detail.blade.php 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. @include('compress.common.head')
  5. <style>
  6. .supportResBox {
  7. width: 1200px;
  8. margin: 0 auto;
  9. }
  10. .w {
  11. width: 1200px;
  12. margin: 0 auto;
  13. }
  14. .supportResLeft h1 {
  15. text-align: center;
  16. font-size: 30px;
  17. }
  18. h1 {
  19. font-size: 16px;
  20. line-height: 36px;
  21. }
  22. .supportResLeft p {
  23. word-wrap: break-word;
  24. }
  25. .supportResLeftTime {
  26. width: 100%;
  27. text-align: center !important;
  28. margin-top: 40px;
  29. margin-bottom: 40px;
  30. font-size: 16px;
  31. }
  32. .supportResLeft p {
  33. word-wrap: break-word;
  34. }
  35. .supportResRight {
  36. width: 320px;
  37. background: #fff;
  38. padding: 20px 18px;
  39. box-sizing: border-box;
  40. }
  41. .fr {
  42. float: right;
  43. }
  44. .supportResRight p {
  45. font-size: 16px;
  46. font-weight: bold;
  47. margin-bottom: 15px;
  48. }
  49. .supportResRight ul {
  50. width: 100%;
  51. }
  52. .clearfix {
  53. zoom: 1;
  54. }
  55. .supportResRight-line {
  56. width: 325px;
  57. height: 10px;
  58. background: #f7f7f7;
  59. margin-top: 16px;
  60. margin-bottom: 20px;
  61. margin-left: -20px;
  62. }
  63. .supportResRight p {
  64. font-size: 16px;
  65. font-weight: bold;
  66. margin-bottom: 15px;
  67. }
  68. .supportResRight ul {
  69. width: 100%;
  70. }
  71. .supportResRight-line {
  72. width: 325px;
  73. height: 10px;
  74. background: #f7f7f7;
  75. margin-top: 16px;
  76. margin-bottom: 20px;
  77. margin-left: -20px;
  78. }
  79. .supportResRight ul li {
  80. float: left;
  81. margin-right: 10px;
  82. margin-bottom: 10px;
  83. font-size: 14px;
  84. color: #666;
  85. }
  86. .hotClick li {
  87. width: 100%;
  88. }
  89. </style>
  90. </head>
  91. <body>
  92. <div class="header">
  93. @include('compress.common.header')
  94. </div>
  95. <div class="supportResBox w clearfix">
  96. <div class="supportResLeft fl" style="width:870px;background: #fff;padding:40px 30px;box-sizing: border-box;">
  97. <h1>{{ $info->title }}</h1>
  98. <p class="supportResLeftTime">修改日期:<span>{{ date('Y-m-d H:i',$info->created_at) }}</span></p>
  99. <p>
  100. {!! $info->content !!}
  101. </p>
  102. <br/>
  103. <p>
  104. 如果想要深入了解我们的产品,请到<a href="https://www.qasimblog.com" target="_blank"> 助友办公软件官网 </a>中了解更多产品信息!
  105. </p>
  106. <p><br></p>
  107. <p><br></p>
  108. <div class="detail_link_kefu" style="display: flex;justify-content: center;align-items: center;">
  109. <div style="margin-right: 20px">
  110. <p>没有找到您需要的答案?</p>
  111. <p>不着急,我们有专业的在线客服为您解答!</p>
  112. </div>
  113. <div>
  114. <img src="/static/qrcode.png" class="footer-img" style="width: 170px;"/>
  115. <p style="font-weight: bold;font-size: 20px;">请扫描客服二维码</p>
  116. </div>
  117. </div>
  118. </div>
  119. <div class="supportResRight fr">
  120. {{-- <p>快捷入口</p>--}}
  121. {{-- <ul class="clearfix">--}}
  122. {{-- <li>--}}
  123. {{-- <a href="/tag/charupdfwendang">插入PDF文档</a>--}}
  124. {{-- </li>--}}
  125. {{-- <li>--}}
  126. {{-- <a href="/tag/pdfwendangyemianshanchu">PDF文档页面删除</a>--}}
  127. {{-- </li>--}}
  128. {{-- </ul>--}}
  129. {{-- <div class="supportResRight-line"></div>--}}
  130. <p class="hotTitle">热门点击</p>
  131. <ul class="hotClick clearfix">
  132. @foreach($hotList as $item)
  133. <li><a href="/detail/{{$item->mid}}">{{$item->title}}</a></li>
  134. @endforeach
  135. </ul>
  136. <div class="supportResRight-line"></div>
  137. <p class="hotTitle">最新更新</p>
  138. <ul class="hotClick">
  139. @foreach($recentList as $item)
  140. <li><a href="/detail/{{$item->mid}}">{{$item->title}}</a></li>
  141. @endforeach
  142. </ul>
  143. </div>
  144. </div>
  145. @include('compress.common.footer')
  146. </body>
  147. </html>