index.php 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453
  1. <!doctype html>
  2. <html>
  3. <?php include 'head.php'; ?>
  4. <body>
  5. <?php
  6. get_header(); // 获取头部
  7. ?>
  8. <div class="ind_ban">
  9. <div class="swiper-container sw1">
  10. <ul class="swiper-wrapper">
  11. <li class="swiper-slide"><a href="javascript:;"><img src="/wp-content/uploads/2024/03/2019092410171721.jpg"></a></li>
  12. <li class="swiper-slide"><a href="javascript:;"><img src="/wp-content/uploads/2024/03/2019072515043198.jpg"></a></li>
  13. <li class="swiper-slide"><a href="javascript:;"><img src="/wp-content/uploads/2024/03/2019072515054593.jpg"></a></li>
  14. </ul>
  15. <!--<div class="swiper-pagination swp1"></div>-->
  16. <div class="swiper-button-prev swbp1"></div>
  17. <div class="swiper-button-next swbn1"></div>
  18. </div>
  19. </div>
  20. <div class="ind_box1">
  21. <div class="ind_tit1">
  22. <h3>关于我们</h3>
  23. <p><span>“产业+互联网”S2B2b商业生态平台</span></p>
  24. </div>
  25. <div class="w1200">
  26. <ul>
  27. <li>
  28. <div><img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/index_27.jpg"></div>
  29. <h3>20<span>年</span></h3>
  30. <p>创业经验 </p>
  31. </li>
  32. <li>
  33. <div><img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/index_25.jpg"></div>
  34. <h3>1300<span>+</span></h3>
  35. <p>连锁门店</p>
  36. </li>
  37. <li>
  38. <div><img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/index_26.jpg"></div>
  39. <h3>15000<span>+</span></h3>
  40. <p>产品SKU</p>
  41. </li>
  42. <li>
  43. <div><img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/index_28.jpg"></div>
  44. <h3>10万<span>+</span></h3>
  45. <p>维修企业</p>
  46. </li>
  47. <li>
  48. <div><img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/index_29.jpg"></div>
  49. <h3>100<span>+</span></h3>
  50. <p>城市服务中心</p>
  51. </li>
  52. </ul>
  53. </div>
  54. </div>
  55. <div class="ind_box2">
  56. <div class="l">
  57. <video id="video1" loop poster="" width="100%" height="auto">
  58. <source src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/video.mp4" type="video/mp4">
  59. </video>
  60. </div>
  61. <div class="r">
  62. <ul>
  63. <li>
  64. <span>产业</span>
  65. <div>是一家专业研发、生产、销售、服务汽车易损易耗件的一体化、生态化的综合性汽配企业。</div>
  66. </li>
  67. <li>
  68. <span>定位</span>
  69. <div>以“汽车易损易耗件”为品类定位,以“终端汽修汽保店”为客户定位</div>
  70. </li>
  71. <li>
  72. <span>模式</span>
  73. <div>推行“汽车易损易耗件产业+互联网”的新商业模式,全力打造全产业链全流程互联网化的管理服务S2B2b2C商业生态平台</div>
  74. </li>
  75. <a href="/about" class="more">更多 >></a>
  76. </ul>
  77. </div>
  78. </div>
  79. <div class="ind_box3">
  80. <div class="ind_tit2">
  81. <h3>门店展示</h3>
  82. <p><span>千店连锁成功见证</span></p>
  83. </div>
  84. <div class="w1200">
  85. <div class="swiper-container sw2">
  86. <ul class="swiper-wrapper">
  87. <?php
  88. // 查询参数
  89. $args0 = array(
  90. 'cat' => 24, // 分类ID
  91. 'posts_per_page' => 9, // 每页显示的文章数量
  92. 'paged' => $paged
  93. );
  94. // 查询文章
  95. $query0 = new WP_Query($args0);
  96. if ($query0->have_posts()) {
  97. while ($query0->have_posts()) {
  98. $query0->the_post();
  99. // 在这里编写你的文章列表
  100. $excerpt = get_the_excerpt(); // 获取摘要
  101. if ( mb_strlen( $excerpt ) > 90 ) { // 如果字数超过200字
  102. $excerpt = mb_substr( $excerpt, 0, 90 ); // 截取前200个字符
  103. $excerpt .= '...'; // 添加省略号
  104. }
  105. ?>
  106. <li class="swiper-slide">
  107. <div>
  108. <?php
  109. if(has_post_thumbnail()){
  110. // 获取特色图片的ID
  111. $thumbnail_id = get_post_thumbnail_id();
  112. // 获取特色图片的URL
  113. $thumbnail_url = wp_get_attachment_url( $thumbnail_id );
  114. ?>
  115. <a href="#"><img src="<?php echo $thumbnail_url ?>" width="100%"></a>
  116. <?php
  117. }
  118. ?>
  119. </div>
  120. <h3><?php the_title(); ?></h3>
  121. </li>
  122. <?php
  123. }
  124. }
  125. // 重置WordPress查询
  126. wp_reset_postdata();
  127. ?>
  128. </ul>
  129. </div>
  130. <div class="swiper-button-prev swbp2"></div>
  131. <div class="swiper-button-next swbn2"></div>
  132. <a href="/about/?fid=24" class="more">更多 >></a>
  133. </div>
  134. </div>
  135. <div class="ind_box4">
  136. <div class="ind_tit2">
  137. <h3>新闻中心</h3>
  138. <p><span>与时俱进,箭冠第一手新闻</span></p>
  139. </div>
  140. <ul class="lm">
  141. <li><a href="/news/?fid=6"><span><span style="background: url(/wp-content/uploads/2024/03/2019072012523265.png);"></span></span>公司资讯</a></li>
  142. <li><a href="/news/?fid=7"><span><span style="background: url(/wp-content/uploads/2024/03/2019072012525057.png);"></span></span>门店速递</a></li>
  143. <li><a href="/news/?fid=8"><span><span style="background: url(/wp-content/uploads/2024/03/2019072012530973.png);"></span></span>行业资讯</a></li>
  144. <li><a href="/news/?fid=9"><span><span style="background: url(/wp-content/uploads/2024/03/2019072012534612.png);"></span></span>品类知识</a></li>
  145. </ul>
  146. <?php
  147. // 查询参数
  148. $args = array(
  149. 'cat' => 5,
  150. 'posts_per_page' => 6,
  151. 'orderby' => 'post_date',
  152. 'order' => 'DESC',
  153. 'post_status' => 'publish',
  154. 'ignore_sticky_posts' => true
  155. );
  156. // 查询文章
  157. $query = new WP_Query( $args );
  158. if ($query->have_posts()) {
  159. ?>
  160. <div class="list w1200">
  161. <?php
  162. // 取出第一篇文章
  163. $query->the_post();
  164. ?>
  165. <div class="l">
  166. <div>
  167. <?php
  168. if(has_post_thumbnail()){
  169. // 获取特色图片的ID
  170. $thumbnail_id = get_post_thumbnail_id();
  171. // 获取特色图片的URL
  172. $thumbnail_url = wp_get_attachment_url( $thumbnail_id );
  173. // 标题
  174. $title = get_the_title();
  175. if ( mb_strlen( $title ) > 22 ) {
  176. $title = mb_substr( $title, 0, 22 );
  177. $title .= '...'; // 添加省略号
  178. }
  179. $categories = get_the_category();
  180. if ( ! empty( $categories ) ) {
  181. // 获取第一个分类的ID
  182. $category_id = $categories[0]->term_id;
  183. if($category_id == 5){
  184. $category_id = $categories[1]->term_id;
  185. }
  186. }
  187. ?>
  188. <a href="/newsDetail/?id=<?php echo the_id() ?>&&fid=<?php echo $category_id ?>"><img src="<?php echo $thumbnail_url ?>" width="100%"></a>
  189. <?php
  190. }
  191. ?>
  192. </div>
  193. <h3><span>[<?php echo get_the_date(); ?>]</span><a href="/newsDetail/?id=<?php echo the_id() ?>&&fid=<?php echo $category_id ?>"><?php echo $title; ?></a></h3>
  194. </div>
  195. <?php
  196. rewind_posts(); // 重置查询指针,以便下次使用
  197. ?>
  198. <div class="r">
  199. <?php
  200. // 取出第二篇文章
  201. $query->the_post();
  202. ?>
  203. <div>
  204. <div>
  205. <?php
  206. if(has_post_thumbnail()){
  207. // 获取特色图片的ID
  208. $thumbnail_id = get_post_thumbnail_id();
  209. // 获取特色图片的URL
  210. $thumbnail_url = wp_get_attachment_url( $thumbnail_id );
  211. $excerpt = get_the_excerpt(); // 获取摘要
  212. if ( mb_strlen( $excerpt ) > 70 ) { // 如果字数超过200字
  213. $excerpt = mb_substr( $excerpt, 0, 70 ); // 截取前200个字符
  214. $excerpt .= '...'; // 添加省略号
  215. }
  216. $categories = get_the_category();
  217. if ( ! empty( $categories ) ) {
  218. // 获取第一个分类的ID
  219. $category_id = $categories[0]->term_id;
  220. if($category_id == 5){
  221. $category_id = $categories[1]->term_id;
  222. }
  223. }
  224. ?>
  225. <a href="/newsDetail/?id=<?php echo the_id() ?>&&fid=<?php echo $category_id ?>"><img src="<?php echo $thumbnail_url ?>" width="100%"></a>
  226. <?php
  227. }
  228. ?>
  229. </div>
  230. <h3><a href="/newsDetail/?id=<?php echo the_id() ?>&&fid=<?php echo $category_id ?>"><?php the_title(); ?></a></h3>
  231. <span><img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/index_76.jpg"><?php echo get_the_date(); ?></span>
  232. <p><?php echo $excerpt; ?></p>
  233. </div>
  234. <?php
  235. rewind_posts(); // 重置查询指针,以便下次使用
  236. ?>
  237. <ul>
  238. <?php
  239. while ($query->have_posts()) {
  240. $query->the_post();
  241. // 标题
  242. $title1 = get_the_title();
  243. if ( mb_strlen( $title ) > 22 ) {
  244. $title = mb_substr( $title, 0, 22 );
  245. $title .= '...'; // 添加省略号
  246. }
  247. $categories = get_the_category();
  248. if ( ! empty( $categories ) ) {
  249. // 获取第一个分类的ID
  250. $category_id = $categories[0]->term_id;
  251. if($category_id == 5){
  252. $category_id = $categories[1]->term_id;
  253. }
  254. }
  255. ?>
  256. <li>
  257. <span>[<?php echo get_the_date(); ?>]</span><a href="/newsDetail/?id=<?php echo the_id() ?>&&fid=<?php echo $category_id ?>"><?php echo $title1; ?></a>
  258. </li>
  259. <?php
  260. }
  261. // 重置WordPress查询
  262. wp_reset_postdata();
  263. ?>
  264. </ul>
  265. <a href="/news" class="more">更多 >></a>
  266. </div>
  267. </div>
  268. <?php
  269. }
  270. ?>
  271. </div>
  272. <div class="ind_box5">
  273. <div class="w1200">
  274. <div>行业老字号 创业更可靠</div>
  275. <h3>中国汽车易损易耗件连锁领跑品牌</h3>
  276. <p>加盟热线:400-881-2323</p>
  277. </div>
  278. </div>
  279. <div class="ind_box6">
  280. <div class="ind_tit2">
  281. <h3>加盟流程</h3>
  282. <p><span>全产业链 全流程 互联网化</span></p>
  283. </div>
  284. <div class="w1200">
  285. <ul>
  286. <li>
  287. <div><img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/index_81.jpg"></div>
  288. <p>了解箭冠</p>
  289. </li>
  290. <li>
  291. <div><img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/index_82.jpg"></div>
  292. <p>加盟申请</p>
  293. </li>
  294. <li>
  295. <div><img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/index_83.jpg"></div>
  296. <p>商务洽谈</p>
  297. </li>
  298. <li>
  299. <div><img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/index_84.jpg"></div>
  300. <p>支付定金</p>
  301. </li>
  302. <li>
  303. <div><img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/index_85.jpg"></div>
  304. <p>统一培训</p>
  305. </li>
  306. <li>
  307. <div><img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/index_86.jpg"></div>
  308. <p>新店开张</p>
  309. </li>
  310. </ul>
  311. </div>
  312. </div>
  313. <div class="ind_box7">
  314. <?php include 'commentFormMini.php'; ?>
  315. </div>
  316. <?php
  317. get_footer(); // 获取尾部
  318. ?>
  319. <link rel="stylesheet" type="text/css" href="<?php echo get_stylesheet_directory_uri(); ?>/assets/swiper.min.css">
  320. <style>
  321. .swiper-wrapper{
  322. height: auto;
  323. }
  324. .sw2 ul li > div{
  325. height: 235px;
  326. overflow: hidden;
  327. padding:5px;
  328. border: 1px solid #ddd;
  329. border-radius: 3px;
  330. }
  331. .sw2 ul li div a{display:flex;height:100%;width:100%;align-items: center;justify-content: center;}
  332. </style>
  333. <script type="text/javascript" src="<?php echo get_stylesheet_directory_uri(); ?>/assets/js/swiper.min.js"></script>
  334. <script type="text/javascript">
  335. // 提交表单
  336. jQuery(document).ready(function($) {
  337. $('#contact-form').submit(function(e) {
  338. e.preventDefault();
  339. if($("#rename").val()==''){
  340. alert('请输入联系人姓名!');
  341. return
  342. }
  343. if($("#phone").val()==''){
  344. alert('请输入联系电话!');
  345. return
  346. }
  347. $.ajax({
  348. url: $(this).attr('action'),
  349. type: 'post',
  350. data: {
  351. action: 'submit_custom_comment',
  352. comment_data: $(this).serialize()
  353. },
  354. success: function(response) {
  355. alert('提交成功!');
  356. $('#contact-form')[0].reset();
  357. },
  358. error: function() {
  359. alert('提交失败,请重试.');
  360. }
  361. });
  362. });
  363. });
  364. //首页-banner图片
  365. var swiper1 = new Swiper('.sw1', {
  366. slidesPerView: 1,
  367. spaceBetween: 0,
  368. slidesPerGroup: 1,
  369. loop: true,
  370. autoplay: {
  371. delay: 6000,//秒
  372. disableOnInteraction: false,//滑动不会失效
  373. reverseDirection: false,//如果最后一个 反向播放
  374. },
  375. pagination: {
  376. el: '.swp1',
  377. clickable: true,
  378. },
  379. navigation: {
  380. nextEl: '.swbp1',
  381. prevEl: '.swbn1',
  382. },
  383. });
  384. //首页-门店展示
  385. var ww = $(window).width();
  386. var swiper2 = new Swiper('.sw2', {
  387. slidesPerView: ww < 768 ? (ww < 560 ? 1 : 2) : 4,
  388. spaceBetween: 16,
  389. slidesPerGroup: 1,
  390. loop: true,
  391. autoplay: {
  392. delay: 5000,//秒
  393. disableOnInteraction: false,//滑动不会失效
  394. reverseDirection: false,//如果最后一个 反向播放
  395. },
  396. pagination: {
  397. el: '.swp2',
  398. clickable: true,
  399. },
  400. navigation: {
  401. nextEl: '.swbp2',
  402. prevEl: '.swbn2',
  403. },
  404. });
  405. //控制视频播放
  406. var video1=document.getElementById("video1");
  407. video1.onclick=function(){
  408. if(video1.paused){
  409. video1.play();
  410. }else{
  411. video1.pause();
  412. }
  413. }
  414. video1.addEventListener('canplaythrough', function() {
  415. video1.play();
  416. });
  417. $(window).scroll(function(e){
  418. video1.muted = true;
  419. if($(this).scrollTop() > $('.ind_box2').offset().top - window.innerHeight){
  420. if(video1.paused){
  421. video1.play();
  422. video1.muted = false;
  423. }
  424. }else{
  425. if(!video1.paused){
  426. video1.pause();
  427. }
  428. }
  429. })
  430. </script>
  431. </body>
  432. </html>