imageslist.html 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
  7. <meta name="renderer" content="webkit">
  8. <title>{pboot:if('{sort:title}'=='')}{pboot:pagetitle}{else}{sort:title}{/pboot:if}</title>
  9. <meta name="keywords" content="{pboot:if('{sort:keywords}'=='')}{pboot:pagekeywords}{else}{sort:keywords}{/pboot:if}">
  10. <meta name="description" content="{pboot:if('{sort:description}'=='')}{pboot:pagedescription}{else}{sort:description}{/pboot:if}">
  11. <link rel="stylesheet" href="{pboot:sitedomain}/skin/css/swiper.min.css">
  12. <link rel="stylesheet" href="{pboot:sitedomain}/skin/css/style.css">
  13. <link rel="stylesheet" href="{pboot:sitedomain}/skin/css/media.css">
  14. <link rel="stylesheet" href="{pboot:sitedomain}/skin/css/animate.min.css">
  15. <script type="text/javascript" src="{pboot:sitedomain}/skin/js/jquery.min.js"></script>
  16. <script type="text/javascript" src="{pboot:sitedomain}/skin/js/swiper.min.js"></script>
  17. <script type="text/javascript" src="{pboot:sitedomain}/skin/js/wow.min.js"></script>
  18. <script type="text/javascript" src="{pboot:sitedomain}/skin/js/jquery.countup.min.js"></script>
  19. <script type="text/javascript" src="{pboot:sitedomain}/skin/js/main.js"></script>
  20. </head>
  21. <body class="menu-bg">
  22. {include file=head.html}
  23. <!--内容-->
  24. {pboot:sort scode={sort:tcode}}
  25. <div id="bann" style="background-image: url([sort:pic]);">
  26. <div class="container">
  27. <div class="t1 wow fadeInUp" data-wow-delay="200ms">[sort:subname]<br>
  28. </div>
  29. <div class="t2 wow fadeInUp" data-wow-delay="300ms"> <span>[sort:def1]</span> </div>
  30. </div>
  31. </div>
  32. {/pboot:sort}
  33. <div class="nav_pc hide wow fadeInLeft" id="nav" data-wow-delay="400ms">
  34. <div class="container"> <a class="home" href="{pboot:sitedomain}/"><img src="{pboot:sitedomain}/skin/images/home_ico.png" style="background-color: #0f6ab4;" alt=""></a>
  35. <div class="first">
  36. <h4>{sort:topname}</h4>
  37. <ul>
  38. {pboot:nav}
  39. <li><a href="[nav:link]">[nav:name]</a></li>
  40. {/pboot:nav}
  41. </ul>
  42. </div>
  43. <div class="second active">
  44. <h4> {sort:name} </h4>
  45. <ul>
  46. {pboot:nav num=50 parent={sort:tcode}}
  47. <li><a href="[nav:link]">[nav:name]</a></li>
  48. {/pboot:nav}
  49. </ul>
  50. </div>
  51. </div>
  52. </div>
  53. <div class="nav_phone hide container ">
  54. <p>{pboot:position}</p>
  55. </div>
  56. <div id="honor">
  57. <div class="container">
  58. <div class="honor-box" id="shuju">
  59. {pboot:list num=8 order=sorting}
  60. <div class="item wow fadeInUp" data-type="volist" onClick="showpic(this);" data-pic="[list:ico]" data-title="[list:title]">
  61. <div class="pic"> <img src="[list:ico]" alt="[list:title]"> </div>
  62. <div class="info over-line1">[list:title]</div>
  63. </div>
  64. {/pboot:list}
  65. </div>
  66. <div class="fenye wow fadeInUp" data-wow-delay="300ms">
  67. {pboot:if({page:rows}>0)}
  68. <div class="pagebar">
  69. <div class="pagination">
  70. <a class="page-item page-link hidden-sm" href="{page:index}" title="首页">首页</a>
  71. <a class="page-item page-link st" href="{page:pre}" title="上一页"><<</a>
  72. {page:numbar}
  73. <a class="page-item page-link" href="javascript:;" title="当前页/总页数">{page:current}/{page:count}</a>
  74. <a class="page-item page-link st" href="{page:next}" title="下一页">>></a>
  75. <a class="page-item page-link hidden-sm" href="{page:last}" title="尾页">尾页</a>
  76. </div>
  77. </div>
  78. {else}
  79. <div class="tac text-secondary">本分类下无任何数据!</div>
  80. {/pboot:if}
  81. </div>
  82. </div>
  83. <!--弹窗介绍-->
  84. <div class="honor-cover">
  85. <div class="pic-box">
  86. <div class="close-box"> <i style="background-image: url('{pboot:sitedomain}/skin/images/close.png');"></i> </div>
  87. <div class="pic"> <img src="" alt=""> </div>
  88. <div class="info"></div>
  89. </div>
  90. </div>
  91. </div>
  92. {include file=foot.html}
  93. <script type="text/javascript">
  94. $('.nav_pc .first, .nav_pc .second').on('mouseenter mouseleave', function () {
  95. $(this).children('ul').stop().slideToggle()
  96. });
  97. $("#honor .honor-cover .pic-box .close-box").click(function () {
  98. $(".honor-cover").fadeOut(300);
  99. });
  100. function showpic(obj){
  101. var pic = $(obj).attr("data-pic");
  102. var title = $(obj).attr("data-title");
  103. var img = '<img src="'+pic+'" alt="'+title+'">';
  104. $(".honor-cover .info").text(title);
  105. $(".honor-cover .pic-box .pic").html(img);
  106. $(".honor-cover").fadeIn(300);
  107. }
  108. </script>
  109. </body>
  110. </html>