123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453 |
- <!doctype html>
- <html>
- <?php include 'head.php'; ?>
- <body>
- <?php
- get_header(); // 获取头部
- ?>
- <div class="ind_ban">
- <div class="swiper-container sw1">
- <ul class="swiper-wrapper">
- <li class="swiper-slide"><a href="javascript:;"><img src="/wp-content/uploads/2024/03/2019092410171721.jpg"></a></li>
- <li class="swiper-slide"><a href="javascript:;"><img src="/wp-content/uploads/2024/03/2019072515043198.jpg"></a></li>
- <li class="swiper-slide"><a href="javascript:;"><img src="/wp-content/uploads/2024/03/2019072515054593.jpg"></a></li>
- </ul>
- <!--<div class="swiper-pagination swp1"></div>-->
- <div class="swiper-button-prev swbp1"></div>
- <div class="swiper-button-next swbn1"></div>
- </div>
- </div>
- <div class="ind_box1">
- <div class="ind_tit1">
- <h3>关于我们</h3>
- <p><span>“产业+互联网”S2B2b商业生态平台</span></p>
- </div>
- <div class="w1200">
- <ul>
- <li>
- <div><img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/index_27.jpg"></div>
- <h3>20<span>年</span></h3>
- <p>创业经验 </p>
- </li>
- <li>
- <div><img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/index_25.jpg"></div>
- <h3>1300<span>+</span></h3>
- <p>连锁门店</p>
- </li>
- <li>
- <div><img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/index_26.jpg"></div>
- <h3>15000<span>+</span></h3>
- <p>产品SKU</p>
- </li>
-
- <li>
- <div><img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/index_28.jpg"></div>
- <h3>10万<span>+</span></h3>
- <p>维修企业</p>
- </li>
- <li>
- <div><img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/index_29.jpg"></div>
- <h3>100<span>+</span></h3>
- <p>城市服务中心</p>
- </li>
- </ul>
- </div>
- </div>
- <div class="ind_box2">
- <div class="l">
- <video id="video1" loop poster="" width="100%" height="auto">
- <source src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/video.mp4" type="video/mp4">
- </video>
- </div>
- <div class="r">
- <ul>
- <li>
- <span>产业</span>
- <div>是一家专业研发、生产、销售、服务汽车易损易耗件的一体化、生态化的综合性汽配企业。</div>
- </li>
- <li>
- <span>定位</span>
- <div>以“汽车易损易耗件”为品类定位,以“终端汽修汽保店”为客户定位</div>
- </li>
- <li>
- <span>模式</span>
- <div>推行“汽车易损易耗件产业+互联网”的新商业模式,全力打造全产业链全流程互联网化的管理服务S2B2b2C商业生态平台</div>
- </li>
- <a href="/about" class="more">更多 >></a>
- </ul>
- </div>
- </div>
- <div class="ind_box3">
- <div class="ind_tit2">
- <h3>门店展示</h3>
- <p><span>千店连锁成功见证</span></p>
- </div>
- <div class="w1200">
- <div class="swiper-container sw2">
- <ul class="swiper-wrapper">
- <?php
-
- // 查询参数
- $args0 = array(
- 'cat' => 24, // 分类ID
- 'posts_per_page' => 9, // 每页显示的文章数量
- 'paged' => $paged
- );
-
- // 查询文章
- $query0 = new WP_Query($args0);
-
- if ($query0->have_posts()) {
- while ($query0->have_posts()) {
- $query0->the_post();
- // 在这里编写你的文章列表
- $excerpt = get_the_excerpt(); // 获取摘要
- if ( mb_strlen( $excerpt ) > 90 ) { // 如果字数超过200字
- $excerpt = mb_substr( $excerpt, 0, 90 ); // 截取前200个字符
- $excerpt .= '...'; // 添加省略号
- }
-
- ?>
- <li class="swiper-slide">
- <div>
- <?php
- if(has_post_thumbnail()){
- // 获取特色图片的ID
- $thumbnail_id = get_post_thumbnail_id();
- // 获取特色图片的URL
- $thumbnail_url = wp_get_attachment_url( $thumbnail_id );
-
- ?>
- <a href="#"><img src="<?php echo $thumbnail_url ?>" width="100%"></a>
- <?php
- }
- ?>
- </div>
- <h3><?php the_title(); ?></h3>
- </li>
- <?php
- }
- }
- // 重置WordPress查询
- wp_reset_postdata();
- ?>
- </ul>
- </div>
- <div class="swiper-button-prev swbp2"></div>
- <div class="swiper-button-next swbn2"></div>
- <a href="/about/?fid=24" class="more">更多 >></a>
- </div>
- </div>
- <div class="ind_box4">
- <div class="ind_tit2">
- <h3>新闻中心</h3>
- <p><span>与时俱进,箭冠第一手新闻</span></p>
- </div>
- <ul class="lm">
- <li><a href="/news/?fid=6"><span><span style="background: url(/wp-content/uploads/2024/03/2019072012523265.png);"></span></span>公司资讯</a></li>
- <li><a href="/news/?fid=7"><span><span style="background: url(/wp-content/uploads/2024/03/2019072012525057.png);"></span></span>门店速递</a></li>
- <li><a href="/news/?fid=8"><span><span style="background: url(/wp-content/uploads/2024/03/2019072012530973.png);"></span></span>行业资讯</a></li>
- <li><a href="/news/?fid=9"><span><span style="background: url(/wp-content/uploads/2024/03/2019072012534612.png);"></span></span>品类知识</a></li>
- </ul>
- <?php
- // 查询参数
- $args = array(
- 'cat' => 5,
- 'posts_per_page' => 6,
- 'orderby' => 'post_date',
- 'order' => 'DESC',
- 'post_status' => 'publish',
- 'ignore_sticky_posts' => true
- );
- // 查询文章
- $query = new WP_Query( $args );
- if ($query->have_posts()) {
- ?>
- <div class="list w1200">
- <?php
- // 取出第一篇文章
- $query->the_post();
- ?>
- <div class="l">
- <div>
- <?php
- if(has_post_thumbnail()){
- // 获取特色图片的ID
- $thumbnail_id = get_post_thumbnail_id();
- // 获取特色图片的URL
- $thumbnail_url = wp_get_attachment_url( $thumbnail_id );
- // 标题
- $title = get_the_title();
- if ( mb_strlen( $title ) > 22 ) {
- $title = mb_substr( $title, 0, 22 );
- $title .= '...'; // 添加省略号
- }
- $categories = get_the_category();
- if ( ! empty( $categories ) ) {
- // 获取第一个分类的ID
- $category_id = $categories[0]->term_id;
- if($category_id == 5){
- $category_id = $categories[1]->term_id;
- }
- }
- ?>
- <a href="/newsDetail/?id=<?php echo the_id() ?>&&fid=<?php echo $category_id ?>"><img src="<?php echo $thumbnail_url ?>" width="100%"></a>
- <?php
- }
- ?>
- </div>
- <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>
- </div>
- <?php
- rewind_posts(); // 重置查询指针,以便下次使用
- ?>
- <div class="r">
- <?php
- // 取出第二篇文章
- $query->the_post();
- ?>
- <div>
- <div>
- <?php
- if(has_post_thumbnail()){
- // 获取特色图片的ID
- $thumbnail_id = get_post_thumbnail_id();
- // 获取特色图片的URL
- $thumbnail_url = wp_get_attachment_url( $thumbnail_id );
- $excerpt = get_the_excerpt(); // 获取摘要
- if ( mb_strlen( $excerpt ) > 70 ) { // 如果字数超过200字
- $excerpt = mb_substr( $excerpt, 0, 70 ); // 截取前200个字符
- $excerpt .= '...'; // 添加省略号
- }
- $categories = get_the_category();
- if ( ! empty( $categories ) ) {
- // 获取第一个分类的ID
- $category_id = $categories[0]->term_id;
- if($category_id == 5){
- $category_id = $categories[1]->term_id;
- }
- }
- ?>
- <a href="/newsDetail/?id=<?php echo the_id() ?>&&fid=<?php echo $category_id ?>"><img src="<?php echo $thumbnail_url ?>" width="100%"></a>
- <?php
- }
- ?>
- </div>
- <h3><a href="/newsDetail/?id=<?php echo the_id() ?>&&fid=<?php echo $category_id ?>"><?php the_title(); ?></a></h3>
- <span><img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/index_76.jpg"><?php echo get_the_date(); ?></span>
- <p><?php echo $excerpt; ?></p>
- </div>
- <?php
- rewind_posts(); // 重置查询指针,以便下次使用
- ?>
- <ul>
- <?php
- while ($query->have_posts()) {
- $query->the_post();
- // 标题
- $title1 = get_the_title();
- if ( mb_strlen( $title ) > 22 ) {
- $title = mb_substr( $title, 0, 22 );
- $title .= '...'; // 添加省略号
- }
- $categories = get_the_category();
- if ( ! empty( $categories ) ) {
- // 获取第一个分类的ID
- $category_id = $categories[0]->term_id;
- if($category_id == 5){
- $category_id = $categories[1]->term_id;
- }
- }
- ?>
- <li>
- <span>[<?php echo get_the_date(); ?>]</span><a href="/newsDetail/?id=<?php echo the_id() ?>&&fid=<?php echo $category_id ?>"><?php echo $title1; ?></a>
- </li>
- <?php
- }
- // 重置WordPress查询
- wp_reset_postdata();
- ?>
- </ul>
- <a href="/news" class="more">更多 >></a>
- </div>
- </div>
- <?php
- }
- ?>
- </div>
- <div class="ind_box5">
- <div class="w1200">
- <div>行业老字号 创业更可靠</div>
- <h3>中国汽车易损易耗件连锁领跑品牌</h3>
- <p>加盟热线:400-881-2323</p>
- </div>
- </div>
- <div class="ind_box6">
- <div class="ind_tit2">
- <h3>加盟流程</h3>
- <p><span>全产业链 全流程 互联网化</span></p>
- </div>
- <div class="w1200">
- <ul>
- <li>
- <div><img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/index_81.jpg"></div>
- <p>了解箭冠</p>
- </li>
- <li>
- <div><img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/index_82.jpg"></div>
- <p>加盟申请</p>
- </li>
- <li>
- <div><img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/index_83.jpg"></div>
- <p>商务洽谈</p>
- </li>
- <li>
- <div><img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/index_84.jpg"></div>
- <p>支付定金</p>
- </li>
- <li>
- <div><img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/index_85.jpg"></div>
- <p>统一培训</p>
- </li>
- <li>
- <div><img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/index_86.jpg"></div>
- <p>新店开张</p>
- </li>
- </ul>
- </div>
- </div>
- <div class="ind_box7">
- <?php include 'commentFormMini.php'; ?>
- </div>
- <?php
- get_footer(); // 获取尾部
- ?>
- <link rel="stylesheet" type="text/css" href="<?php echo get_stylesheet_directory_uri(); ?>/assets/swiper.min.css">
- <style>
- .swiper-wrapper{
- height: auto;
- }
- .sw2 ul li > div{
- height: 235px;
- overflow: hidden;
- padding:5px;
- border: 1px solid #ddd;
- border-radius: 3px;
- }
- .sw2 ul li div a{display:flex;height:100%;width:100%;align-items: center;justify-content: center;}
- </style>
- <script type="text/javascript" src="<?php echo get_stylesheet_directory_uri(); ?>/assets/js/swiper.min.js"></script>
- <script type="text/javascript">
- // 提交表单
- jQuery(document).ready(function($) {
- $('#contact-form').submit(function(e) {
- e.preventDefault();
- if($("#rename").val()==''){
- alert('请输入联系人姓名!');
- return
- }
- if($("#phone").val()==''){
- alert('请输入联系电话!');
- return
- }
-
- $.ajax({
- url: $(this).attr('action'),
- type: 'post',
- data: {
- action: 'submit_custom_comment',
- comment_data: $(this).serialize()
- },
- success: function(response) {
- alert('提交成功!');
- $('#contact-form')[0].reset();
- },
- error: function() {
- alert('提交失败,请重试.');
- }
- });
- });
- });
- //首页-banner图片
- var swiper1 = new Swiper('.sw1', {
- slidesPerView: 1,
- spaceBetween: 0,
- slidesPerGroup: 1,
- loop: true,
- autoplay: {
- delay: 6000,//秒
- disableOnInteraction: false,//滑动不会失效
- reverseDirection: false,//如果最后一个 反向播放
- },
- pagination: {
- el: '.swp1',
- clickable: true,
- },
- navigation: {
- nextEl: '.swbp1',
- prevEl: '.swbn1',
- },
- });
- //首页-门店展示
- var ww = $(window).width();
- var swiper2 = new Swiper('.sw2', {
- slidesPerView: ww < 768 ? (ww < 560 ? 1 : 2) : 4,
- spaceBetween: 16,
- slidesPerGroup: 1,
- loop: true,
- autoplay: {
- delay: 5000,//秒
- disableOnInteraction: false,//滑动不会失效
- reverseDirection: false,//如果最后一个 反向播放
- },
- pagination: {
- el: '.swp2',
- clickable: true,
- },
- navigation: {
- nextEl: '.swbp2',
- prevEl: '.swbn2',
- },
- });
- //控制视频播放
- var video1=document.getElementById("video1");
- video1.onclick=function(){
- if(video1.paused){
- video1.play();
- }else{
- video1.pause();
- }
- }
- video1.addEventListener('canplaythrough', function() {
- video1.play();
- });
- $(window).scroll(function(e){
- video1.muted = true;
- if($(this).scrollTop() > $('.ind_box2').offset().top - window.innerHeight){
- if(video1.paused){
- video1.play();
- video1.muted = false;
- }
- }else{
- if(!video1.paused){
- video1.pause();
- }
- }
- })
- </script>
- </body>
- </html>
|