news_detail.blade.php 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170
  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. .supportResLeft img{
  90. width: 100%;
  91. }
  92. </style>
  93. </head>
  94. <body>
  95. <div class="header">
  96. @include('compress.common.header')
  97. </div>
  98. <div class="supportResBox w clearfix">
  99. <div class="supportResLeft fl" style="width:870px;background: #fff;padding:40px 30px;box-sizing: border-box;">
  100. <h1>{{ $info->title }}</h1>
  101. <p class="supportResLeftTime">修改日期:<span>{{ date('Y-m-d H:i',$info->created_at) }}</span></p>
  102. <p>
  103. {!! $info->content !!}
  104. </p>
  105. <br/>
  106. <p>
  107. 如果想要深入了解我们的产品,请到<a href="https://www.qasimblog.com" target="_blank"> 助友办公软件官网 </a>中了解更多产品信息!
  108. </p>
  109. <p><br></p>
  110. <p><br></p>
  111. <div class="detail_link_kefu" style="display: flex;justify-content: center;align-items: center;">
  112. <div style="margin-right: 20px">
  113. <p>没有找到您需要的答案?</p>
  114. <p>不着急,我们有专业的在线客服为您解答!</p>
  115. </div>
  116. <div>
  117. <img src="/static/qrcode.png" class="footer-img" style="width: 170px;"/>
  118. <p style="font-weight: bold;font-size: 20px;">请扫描客服二维码</p>
  119. </div>
  120. </div>
  121. </div>
  122. <div class="supportResRight fr">
  123. {{-- <p>快捷入口</p>--}}
  124. {{-- <ul class="clearfix">--}}
  125. {{-- <li>--}}
  126. {{-- <a href="/tag/charupdfwendang">插入PDF文档</a>--}}
  127. {{-- </li>--}}
  128. {{-- <li>--}}
  129. {{-- <a href="/tag/pdfwendangyemianshanchu">PDF文档页面删除</a>--}}
  130. {{-- </li>--}}
  131. {{-- </ul>--}}
  132. {{-- <div class="supportResRight-line"></div>--}}
  133. <p class="hotTitle">热门点击</p>
  134. <ul class="hotClick clearfix">
  135. @foreach($hotList as $item)
  136. <li><a href="/detail/{{$item->mid}}">{{$item->title}}</a></li>
  137. @endforeach
  138. </ul>
  139. <div class="supportResRight-line"></div>
  140. <p class="hotTitle">最新更新</p>
  141. <ul class="hotClick">
  142. @foreach($recentList as $item)
  143. <li><a href="/detail/{{$item->mid}}">{{$item->title}}</a></li>
  144. @endforeach
  145. </ul>
  146. </div>
  147. </div>
  148. @include('compress.common.footer')
  149. </body>
  150. </html>