newslist.html 10.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <meta name="keywords" content="{pboot:pagekeywords}">
  7. <meta name="description" content="{pboot:pagedescription}">
  8. <script>document.write('<link rel="stylesheet" type="text/css" href="{pboot:sitetplpath}/statics/css/lib.css?v=' + new Date().getTime() + '"><\/link>')</script>
  9. <script>document.write('<link rel="stylesheet" type="text/css" href="{pboot:sitetplpath}/statics/css/style.css?v=' + new Date().getTime() + '"><\/link>')</script>
  10. <script>document.write('<link rel="shortcut icon" type="image/x-icon" href="{pboot:sitetplpath}/statics/images/bitbug_favicon.ico?v=' + new Date().getTime() + '"><\/link>')</script>
  11. <script>document.write('<link rel="stylesheet" type="text/css" href="{pboot:sitetplpath}/statics/css/1362.css?v=' + new Date().getTime() + '"><\/link>')</script>
  12. <script>document.write('<link rel="stylesheet" type="text/css" href="{pboot:sitetplpath}/statics/css/pagination.css?v=' + new Date().getTime() + '"><\/link>')</script>
  13. <script type="text/javascript" src="{pboot:sitetplpath}/statics/js/jquery-1.11.3.min.js?version=20220317"></script>
  14. <script type="text/javascript" src="{pboot:sitetplpath}/statics/js/org1480746227.js" data-main="baseMain"></script>
  15. <script type="text/javascript" src="{pboot:sitetplpath}/statics/js/pagination.js" data-main="baseMain"></script>
  16. <title>{pboot:companyname}</title>
  17. <!-- Global site tag (gtag.js) - Google Analytics -->
  18. <script async src="https://www.googletagmanager.com/gtag/js?id=G-7M84WH61VP"></script>
  19. <script>
  20. window.dataLayer = window.dataLayer || [];
  21. function gtag(){dataLayer.push(arguments);}
  22. gtag('js', new Date());
  23. gtag('config', 'G-7M84WH61VP');
  24. </script>
  25. <!--ADS 全局代码:-->
  26. <!-- Global site tag (gtag.js) - Google Ads: 10792079340 -->
  27. <script async src="https://www.googletagmanager.com/gtag/js?id=AW-10792079340"></script>
  28. <script>
  29. window.dataLayer = window.dataLayer || [];
  30. function gtag(){dataLayer.push(arguments);}
  31. gtag('js', new Date());
  32. gtag('config', 'AW-10792079340');
  33. </script>
  34. <!-- Event snippet for 网页浏览 conversion page
  35. In your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. -->
  36. <script>
  37. function gtag_report_conversion(url) {
  38. var callback = function () {
  39. if (typeof(url) != 'undefined') {
  40. window.location = url;
  41. }
  42. };
  43. gtag('event', 'conversion', {
  44. 'send_to': 'AW-10792079340/13SXCOTMyKEDEOyfiJoo',
  45. 'event_callback': callback
  46. });
  47. return false;
  48. }
  49. </script>
  50. <!-- Event snippet for 提交潜在客户表单 conversion page
  51. In your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. -->
  52. <script>
  53. function gtag_report_conversion(url) {
  54. var callback = function () {
  55. if (typeof(url) != 'undefined') {
  56. window.location = url;
  57. }
  58. };
  59. gtag('event', 'conversion', {
  60. 'send_to': 'AW-10792079340/j7SwCJq4wKEDEOyfiJoo',
  61. 'event_callback': callback
  62. });
  63. return false;
  64. }
  65. </script>
  66. <!-- Event snippet for 咨询报价 conversion page -->
  67. <script>
  68. gtag('event', 'conversion', {'send_to': 'AW-10792079340/OV4xCPq7wKEDEOyfiJoo'});
  69. </script>
  70. </head>
  71. <!--pc导航-->
  72. {include file=common/head.html}
  73. <div id="sitecontent">
  74. <div class="npagePage Pageyemian" id="page_none">
  75. {pboot:if('{sort:ico}'!='')}
  76. <div id="banner">
  77. <div style="background-image:url({sort:ico});"></div>
  78. <span class="banner-name">SERVICE</span>
  79. </div>
  80. {/pboot:if}
  81. <div class="nav-con">
  82. <!-- <div class="nav-item"><a href="index.html">HOME</a></div>-->
  83. <!-- <div class="sign">></div>-->
  84. <!-- <div class="nav-item">NEWS</div>-->
  85. <div class="nav-item">
  86. <div class="text-right position mb-3 d-none d-md-block">{pboot:position separator='>>' indextext=HOME}
  87. </div>
  88. </div>
  89. </div>
  90. <div class="content news-content">
  91. <div class="left-con">
  92. <ul id="category">
  93. {pboot:sort scode=15}
  94. <li class="category1">
  95. <a href="[sort:link]" class="title">[sort:name]</a>
  96. </li>
  97. {/pboot:sort}
  98. {pboot:nav num=10 parent=15}
  99. <ul class="category2">
  100. <li {pboot:if(
  101. '[nav:scode]'=='{sort:scode}')}class="active"{/pboot:if}>
  102. <a href="[nav:link]">[nav:name]</a>
  103. </li>
  104. </ul>
  105. {/pboot:nav}
  106. </ul>
  107. <div class="contact-us">
  108. {pboot:sort scode=17}
  109. <div class="title">[sort:name]</div>
  110. <div class="content">
  111. <div class="info"><a href="tel:{pboot:companymobile}">TEL: {pboot:companymobile}</a></div>
  112. <div class="info email"><a href=mailto:{pboot:companyemail}>EMAIL: {pboot:companyemail}</a></div>
  113. <div class="info">{pboot:companyname}</div>
  114. </div>
  115. {/pboot:sort}
  116. </div>
  117. <div class="message">
  118. <div class="title">INQUIRY MESSAGE</div>
  119. <div class="content">
  120. <form onsubmit="return submsg(this);">
  121. <input id="email" class="email-input" type="text" placeholder="Enter your e-mail" name="email">
  122. <textarea id="content" name="content" cols="20" rows="2" placeholder="Enter your message"></textarea>
  123. <input class="submit" type="submit" value="Send">
  124. </form>
  125. </div>
  126. </div>
  127. </div>
  128. <div id="projectlist" class="module-content com-projectlist">
  129. <div class="wrapper">
  130. <ul id="news-list" class="com-img-list">
  131. {pboot:list num=4 order=sorting}
  132. <li>
  133. <a href="[list:link]" target="_blank">
  134. <div class="photo-box"><img src="[list:ico]" alt=""></div>
  135. <div class="text-box">
  136. <h2>[list:title]</h2>
  137. <p class="date-text">[list:date style=Y-m-d]</p>
  138. <p class="content-text">[list:description len=206]</p>
  139. </div>
  140. </a>
  141. </li>
  142. {/pboot:list}
  143. </ul>
  144. {pboot:if({page:rows}>0)}
  145. <nav aria-label="page navigation" class="pagebar">
  146. <div class="pagination justify-content-center">
  147. <a class="page-item page-link" href="{page:pre}"><i class="fa fa-angle-left"></i></ a>
  148. {page:numbar}<!-- 数字条,小屏幕时自动隐藏-->
  149. <a class="page-item page-link" href="{page:next}"><i class="fa fa-angle-right"></i></ a>
  150. </div>
  151. </nav>
  152. {else}
  153. <div class="text-center my-5 text-secondary">Relevant information is not available.</div>
  154. {/pboot:if}
  155. </div>
  156. </div>
  157. <div class="clear"></div>
  158. </div>
  159. </div>
  160. </div>
  161. <div id="footer">
  162. <p>{pboot:sitestatistical}
  163. </p>
  164. </div>
  165. </body>
  166. <script type="text/javascript" src="{pboot:sitetplpath}/statics/js/browser.min.js?version=20220317" data-main="indexMain"></script>
  167. <script type="text/babel" src="{pboot:sitetplpath}/statics/js/self.js?version=20220317" data-main="indexMain"></script>
  168. <!--pc尾-->
  169. {include file=common/foot.html}
  170. <script>
  171. /**
  172. * layout 参数说明:
  173. *
  174. * total: 总条数
  175. * sizes: 显示每页条数选择框, TODO:pageSizes参数必填,否则无法生效
  176. * home: 首页按钮
  177. * prev: 上一页按钮
  178. * pager: 页码
  179. * last: 尾页按钮
  180. * next: 下一页按钮
  181. * jumper: 输入框跳转(包含事件:失去焦点,回车)触发
  182. *
  183. * */
  184. new Pagination({
  185. element: '#pages-nav', // 渲染的容器 [必填]
  186. type: 1, // 样式类型,默认1 ,目前可选 [1,2] 可自行增加样式 [非必填]
  187. layout: 'prev, pager, next', // [必填]
  188. pageIndex: {page: current}, // 当前页码 [非必填]
  189. pageSize: 2, // 每页显示条数 TODO: 默认选中sizes [非必填]
  190. pageCount: 7, // 页码显示数量,页码必须大于等于5的奇数,默认页码9 TODO:为了样式美观,参数只能为奇数, 否则会报错 [非必填]
  191. total: {page: rows}, // 数据总条数 [必填]
  192. singlePageHide: false, // 单页隐藏, 默认true 如果为true页码少于一页则不会渲染 [非必填]
  193. ellipsis: true, // 页码显示省略符 默认false [非必填]
  194. disabled: true, // 显示禁用手势 默认false [非必填]
  195. currentChange: function (index, pageSize) { // 页码改变时回调 TODO:第一个参数是当前页码,第二个参数是每页显示条数数量,需使用sizes第二参数才有值。
  196. console.log(index, pageSize);
  197. }
  198. });
  199. </script>
  200. </html>