news_content.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171
  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(max-width:750px) {
  18. .new-content-body {
  19. background-size: contain;
  20. width: 90%;
  21. height: auto;
  22. margin: 0 auto;
  23. display: block;
  24. }
  25. .new-content-body span {
  26. text-wrap: wrap;
  27. }
  28. }
  29. #content {
  30. width: 90%;
  31. height: 100%;
  32. padding: 0;
  33. margin: 10px auto;
  34. }
  35. .dreamer-prevnext li {
  36. list-style: none;
  37. }
  38. .dreamer-prevnext a {
  39. text-decoration: none;
  40. color: inherit;
  41. }
  42. </style>
  43. </head>
  44. <body>
  45. {dreamer-cms:include file='header.html'/}
  46. <main>
  47. <section>
  48. <div class="container">
  49. <div><img style="width: 100%;object-fit: cover;" src="{dreamer-cms:article field='litpic' /}"></div>
  50. </div>
  51. </section>
  52. {dreamer-cms:include file='back.html'/}
  53. <section>
  54. <div class="container py-4 py-xl-5">
  55. <div class="row mb-lg-5 mb-2">
  56. <div class="col-md-8 col-xl-6 text-center mx-auto">
  57. <h2>{dreamer-cms:article field="title" /}</h2>
  58. <p class="w-lg-50 d-flex flex-column flex-sm-row justify-content-around">
  59. <span style="color: rgb(137, 137, 137);">
  60. {dreamer-cms:article field="updatetime" /}
  61. </span>
  62. <span style="color: rgb(137, 137, 137);">
  63. 作者:{dreamer-cms:article field="realname" /}
  64. </span>
  65. </p>
  66. </div>
  67. </div>
  68. <div class="row gy-4 row-cols-1 row-cols-lg-1 row-cols-xl-1 justify-content-center">
  69. <div class="col-xxl-8 col-sm-12 col-lg-8 col-xl-8 " id="content">
  70. {dreamer-cms:article field="content" /}
  71. </div>
  72. </div>
  73. <div class="row justify-content-center mt-lg-5 mt-2">
  74. <div class="col-xxl-8 text-start col-12 col-lg-8 col-xl-8">
  75. <div class="row gx-0" style="height: 70px;">
  76. <div class="col" style="height: 100%;">
  77. <button class="btn share-weibo-btn" data-bs-toggle="tooltip" data-bss-tooltip=""
  78. type="button"
  79. style="background: #ffffff;width: 100%;height: 100%;border-style: solid;border-color: var(--bs-secondary-border-subtle);"
  80. title="分享到微博">
  81. <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor"
  82. viewBox="0 0 16 16" class="bi bi-sina-weibo">
  83. <path
  84. d="M10.878 1.093a4.23 4.23 0 0 1 4.031 1.305 4.225 4.225 0 0 1 .886 4.14v.001a.612.612 0 0 1-1.166-.377 3.01 3.01 0 0 0-3.495-3.873.611.611 0 1 1-.256-1.196ZM3.753 9.465c.548-1.11 1.972-1.74 3.233-1.411 1.304.338 1.971 1.568 1.437 2.764-.541 1.221-2.095 1.875-3.416 1.449-1.271-.411-1.812-1.67-1.254-2.802Zm2.658.567c.16.066.365-.009.458-.168.088-.16.03-.34-.129-.397-.156-.062-.353.013-.446.168-.09.154-.041.333.117.397Zm-1.607 1.314c.413.188.963.009 1.219-.4.252-.413.12-.883-.296-1.062-.41-.172-.94.005-1.194.402-.256.4-.135.874.271 1.06">
  85. </path>
  86. <path
  87. d="m12.014 7.238.005.001c.919.285 1.941.974 1.939 2.188 0 2.007-2.895 4.535-7.246 4.535C3.393 13.962 0 12.352 0 9.708c0-1.385.876-2.985 2.384-4.493C4.4 3.199 6.751 2.28 7.634 3.165c.39.392.427 1.065.177 1.87-.132.405.38.182.38.182 1.63-.682 3.051-.722 3.57.02.278.397.252.951-.004 1.594-.116.293.035.34.257.407Zm-10.4 3.101c.172 1.738 2.46 2.936 5.109 2.674 2.647-.26 4.656-1.883 4.482-3.623-.17-1.738-2.458-2.937-5.107-2.674-2.647.263-4.656 1.883-4.484 3.623Zm11.681-6.484a2.056 2.056 0 0 0-1.962-.634.526.526 0 1 0 .219 1.031 1.008 1.008 0 0 1 1.17 1.296.528.528 0 0 0 1.005.325 2.062 2.062 0 0 0-.432-2.018Z">
  88. </path>
  89. </svg>
  90. </button>
  91. </div>
  92. <div class="col">
  93. <button class="btn share-wechat-btn" data-bs-toggle="tooltip" data-bss-tooltip=""
  94. type="button"
  95. style="background: #ffffff;width: 100%;height: 100%;border-style: solid;border-color: var(--bs-secondary-border-subtle);"
  96. title="分享到微信">
  97. <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor"
  98. viewBox="0 0 16 16" class="bi bi-wechat">
  99. <path
  100. d="M11.176 14.429c-2.665 0-4.826-1.8-4.826-4.018 0-2.22 2.159-4.02 4.824-4.02S16 8.191 16 10.411c0 1.21-.65 2.301-1.666 3.036a.324.324 0 0 0-.12.366l.218.81a.616.616 0 0 1 .029.117.166.166 0 0 1-.162.162.177.177 0 0 1-.092-.03l-1.057-.61a.519.519 0 0 0-.256-.074.509.509 0 0 0-.142.021 5.668 5.668 0 0 1-1.576.22ZM9.064 9.542a.647.647 0 1 0 .557-1 .645.645 0 0 0-.646.647.615.615 0 0 0 .09.353Zm3.232.001a.646.646 0 1 0 .546-1 .645.645 0 0 0-.644.644.627.627 0 0 0 .098.356">
  101. </path>
  102. <path
  103. d="M0 6.826c0 1.455.781 2.765 2.001 3.656a.385.385 0 0 1 .143.439l-.161.6-.1.373a.499.499 0 0 0-.032.14.192.192 0 0 0 .193.193c.039 0 .077-.01.111-.029l1.268-.733a.622.622 0 0 1 .308-.088c.058 0 .116.009.171.025a6.83 6.83 0 0 0 1.625.26 4.45 4.45 0 0 1-.177-1.251c0-2.936 2.785-5.02 5.824-5.02.05 0 .1 0 .15.002C10.587 3.429 8.392 2 5.796 2 2.596 2 0 4.16 0 6.826m4.632-1.555a.77.77 0 1 1-1.54 0 .77.77 0 0 1 1.54 0m3.875 0a.77.77 0 1 1-1.54 0 .77.77 0 0 1 1.54 0">
  104. </path>
  105. </svg>
  106. </button>
  107. </div>
  108. <div class="col">
  109. <button class="btn share-qq-btn" data-bs-toggle="tooltip" data-bss-tooltip=""
  110. type="button"
  111. style="background: #ffffff;width: 100%;height: 100%;border-style: solid;border-color: var(--bs-secondary-border-subtle);"
  112. title="分享到QQ">
  113. <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor"
  114. viewBox="0 0 16 16" class="bi bi-tencent-qq">
  115. <path
  116. d="M6.048 3.323c.022.277-.13.523-.338.55-.21.026-.397-.176-.419-.453-.022-.277.13-.523.338-.55.21-.026.397.176.42.453Zm2.265-.24c-.603-.146-.894.256-.936.333-.027.048-.008.117.037.15.045.035.092.025.119-.003.361-.39.751-.172.829-.129l.011.007c.053.024.147.028.193-.098.023-.063.017-.11-.006-.142-.016-.023-.089-.08-.247-.118Z">
  117. </path>
  118. <path
  119. d="M11.727 6.719c0-.022.01-.375.01-.557 0-3.07-1.45-6.156-5.015-6.156-3.564 0-5.014 3.086-5.014 6.156 0 .182.01.535.01.557l-.72 1.795a25.85 25.85 0 0 0-.534 1.508c-.68 2.187-.46 3.093-.292 3.113.36.044 1.401-1.647 1.401-1.647 0 .979.504 2.256 1.594 3.179-.408.126-.907.319-1.228.556-.29.213-.253.43-.201.518.228.386 3.92.246 4.985.126 1.065.12 4.756.26 4.984-.126.052-.088.088-.305-.2-.518-.322-.237-.822-.43-1.23-.557 1.09-.922 1.594-2.2 1.594-3.178 0 0 1.041 1.69 1.401 1.647.168-.02.388-.926-.292-3.113a25.78 25.78 0 0 0-.534-1.508l-.72-1.795ZM9.773 5.53a.095.095 0 0 1-.009.096c-.109.159-1.554.943-3.033.943h-.017c-1.48 0-2.925-.784-3.034-.943a.098.098 0 0 1-.018-.055c0-.015.004-.028.01-.04.13-.287 1.43-.606 3.042-.606h.017c1.611 0 2.912.319 3.042.605Zm-4.32-.989c-.483.022-.896-.529-.922-1.229-.026-.7.344-1.286.828-1.308.483-.022.896.529.922 1.23.027.7-.344 1.286-.827 1.307Zm2.538 0c-.484-.022-.854-.607-.828-1.308.027-.7.44-1.25.923-1.23.483.023.853.608.827 1.309-.026.7-.439 1.251-.922 1.23ZM2.928 8.99c.213.042.426.081.639.117v2.336s1.104.222 2.21.068V9.363c.326.018.64.026.937.023h.017c1.117.013 2.474-.136 3.786-.396.097.622.151 1.386.097 2.284-.146 2.45-1.6 3.99-3.846 4.012h-.091c-2.245-.023-3.7-1.562-3.846-4.011-.054-.9 0-1.663.097-2.285Z">
  120. </path>
  121. </svg>
  122. </button>
  123. </div>
  124. </div>
  125. </div>
  126. </div>
  127. <div class="row mt-lg-5 mt-2">
  128. {dreamer-cms:prevnext layout="prev,next" /}
  129. <!-- <div class="col text-start">
  130. <a class="link-default" href="#">
  131. <span style="color: rgb(33, 37, 41);">
  132. &lt; 上一篇
  133. </span>
  134. </a>
  135. </div>
  136. <div class="col text-end">
  137. <a class="link-default" href="#"><span style="color: rgb(33, 37, 41);">
  138. 下一篇
  139. &gt;</span>
  140. </a>
  141. </div> -->
  142. </div>
  143. </div>
  144. </section>
  145. </main>
  146. {dreamer-cms:include file='footer.html'/}
  147. <script src="{dreamer-cms:template /}assets/js/jquery.min.js"></script>
  148. <script src="{dreamer-cms:template /}assets/bootstrap/js/bootstrap.min.js"></script>
  149. <script src="{dreamer-cms:template /}assets/js/bs-init.js"></script>
  150. <script>
  151. // var a = $("#conetent > p")
  152. $(function () {
  153. var pArr = document.querySelectorAll("#content p")
  154. pArr.forEach(element => {
  155. element.style.width = "100%"
  156. });
  157. var imgArr = document.querySelectorAll("#content img")
  158. imgArr.forEach(i => {
  159. i.style.width = "100%"
  160. i.style.height = "auto"
  161. });
  162. })
  163. </script>
  164. </body>
  165. </html>