123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170 |
- <!DOCTYPE html>
- <html>
- <head>
- @include('compress.common.head')
- <style>
- .supportResBox {
- width: 1200px;
- margin: 0 auto;
- }
- .w {
- width: 1200px;
- margin: 0 auto;
- }
- .supportResLeft h1 {
- text-align: center;
- font-size: 30px;
- }
- h1 {
- font-size: 16px;
- line-height: 36px;
- }
- .supportResLeft p {
- word-wrap: break-word;
- }
- .supportResLeftTime {
- width: 100%;
- text-align: center !important;
- margin-top: 40px;
- margin-bottom: 40px;
- font-size: 16px;
- }
- .supportResLeft p {
- word-wrap: break-word;
- }
- .supportResRight {
- width: 320px;
- background: #fff;
- padding: 20px 18px;
- box-sizing: border-box;
- }
- .fr {
- float: right;
- }
- .supportResRight p {
- font-size: 16px;
- font-weight: bold;
- margin-bottom: 15px;
- }
- .supportResRight ul {
- width: 100%;
- }
- .clearfix {
- zoom: 1;
- }
- .supportResRight-line {
- width: 325px;
- height: 10px;
- background: #f7f7f7;
- margin-top: 16px;
- margin-bottom: 20px;
- margin-left: -20px;
- }
- .supportResRight p {
- font-size: 16px;
- font-weight: bold;
- margin-bottom: 15px;
- }
- .supportResRight ul {
- width: 100%;
- }
- .supportResRight-line {
- width: 325px;
- height: 10px;
- background: #f7f7f7;
- margin-top: 16px;
- margin-bottom: 20px;
- margin-left: -20px;
- }
- .supportResRight ul li {
- float: left;
- margin-right: 10px;
- margin-bottom: 10px;
- font-size: 14px;
- color: #666;
- }
- .hotClick li {
- width: 100%;
- }
- .supportResLeft img{
- width: 100%;
- }
- </style>
- </head>
- <body>
- <div class="header">
- @include('compress.common.header')
- </div>
- <div class="supportResBox w clearfix">
- <div class="supportResLeft fl" style="width:870px;background: #fff;padding:40px 30px;box-sizing: border-box;">
- <h1>{{ $info->title }}</h1>
- <p class="supportResLeftTime">修改日期:<span>{{ date('Y-m-d H:i',$info->created_at) }}</span></p>
- <p>
- {!! $info->content !!}
- </p>
- <br/>
- <p>
- 如果想要深入了解我们的产品,请到<a href="https://www.qasimblog.com" target="_blank"> 助友办公软件官网 </a>中了解更多产品信息!
- </p>
- <p><br></p>
- <p><br></p>
- <div class="detail_link_kefu" style="display: flex;justify-content: center;align-items: center;">
- <div style="margin-right: 20px">
- <p>没有找到您需要的答案?</p>
- <p>不着急,我们有专业的在线客服为您解答!</p>
- </div>
- <div>
- <img src="/static/qrcode.png" class="footer-img" style="width: 170px;"/>
- <p style="font-weight: bold;font-size: 20px;">请扫描客服二维码</p>
- </div>
- </div>
- </div>
- <div class="supportResRight fr">
- {{-- <p>快捷入口</p>--}}
- {{-- <ul class="clearfix">--}}
- {{-- <li>--}}
- {{-- <a href="/tag/charupdfwendang">插入PDF文档</a>--}}
- {{-- </li>--}}
- {{-- <li>--}}
- {{-- <a href="/tag/pdfwendangyemianshanchu">PDF文档页面删除</a>--}}
- {{-- </li>--}}
- {{-- </ul>--}}
- {{-- <div class="supportResRight-line"></div>--}}
- <p class="hotTitle">热门点击</p>
- <ul class="hotClick clearfix">
- @foreach($hotList as $item)
- <li><a href="/detail/{{$item->mid}}">{{$item->title}}</a></li>
- @endforeach
- </ul>
- <div class="supportResRight-line"></div>
- <p class="hotTitle">最新更新</p>
- <ul class="hotClick">
- @foreach($recentList as $item)
- <li><a href="/detail/{{$item->mid}}">{{$item->title}}</a></li>
- @endforeach
- </ul>
- </div>
- </div>
- @include('compress.common.footer')
- </body>
- </html>
|