国内流行的内容管理系统(CMS)多端全媒体解决方案 https://www.dedebiz.com
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

212 lines
9.2KB

  1. <!doctype html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="{dede:global.cfg_soft_lang/}">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6. <link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/static/css/bootstrap.min.css">
  7. <link href="{dede:global.cfg_cmsurl/}/static/font-awesome/css/font-awesome.min.css" rel="stylesheet">
  8. <link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/static/css/dede.css">
  9. <link rel="shortcut icon" href="{dede:global.cfg_cmsurl/}/static/img/favicon.png">
  10. <script src="{dede:global.cfg_cmsurl/}/static/js/jquery.min.js"></script>
  11. <title>{dede:global.cfg_webname/}</title>
  12. <meta name="keywords" content="{dede:global.cfg_keywords/}">
  13. <meta name="description" content="{dede:global.cfg_description/}">
  14. <style>
  15. .hot-news {
  16. overflow-x: hidden;
  17. overflow-y: scroll;
  18. height: 370px;
  19. -webkit-overflow-scrolling: touch;
  20. overflow: -moz-scrollbars-none;
  21. }
  22. .hot-news::-webkit-scrollbar {
  23. display: none;
  24. }
  25. .hot-news li {
  26. overflow: unset!important;
  27. }
  28. .quick img {
  29. width: 100%;
  30. }
  31. .spec .card {
  32. text-align: center;
  33. }
  34. .spec .card img {
  35. max-width: 200px;
  36. margin: 0 auto;
  37. }
  38. .spec .card-body {
  39. padding: .25em;
  40. }
  41. .carousel-item img {
  42. width: 100% !important;
  43. }
  44. </style>
  45. <script>
  46. const currentNavTypeID = '-1';
  47. </script>
  48. </head>
  49. <body>
  50. {dede:include filename="top.htm"/}
  51. {dede:include filename="header.htm"/}
  52. {dede:include filename="navbar.htm"/}
  53. <main class="container mt-3">
  54. <div class="row">
  55. <div class="col-12 col-lg-9">
  56. <div class="row">
  57. <div class="col-12 col-lg-4 toutiao mb-3 mb-md-3">
  58. <div class="card ddcard-normal">
  59. <div class="card-header">
  60. <div class="row">
  61. <div class="col-8 caption"><span>推荐头条</span></div>
  62. </div>
  63. </div>
  64. <ul class="list-group list-group-flush">
  65. {dede:arclist flag='h' titlelen='100' typeid='80' row='7' orderby='pubdate'}
  66. <li><i class="fa fa-bookmark-o" aria-hidden="true"></i> <a title="[field:fulltitle/]"
  67. href="[field:arcurl/]">[field:title/]</a>
  68. </li>
  69. {/dede:arclist}
  70. </ul>
  71. </div>
  72. </div>
  73. <!-- /.toutiao -->
  74. <div class="col-12 col-lg-8 litpics mb-3">
  75. <div id="carouselIndex" class="carousel slide" data-ride="carousel">
  76. <ol class="carousel-indicators">
  77. {dede:arclist channelid=1 flag='f' row=6}
  78. <li data-target="#carouselIndex" data-slide-to="[field:global.autoindex function='trim(IndexSub(@me,1))'/]" class="[field:global.autoindex function='IndexActive(@me)'/]"></li>
  79. {/dede:arclist}
  80. </ol>
  81. <div class="carousel-inner">
  82. {dede:arclist channelid=1 flag='f' row=6}
  83. <div class="carousel-item[field:global.autoindex function='IndexActive(@me)'/]">
  84. <a href="[field:arcurl/]" title="[field:fulltitle/]"><img src="[field:litpic/]" class="mr-3" alt="[field:fulltitle/]"></a>
  85. </div>
  86. {/dede:arclist}
  87. </div>
  88. <a class="carousel-control-prev" href="#carouselIndex" role="button"
  89. data-slide="prev">
  90. <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  91. <span class="sr-only">上一个</span>
  92. </a>
  93. <a class="carousel-control-next" href="#carouselIndex" role="button"
  94. data-slide="next">
  95. <span class="carousel-control-next-icon" aria-hidden="true"></span>
  96. <span class="sr-only">下一个</span>
  97. </a>
  98. </div>
  99. </div>
  100. <!-- /.litpics -->
  101. </div>
  102. </div>
  103. <div class="col-12 col-lg-3 hot mb-3">
  104. <div class="card ddcard-normal">
  105. <div class="card-header">
  106. <div class="row">
  107. <div class="col-6 caption"><span>热文</span></div>
  108. <!-- <div class="col-6 d-flex justify-content-end more"><a href="javascript:;">更多</a></div> -->
  109. </div>
  110. </div>
  111. <ul class="list-group list-group-flush hot-news">
  112. {dede:arclist flag='a' sort='hot' subday='45' titlelen=20 row=16}
  113. <li class="media border-bottom-dashed mt-2 py-2">
  114. <a href="[field:arcurl/]" title="[field:fulltitle/]"><img src="[field:litpic/]" class="mr-3" alt="[field:fulltitle/]"></a>
  115. <div class="media-body row">
  116. <div class="col-12 title">
  117. <a href="[field:arcurl/]" title="[field:fulltitle/]">
  118. <h4 class="mt-0 mb-3">[field:title/]</h4>
  119. <span class="time">[field:pubdate function="MyDate('m-d',@me)"/]</span>
  120. </a>
  121. </div>
  122. </div>
  123. </li>
  124. {/dede:arclist}
  125. </ul>
  126. </div>
  127. </div>
  128. <!-- /.hot -->
  129. </div>
  130. <div class="row">
  131. <div class="col-12 col-lg-9 index-left">
  132. <div class="spec">
  133. <div class="col-md-12">
  134. <div class="dede-title">
  135. <h4 class="dede">图文资讯</h4>
  136. </div>
  137. </div>
  138. <div class="col-md-12 mt-3">
  139. <div class="row row-cols-2 row-cols-md-5">
  140. {dede:arclist row=5 orderby=pubdate type='image.'}
  141. <div class="col">
  142. <div class="card border-0">
  143. <a href="[field:arcurl/]" title="[field:fulltitle/]" class="text-body stretched-link"><img
  144. src="[field:litpic/]" class="card-img-top" alt="[field:fulltitle/]">
  145. <div class="card-body">
  146. <h6 class="card-title">[field:title/]</h6>
  147. </div>
  148. </a>
  149. </div>
  150. </div>
  151. {/dede:arclist}
  152. </div>
  153. </div>
  154. </div><!-- /.spec -->
  155. <div class="row">
  156. {dede:channelartlist}
  157. <div class="col-md-6 mt-3">
  158. <div class="card ddcard-normal">
  159. <div class="card-header">
  160. <div class="row">
  161. <div class="col-6 caption"><span><a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a></span></div>
  162. <div class="col-6 d-flex justify-content-end more">
  163. <a href="{dede:field name='typeurl'/}">更多</a>
  164. </div>
  165. </div>
  166. </div>
  167. <ul class="list-group list-group-flush">
  168. {dede:arclist titlelen='60' row='8'}
  169. <li><i class="fa fa-bookmark-o" aria-hidden="true"></i> <a
  170. title="[field:fulltitle/]"
  171. href="[field:arcurl/]">[field:title/]</a>
  172. </li>
  173. {/dede:arclist}
  174. </ul>
  175. </div>
  176. </div>
  177. {/dede:channelartlist}
  178. </div>
  179. </div><!-- /.index-left -->
  180. <aside class="col-12 col-lg-3">
  181. {dede:include comment='推荐内容' filename="widget_recommend.htm"/}
  182. {dede:include comment='热点内容' filename="widget_hot.htm"/}
  183. </aside><!-- /aside -->
  184. </div>
  185. </main>
  186. <!-- /main -->
  187. {dede:include filename="footer.htm"/}
  188. </body>
  189. </html>