news_list.html 3.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. <!DOCTYPE html>
  2. <html data-bs-theme="light" lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
  6. <title>test1</title>
  7. <link rel="stylesheet" href="{dreamer-cms:template /}assets/bootstrap/css/bootstrap.min.css">
  8. <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/Roboto.css">
  9. <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/Roboto%20Slab.css">
  10. <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/bs-theme-overrides.css">
  11. <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/Hero-Carousel-images.css">
  12. <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/Navbar-Right-Links-icons.css">
  13. <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/smjy-header.css">
  14. <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/sticky-dark-top-nav-with-dropdown.css">
  15. <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/styles.css">
  16. <style>
  17. @media (min-width:768px) {
  18. .new-img{
  19. max-width: 50%!important;
  20. }
  21. }
  22. @media (max-width:769px) {
  23. .new-img{
  24. width: 100%!important;
  25. }
  26. }
  27. </style>
  28. </head>
  29. <body>
  30. {dreamer-cms:include file='header.html'/}
  31. <main>
  32. <section>
  33. <div class="container">
  34. <div class="pt-2 pt-md-3 pt-xl-4">
  35. {dreamer-cms:type typeid="927c5jck"}
  36. <img class="auto-img" src="[field:typeimg/]" />
  37. {/dreamer-cms:type}
  38. </div>
  39. </div>
  40. </section>
  41. <div class="container py-4 py-xl-5">
  42. <div class="row gx-0 gy-4 row-cols-1 new-row">
  43. {dreamer-cms:list typeid="A54547W2" pagenum="0" pagesize="8" flag="p"}
  44. <div class="col">
  45. <div class="card flex-column flex-md-row flex-lg-row flex-xl-row">
  46. <img class="card-img-top d-block fit-cover new-img"
  47. style="height: 200px;" src="[field:litpic/]">
  48. <div class="card-body p-4" style="display: flex;flex-direction: column;justify-content: space-between;">
  49. <div>
  50. <h4 class="card-title">[field:title/]</h4>
  51. <p class="card-text" style="margin-bottom: 5px;">[field:updatetime/]</p>
  52. <p class="card-text mb-0 link-default" style="overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;word-wrap: break-word;display: -webkit-box;-webkit-box-orient: vertical;line-height: 20px;">
  53. [field:remark/]
  54. </p>
  55. </div>
  56. <div>
  57. <a class="card-link mb-0 link-default" href="[field:arcurl/]">阅读更多&gt;</a>
  58. </div>
  59. </div>
  60. </div>
  61. </div>
  62. {/dreamer-cms:list}
  63. </div>
  64. </div>
  65. </main>
  66. {dreamer-cms:include file='footer.html'/}
  67. <script src="{dreamer-cms:template /}assets/js/jquery.min.js"></script>
  68. <script src="{dreamer-cms:template /}assets/bootstrap/js/bootstrap.min.js"></script>
  69. <script src="{dreamer-cms:template /}assets/js/bs-init.js"></script>
  70. </body>
  71. </html>