joblist.html 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153
  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. <script type="text/javascript" src="{pboot:sitedomain}/skin/js/layer.js"></script>
  21. </head>
  22. <style>
  23. * {
  24. -webkit-box-sizing: border-box;
  25. -moz-box-sizing: border-box;
  26. box-sizing: border-box;
  27. }
  28. #join-upload {
  29. width: 100px;
  30. height: 36px;
  31. line-height: 36px;
  32. position: relative;
  33. background-color: #0096ff;
  34. border-radius: 4px;
  35. float: left;
  36. text-align: center;
  37. color: #fff;
  38. margin: 5px 0;
  39. }
  40. #join-upload input[type="file"] {
  41. position: absolute;
  42. top: 0;
  43. left: 0;
  44. width: 100%;
  45. height: 100%;
  46. opacity: 0;
  47. }
  48. #file_name.desc {
  49. height: 46px;
  50. line-height: 46px;
  51. }
  52. </style>
  53. <body class="menu-bg">
  54. {include file=head.html}
  55. <!--内容-->
  56. {pboot:sort scode={sort:tcode}}
  57. <div id="bann" style="background-image: url([sort:pic]);">
  58. <div class="container">
  59. <div class="t1 wow fadeInUp" data-wow-delay="200ms">[sort:subname]<br>
  60. </div>
  61. <div class="t2 wow fadeInUp" data-wow-delay="300ms"> <span>[sort:def1]</span> </div>
  62. </div>
  63. </div>
  64. {/pboot:sort}
  65. <div class="nav_pc hide wow fadeInLeft" id="nav" data-wow-delay="400ms">
  66. <div class="container"> <a class="home" href="{pboot:sitedomain}/"><img src="{pboot:sitedomain}/skin/images/home_ico.png" style="background-color: #0f6ab4;" alt=""></a>
  67. <div class="first">
  68. <h4>{sort:topname}</h4>
  69. <ul>
  70. {pboot:nav}
  71. <li><a href="[nav:link]">[nav:name]</a></li>
  72. {/pboot:nav}
  73. </ul>
  74. </div>
  75. <div class="second active">
  76. <h4> {sort:name} </h4>
  77. <ul>
  78. {pboot:nav num=50 parent={sort:tcode}}
  79. <li><a href="[nav:link]">[nav:name]</a></li>
  80. {/pboot:nav}
  81. </ul>
  82. </div>
  83. </div>
  84. </div>
  85. <div class="nav_phone hide container ">
  86. <p>{pboot:position}</p>
  87. </div>
  88. <div id="join">
  89. <div class="container">
  90. <div class="join-box">
  91. <div class="join-nav wow fadeInUp" data-wow-delay="200ms"> <a class="item active">社会招聘</a> </div>
  92. <div class="text wow fadeInUp" data-wow-delay="300ms">我们期待这样的你:<br>
  93. 勇于挑战,敢于创新,突破自我,在专业道路上不断精进;<br>
  94. 有协作精神,能与伙伴真诚沟通,共同学习成长。</div>
  95. <ul class="join-list">
  96. {pboot:list num=8 order=sorting}
  97. <li class="wow fadeInUp" data-type="volist">
  98. <div class="recruit-top">
  99. <div> 职位: <span>[list:title]</span> </div>
  100. <div> 部门:<span>[list:ext_bumen]</span> </div>
  101. <div> 工作地点:<span>[list:ext_didian]</span> </div>
  102. <div> 招聘人数:<span>[list:ext_renshu]</span> </div>
  103. <div> 发布时间:<span>[list:date style=Y-m-d]</span> </div>
  104. </div>
  105. <div class="recruit-content">
  106. <h2 style="margin: 0px; padding: 18px 0px; font-size: 18px; color: rgb(51, 51, 51); border-top: 0px none; font-family: " microsoft="" white-space:="" background-color:=""><span class="bname" style="height: 20px; line-height: 20px; margin-top: 15px; padding-left: 15px; border-left: 4px solid rgb(255, 96, 0);">职位信息</span></h2>
  107. [list:content]
  108. {pboot:sort scode=22}<a href="[sort:link]" class="join-in">立即申请</a>{/pboot:sort} </div>
  109. </li>
  110. {/pboot:list}
  111. </ul>
  112. </div>
  113. <div class="fenye wow fadeInUp" data-wow-delay="300ms">
  114. {pboot:if({page:rows}>0)}
  115. <div class="pagebar">
  116. <div class="pagination">
  117. <a class="page-item page-link hidden-sm" href="{page:index}" title="首页">首页</a>
  118. <a class="page-item page-link st" href="{page:pre}" title="上一页"><<</a>
  119. {page:numbar}
  120. <a class="page-item page-link" href="javascript:;" title="当前页/总页数">{page:current}/{page:count}</a>
  121. <a class="page-item page-link st" href="{page:next}" title="下一页">>></a>
  122. <a class="page-item page-link hidden-sm" href="{page:last}" title="尾页">尾页</a>
  123. </div>
  124. </div>
  125. {else}
  126. <div class="tac text-secondary">本分类下无任何数据!</div>
  127. {/pboot:if}
  128. </div>
  129. </div>
  130. </div>
  131. {include file=head.html}
  132. <script type="text/javascript">
  133. $('.nav_pc .first, .nav_pc .second').on('mouseenter mouseleave', function () {
  134. $(this).children('ul').stop().slideToggle()
  135. });
  136. $('body').on('click', '.join-list .recruit-top', function () {
  137. if($(this).hasClass("flag")){
  138. $(this).removeClass("active");
  139. $(this).removeClass("flag");
  140. $(this).parent("li").children(".recruit-content").slideUp(600);
  141. }else{
  142. $(".join-list .recruit-top").removeClass("active");
  143. $(this).addClass("active");
  144. $(".join-list .recruit-top").removeClass("flag");
  145. $(this).addClass("flag");
  146. $(".join-list .recruit-top").parent("li").children(".recruit-content").slideUp(600);
  147. $(this).parent("li").children(".recruit-content").slideDown(600);
  148. }
  149. });
  150. </script>
  151. </body>
  152. </html>