index.html 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158
  1. {layout name="common/layout" /}
  2. <div class="container" id="content-container">
  3. <!--<div style="margin-bottom:20px;">-->
  4. <!--{cms:block name="bannerad"/}-->
  5. <!--</div>-->
  6. <div class="row">
  7. <main class="col-md-8">
  8. <div class="swiper-container index-focus">
  9. <!-- S 焦点图 -->
  10. <div id="index-focus" class="carousel slide carousel-focus" data-ride="carousel">
  11. <ol class="carousel-indicators">
  12. {cms:blocklist id="block" name="indexfocus" row="5"}
  13. <li data-target="#index-focus" data-slide-to="{:$i-1}" class="{if $i==1}active{/if}"></li>
  14. {/cms:blocklist}
  15. </ol>
  16. <div class="carousel-inner" role="listbox">
  17. {cms:blocklist id="block" name="indexfocus" row="5"}
  18. <div class="item {if $i==1}active{/if}">
  19. <a href="{$block.url}">
  20. <div class="carousel-img" style="background-image:url('{$block.image}');"></div>
  21. <div class="carousel-caption hidden-xs">
  22. <h3>{$block.title}</h3>
  23. </div>
  24. </a>
  25. </div>
  26. {/cms:blocklist}
  27. </div>
  28. <a class="left carousel-control" href="#index-focus" role="button" data-slide="prev">
  29. <span class="icon-prev fa fa-chevron-left" aria-hidden="true"></span>
  30. <span class="sr-only">Previous</span>
  31. </a>
  32. <a class="right carousel-control" href="#index-focus" role="button" data-slide="next">
  33. <span class="icon-next fa fa-chevron-right" aria-hidden="true"></span>
  34. <span class="sr-only">Next</span>
  35. </a>
  36. </div>
  37. <!-- E 焦点图 -->
  38. </div>
  39. <div class="panel panel-default index-gallary">
  40. <div class="panel-heading">
  41. <h3 class="panel-title">
  42. <span>热门图集</span>
  43. <div class="more">
  44. <a href="{:addon_url('cms/channel/index', [':id'=>2, ':diyname'=>'product'])}">查看更多</a>
  45. </div>
  46. </h3>
  47. </div>
  48. <div class="panel-body">
  49. <div class="related-article">
  50. <div class="row">
  51. <!-- S 热门图集 -->
  52. {cms:arclist id="item" model="2" orderby="views" row="4"}
  53. <div class="col-sm-3 col-xs-6">
  54. <a href="{$item.url}" class="img-zoom">
  55. <div class="embed-responsive embed-responsive-4by3">
  56. <img src="{$item.image}" alt="{$item.title}" class="embed-responsive-item">
  57. </div>
  58. </a>
  59. <h5>{$item.title}</h5>
  60. </div>
  61. {/cms:arclist}
  62. <!-- E 热门图集 -->
  63. </div>
  64. </div>
  65. </div>
  66. </div>
  67. <div class="panel panel-default">
  68. <div class="panel-heading">
  69. <h3 class="panel-title">
  70. <span>最近更新</span>
  71. <div class="more hidden-xs">
  72. <ul class="list-unstyled list-inline">
  73. <!-- E 栏目筛选 -->
  74. {cms:channellist id="item" condition="'list'=type" limit="6"}
  75. <li>{$item.textlink}</li>
  76. {/cms:channellist}
  77. <!-- E 栏目筛选 -->
  78. </ul>
  79. </div>
  80. </h3>
  81. </div>
  82. <div class="panel-body p-0">
  83. <div class="article-list">
  84. {include file="common/index_list" /}
  85. </div>
  86. </div>
  87. </div>
  88. </main>
  89. <aside class="col-xs-12 col-sm-4">
  90. <div class="panel panel-default lasest-update">
  91. <!-- S 最近更新 -->
  92. <div class="panel-heading">
  93. <h3 class="panel-title">{:__('Recently update')}</h3>
  94. </div>
  95. <div class="panel-body">
  96. <ul class="list-unstyled">
  97. {cms:arclist id="new" row="8" orderby="id" orderway="desc"}
  98. <li>
  99. <span>[<a href="{$new.channel.url}">{$new.channel.name}</a>]</span>
  100. <a class="link-dark" href="{$new.url}" title="{$new.title}">{$new.title}</a>
  101. </li>
  102. {/cms:arclist}
  103. </ul>
  104. </div>
  105. <!-- E 最近更新 -->
  106. </div>
  107. <div class="panel panel-blockimg">
  108. </div>
  109. {include file="common/sidebar" /}
  110. </aside>
  111. </div>
  112. </div>
  113. <div class="container hidden-xs j-partner">
  114. <div class="panel panel-default">
  115. <!-- S 合作伙伴 -->
  116. <div class="panel-heading">
  117. <h3 class="panel-title">
  118. 合作伙伴
  119. <small>感谢以下的合作伙伴的大力支持</small>
  120. <a href="https://wpa.qq.com/msgrd?v=3&uin={cms:config name='cms.contactqq' /}&site=&menu=yes" target="_blank" class="more">联系我们</a>
  121. </h3>
  122. </div>
  123. <div class="panel-body">
  124. <ul class="list-unstyled list-partner">
  125. {cms:block name="partner" /}
  126. </ul>
  127. </div>
  128. <!-- E 合作伙伴 -->
  129. <!-- S 友情链接 -->
  130. <div class="panel-heading">
  131. <h3 class="panel-title">友情链接
  132. <small>申请友情链接请务必先做好本站链接</small>
  133. <a href="https://wpa.qq.com/msgrd?v=3&uin={cms:config name='cms.contactqq' /}&site=&menu=yes" target="_blank" class="more">申请友链</a></h3>
  134. </div>
  135. <div class="panel-body">
  136. <div class="list-unstyled list-links">
  137. {cms:block name="friendlink" /}
  138. </div>
  139. </div>
  140. <!-- E 友情链接 -->
  141. </div>
  142. </div>