Home Explore Help
Register Sign In
Project2024
/
cms-system
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: master
Branches Tags
cms-system
/
cms-editor
/
templates
/
default_v5
/
news_list.html

news_list.html 5.7 KB
Permalink History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128 
  1. <!DOCTYPE html>
    2. 

  2. <html data-bs-theme="light" lang="en">
    3. 

  3. 

  4. <head>
    5. 

  5.     <meta charset="utf-8">
    6. 

  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    7. 

  7.     <link rel="stylesheet" href="{dreamer-cms:template /}assets/bootstrap/css/bootstrap.min.css">
    8. 

  8.     <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/Roboto.css">
    9. 

  9.     <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/Roboto%20Slab.css">
    10. 

  10.     <!-- <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/bs-theme-overrides.css">
    11. 

  11.     <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/Hero-Carousel-images.css">
    12. 

  12.     <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/Navbar-Right-Links-icons.css">
    13. 

  13.     <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/smjy-header.css">
    14. 

  14.     <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/sticky-dark-top-nav-with-dropdown.css"> -->
    15. 

  15.     <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/styles.css">
    16. 

  16.     <link rel="stylesheet" type="text/css" href="{dreamer-cms:template /}assets/css/animate.min.css">
    17. 

  17.     <style>
    18. 

  18.         /* .card{
    19. 

  19.             --bs-card-color: rgb(137, 137, 137);
    20. 

  20.         } */
    21. 

  21.         .card-title{
    22. 

  22.             --bs-card-title-color: rgb(137, 137, 137);
    23. 

  23.             font-weight: bold;
    24. 

  24.         }
    25. 

  25.         @media (min-width:768px) {
    26. 

  26.             .new-img-box{
    27. 

  27.                 width: 60%!important;
    28. 

  28.                 flex-shrink: 0;
    29. 

  29.                 height: 100%;
    30. 

  30.                 position: relative;
    31. 

  31.             }
    32. 

  32.             .new-img-box .news-img{
    33. 

  33.                 width: 100%;
    34. 

  34.                 height: auto;
    35. 

  35.                 position: absolute;
    36. 

  36.                 top: 50%;
    37. 

  37.                 left: 50%;
    38. 

  38.                 transform: translate(-50%, -50%);
    39. 

  39.             }
    40. 

  40.             .card{
    41. 

  41.                 height: 350px!important;
    42. 

  42.                 --bs-card-bg: rgb(247,247,247)!important;
    43. 

  43.             }
    44. 

  44.         }
    45. 

  45.         @media (max-width:769px) {
    46. 

  46.             .new-img-box{
    47. 

  47.                 height: 300px;
    48. 

  48.                 width: 100%!important;
    49. 

  49.                 position: relative;
    50. 

  50.             }
    51. 

  51.             .new-img-box .news-img{
    52. 

  52.                 width: auto;
    53. 

  53.                 height: 100%;
    54. 

  54.                 position: absolute;
    55. 

  55.                 top: 50%;
    56. 

  56.                 left: 50%;
    57. 

  57.                 transform: translate(-50%, -50%);
    58. 

  58.             }
    59. 

  59.             .content-text{
    60. 

  60.                 display: none!important;
    61. 

  61.             }
    62. 

  62.             h4{
    63. 

  63.                 font-size: calc(1rem + .3vw)!important;
    64. 

  64.             }
    65. 

  65.         }
    66. 

  66.     </style>
    67. 

  67. </head>
    68. 

  68. 

  69. <body>
    70. 

  70.     {dreamer-cms:include file='loading.html'/}
    71. 

  71.     {dreamer-cms:include file='header.html'/}
    72. 

  72.     <main>
    73. 

  73.         <section>
    74. 

  74.             <div class="">
    75. 

  75.                 <div class="pt-2 pt-md-3 pt-xl-4">
    76. 

  76.                     {dreamer-cms:type typeid="927c5jck"}
    77. 

  77.                     <img class="auto-img"
    78. 

  78.                     alt="[field:typenamecn/]"
    79. 

  79.                     src="{dreamer-cms:template /}assets/img/none.png"
    80. 

  80.                     data-aos="zoom-in-right" data-aos-duration="800" data-aos-once="true"
    81. 

  81.                     data-src="[field:typeimg/]" />
    82. 

  82.                     {/dreamer-cms:type}
    83. 

  83.                 </div>
    84. 

  84.             </div>
    85. 

  85.         </section>
    86. 

  86.         <div class="px-2 py-4 py-xl-5">
    87. 

  87.             <div class="row gx-0 gy-4 row-cols-1 new-row">
    88. 

  88.                 {dreamer-cms:list typeid="927c5jck" pagenum="0" flag="p"}
    89. 

  89.                 <div class="col">
    90. 

  90.                     <div class="card flex-column flex-md-row flex-lg-row flex-xl-row" 
    91. 

  91.                     style="border: none;--bs-card-color:rgb(137,137,137);--bs-border-radius:0">
    92. 

  92.                         <div class="new-img-box" style="overflow: hidden;">
    93. 

  93.                             <img class="card-img-top d-block fit-cover news-img" 
    94. 

  94.                             src="{dreamer-cms:template /}assets/img/none.png"
    95. 

  95.                             alt="[field:title/]"
    96. 

  96.                             data-aos="zoom-in" data-aos-duration="800" data-aos-once="true"
    97. 

  97.                             data-src="[field:litpic/]"
    98. 

  98.                             loading="lazy"/>
    99. 

  99.                         </div>
    100. 

  100.                         <div class="card-body p-2 p-md-4" style="display: flex;flex-direction: column;justify-content: space-between;">
    101. 

  101.                             <div>
    102. 

  102.                                 <h4 class="card-title">[field:title/]</h4>
    103. 

  103.                                 <p class="card-text" style="margin-bottom: 5px;font-size: 13px;">[field:updatetime function="format('yyyy-MM-dd')"/]</p>
    104. 

  104.                                 <p class="card-text mb-0 link-default content-text" style="overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;word-wrap: break-word;display: -webkit-box;-webkit-box-orient: vertical;line-height: 20px;">
    105. 

  105.                                     [field:remark/]
    106. 

  106.                                 </p>
    107. 

  107.                             </div>
    108. 

  108.                             <div>
    109. 

  109.                                 <a class="card-link mb-0 link-default" href="[field:arcurl/]" style="font-size: 13px;">阅读更多&gt;</a>
    110. 

  110.                             </div>
    111. 

  111.                         </div>
    112. 

  112.                     </div>
    113. 

  113.                 </div>
    114. 

  114.                 {/dreamer-cms:list}
    115. 

  115.             </div>
    116. 

  116.         </div>
    117. 

  117.     </main>
    118. 

  118.     {dreamer-cms:include file='footer.html'/}
    119. 

  119.     <script src="{dreamer-cms:template /}assets/js/jquery.min.js"></script>
    120. 

  120.     <script type="text/javascript" src="{dreamer-cms:template /}assets/js/wow.min.js"></script>
    121. 

  121.     <script src="{dreamer-cms:template /}assets/js/main.js"></script>
    122. 

  122.     <script src="{dreamer-cms:template /}assets/bootstrap/js/bootstrap.min.js"></script>
    123. 

  123.     <script src="{dreamer-cms:template /}assets/js/aos.min.js"></script>
    124. 

  124.     <script src="{dreamer-cms:template /}assets/js/bs-init.js"></script>
    125. 

  125.     <script src="{dreamer-cms:template /}assets/js/image.js"></script>
    126. 

  126. </body>
    127. 

  127. 

  128. </html>
    129.