国内流行的内容管理系统(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.

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