文章搜索功能 - 图2

    搜索结果页命名:artsearch.html

    1. <main class="main-content pt-7 bg-gray">
    2. <div class="section">
    3. <div class="container">
    4. <div class="row">
    5. <div class="col-md-8 col-xl-9">
    6. <p class="col-12 col-xl-12 mb-0 p-0 ml-2"><small>以下是根据您搜索的关键字 <span class="text-danger">#(keyword ??)</span> ,匹配出的内容:</small></p>
    7. #for(article : articlePage.list)
    8. <div class="card hover-shadow-7 my-4 overflow-hidden">
    9. <div class="row">
    10. <div class="col-md-3">
    11. <a href="#(article.url)"><img class="position-absolute artlist-img" src="#(article.showImage ?? 'images/nothumbnail.jpg')" alt="..."></a>
    12. </div>
    13. <div class="col-md-9">
    14. <div class="p-4">
    15. <h5><a href="#(article.url)">#(article.title)</a></h5>
    16. <p>#maxLength(article.text,70)</p>
    17. <div class="row mb-1 small-2 text-lighter">
    18. <div class="col-auto">
    19. <span class="align-middle px-1">&bull;</span>
    20. <time datetime="2018-05-15T19:00">#date(article.created)</time>
    21. </div>
    22. <div class="col-auto ml-auto">
    23. <span><i class="fa fa-eye pr-1 opacity-60"></i> #(article.view_count)</span>
    24. <a class="text-inherit ml-5" href="#"><i class="fa fa-comments pr-1 opacity-60"></i> #(article.comment_count)</a>
    25. </div>
    26. </div>
    27. </div>
    28. </div>
    29. </div>
    30. </div>
    31. #end
    32. #articlePaginate(previousText="←",nextText="→")
    33. <nav>
    34. <ul class="pagination justify-content-center">
    35. #for(page : pages)
    36. <li class="page-item #(page.style)">
    37. #end
    38. </ul>
    39. </nav>
    40. #end
    41. </div>
    42. <div class="col-md-4 col-xl-3">
    43. <div class="sidebar px-4 py-md-0">
    44. ......
    45. </div>
    46. </div>
    47. </div>
    48. </div>
    49. </div>
    50. </main>
    51. #end