<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="author" content="wpOceans" />
    <link
      rel="shortcut icon"
      type="image/png"
      href="assets/images/favicon.png"
    />
    <title>武汉创力电磁阀有限公司-首页</title>
    <link href="assets/css/themify-icons.css" rel="stylesheet" />
    <link href="assets/css/flaticon.css" rel="stylesheet" />
    <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
    <link href="assets/css/animate.css" rel="stylesheet" />
    <link href="assets/css/owl.carousel.css" rel="stylesheet" />
    <link href="assets/css/owl.theme.css" rel="stylesheet" />
    <link href="assets/css/slick.css" rel="stylesheet" />
    <link href="assets/css/slick-theme.css" rel="stylesheet" />
    <link href="assets/css/swiper.min.css" rel="stylesheet" />
    <link href="assets/css/owl.transitions.css" rel="stylesheet" />
    <link href="assets/css/jquery.fancybox.css" rel="stylesheet" />
    <link href="assets/css/odometer-theme-default.css" rel="stylesheet" />
    <link href="assets/sass/style.css" rel="stylesheet" />
    <link rel="stylesheet" href="assets/css/iconfont.css" />
  </head>

  <body>
    <!-- start page-wrapper -->
    <div class="page-wrapper">
      <!-- start preloader -->
      <!-- <div class="preloader">
        <div class="vertical-centered-box">
          <div class="content">
            <div class="loader-circle"></div>
            <div class="loader-line-mask">
              <div class="loader-line"></div>
            </div>
            <img src="assets/images/preloader.png" alt="" />
          </div>
        </div>
      </div> -->
      <!-- end preloader -->

      <!-- Start header -->
      <header id="header">
        <div class="wpo-site-header">
          <nav class="navigation navbar navbar-expand-lg navbar-light">
            <div class="container-fluid">
              <div class="row align-items-center">
                <div class="col-lg-3 col-md-3 col-3 d-lg-none dl-block">
                  <div class="mobail-menu">
                    <button type="button" class="navbar-toggler open-btn">
                      <span class="sr-only">Toggle navigation</span>
                      <span class="icon-bar first-angle"></span>
                      <span class="icon-bar middle-angle"></span>
                      <span class="icon-bar last-angle"></span>
                    </button>
                  </div>
                </div>
                <div class="col-lg-2 col-md-6 col-6">
                  <div class="navbar-header">
                    <a class="navbar-brand" href="index.html"
                      ><img src="assets/images/logo.png" alt="logo"
                    /></a>
                  </div>
                </div>
                <div class="col-lg-7 col-md-1 col-1">
                  <div
                    id="navbar"
                    class="collapse navbar-collapse navigation-holder"
                  >
                    <button class="menu-close"><i class="ti-close"></i></button>
                    <ul class="nav navbar-nav mb-2 mb-lg-0">
                      <li class="">
                        <a class="active" href="index.html">首页</a>
                      
                      </li>

                      <li class="menu-item-has-children">
                        <a href="shop.html">产品展示</a>
                      </li>
                      <li class="">
                        
                      </li>
                      <li class="">
                        <a href="blog.html">新闻</a>
                      </li>
                      <li><a href="about.html">关于</a></li>
                      <li><a href="contact.html">联系方式</a></li>
                    </ul>
                  </div>
                  <!-- end of nav-collapse -->
                </div>
              </div>
            </div>
            <!-- end of container -->
          </nav>
        </div>
      </header>
      <!-- end of header -->

      <!-- Start of static-hero -->
      <section class="static-hero">
        <div class="wraper">
          <div class="content">
            <h2>Welcome to 创力电磁阀</h2>
            <h3>自2006</h3>
            <p>我们一直专注 塑料防腐蚀电磁阀研发生产</p>
            <div class="hero-btn">
              <a href="about.html" class="theme-btn">了解更多</a>
            </div>
          </div>
        </div>
      </section>

      <!-- start of wpo-feature-section -->
      <section class="wpo-feature-section">
        <div class="wraper">
          <div class="item">
            <div class="icon">
              <img src="assets/images/feature/1.svg" alt="" />
            </div>
            <div class="content">
              <h2><span class="odometer" data-count="500">00</span>+</h2>
              <h3>成功</h3>
              <span>产品案例</span>
            </div>
          </div>
          <div class="item">
            <div class="icon">
              <img src="assets/images/feature/2.svg" alt="" />
            </div>
            <div class="content">
              <h2><span class="odometer" data-count="300">00</span>+</h2>
              <h3>高度</h3>
              <span>专业人员</span>
            </div>
          </div>
          <div class="item">
            <div class="icon">
              <img src="assets/images/feature/3.svg" alt="" />
            </div>
            <div class="content">
              <h2><span class="odometer" data-count="226">00</span>+</h2>
              <h3>输出</h3>
              <span>世界各地</span>
            </div>
          </div>
          <div class="item">
            <div class="icon">
              <img src="assets/images/feature/4.svg" alt="" />
            </div>
            <div class="content">
              <h2><span class="odometer" data-count="25">00</span>+</h2>
              <h3>荣誉</h3>
              <span>各类奖项</span>
            </div>
          </div>
        </div>
      </section>

      <!-- start of wpo-about-section -->
      <section class="wpo-about-section section-padding">
        <div class="container">
          <div class="row align-items-center">
            <div class="col-lg-6 col-12">
              <div class="about-left-image">
                <img src="assets/images/ab-1.jpg" alt="" />
                <div class="ab-2">
                  <img src="assets/images/ab-2.jpg" alt="" />
                </div>
              </div>
            </div>
            <div class="col-lg-6 col-12">
              <div class="content">
                <h2>关于 公司</h2>
                <h3>我们正在解决您的所有业务问题</h3>
                <p>
                  武汉创力电磁阀有限公司成立于2006年，位于湖北武汉市江夏庙山开发区民营工业园，是一家电磁阀专业生产厂家。
                  主营产品：电磁阀、通用电磁阀、水用电磁阀、化工电磁阀、消防电磁阀、塑料电磁阀、不锈钢电磁阀、脉冲电磁阀等电磁阀产品。
                  创力生产厂房3755㎡，拥有一批专业的技术人才，具有完备的机械加工设备，并投资100多万元建设了国内，电磁阀厂家，对电磁阀各项技术参数电脑数据采集并分析的电磁阀检测试验中心……
                </p>
              </div>
            </div>
          </div>
        </div>
      </section>

      <!-- start of wpo-service-section -->
      <section class="wpo-service-section section-padding">
        <div class="service-wrap">
          <div class="wpo-section-title">
            <h2>我们提供的</h2>
            <h3>服务</h3>
          </div>
          <div class="service-slider owl-carousel">
            <div class="item">
              <div class="image">
                <img src="assets/images/service/1.jpg" alt="" />
                <span>01</span>
                <div class="line-one"></div>
                <div class="line-two"></div>
              </div>
              <div class="content">
                <div class="icon">
                  <img src="assets/images/service/icon-1.svg" alt="" />
                </div>
                <h2><a href="service-single.html">电力 & 能源部门</a></h2>
                <!-- <p>Sagittis fringilla a scelerisque sitro consetetur nunc. Urna est eget pellentesque.</p> -->
              </div>
            </div>
            <div class="item">
              <div class="image">
                <img src="assets/images/service/2.jpg" alt="" />
                <span>02</span>
                <div class="line-one"></div>
                <div class="line-two"></div>
              </div>
              <div class="content">
                <div class="icon">
                  <img src="assets/images/service/icon-2.svg" alt="" />
                </div>
                <h2><a href="service-single.html">建筑 & 设计</a></h2>
                <!-- <p>Sagittis fringilla a scelerisque sitro consetetur nunc. Urna est eget pellentesque.</p> -->
              </div>
            </div>
            <div class="item">
              <div class="image">
                <img src="assets/images/service/3.jpg" alt="" />
                <span>03</span>
                <div class="line-one"></div>
                <div class="line-two"></div>
              </div>
              <div class="content">
                <div class="icon">
                  <img src="assets/images/service/icon-3.svg" alt="" />
                </div>
                <h2><a href="service-single.html">传统工业 & 制造业</a></h2>
                <!-- <p>Sagittis fringilla a scelerisque sitro consetetur nunc. Urna est eget pellentesque.</p> -->
              </div>
            </div>
            <div class="item">
              <div class="image">
                <img src="assets/images/service/4.jpg" alt="" />
                <span>04</span>
                <div class="line-one"></div>
                <div class="line-two"></div>
              </div>
              <div class="content">
                <div class="icon">
                  <img src="assets/images/service/icon-4.svg" alt="" />
                </div>
                <h2><a href="service-single.html">生产制造业</a></h2>
                <!-- <p>Sagittis fringilla a scelerisque sitro consetetur nunc. Urna est eget pellentesque.</p> -->
              </div>
            </div>
          </div>
        </div>
      </section>

      <!-- start of wpo-history-section -->
      <section class="wpo-history-section">
        <div class="container">
          <div class="row">
            <div class="col-lg-6 col-12">
              <div class="content">
                <!-- <span>Our History</span> -->
                <h2>公司 历史</h2>
                <p>
                  武汉创力电磁阀有限公司成立于2006年，位于湖北武汉市江夏庙山开发区民营工业园，是一家电磁阀、电动阀的专业生产厂家。
                  主营产品有：塑料防腐电磁阀、消防电磁阀、脉冲电磁阀、塑料电动球阀等产品。
                  公司主导产品塑料耐腐蚀电磁阀已形成PVC系列、CPVC系列、PP系列、及聚四氟系列，广泛应用于水处理、化工、电镀、环境工程等行业。自2006年投放市场以来，历经十几年的实际应用检验证明：创力塑料耐腐蚀电磁阀成熟可靠，得到广大用户的认可公司自成立以来，积极开展技术交流与合作。先后与凯迪电力、龙净环保等高科技上市企业进行技术合作和产品研制。
                  公司拥有一批专业的技术人才，完备的机械加工设备，建设成立了电磁阀检测试验中心。
                  创力公司正以振奋的精神，严谨的作风，不断创新的科学精神，脚踏实地的工作，将为广大客户提供高质量的产品和优质的服务。武汉创力电磁阀有限公司注册商标CLSV。
                </p>
                <div class="btn_history">
                  <a href="about.html">了解更多</a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="video-content">
          <!-- <img src="assets/images/history.jpg" alt=""> -->
          <video
            autoplay
            muted
            loop
            poster="assets/images/history.jpg"
            src="assets/images/diancifa.mp4"
          ></video>
          <!-- <video src="assets/images/diancifa.mp4" class="video-btn"
                    data-type="iframe">
                    <span></span>
                </video> -->
        </div>
      </section>

      <!-- start of wpo-team-section -->
      <!-- <section class="wpo-team-section section-padding">
        <div class="container">
          <div class="row justify-content-left">
            <div class="col-12">
              <div class="wpo-section-title">
                <h3>专家 团队</h3>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-lg-3 col-md-6 col-12">
              <div class="tema-card">
                <div class="image">
                  <img src="assets/images/team/img-1.jpg" alt="" />
                </div>
                <div class="content">
                  <h3><a href="javascript:void(0);">Robert Fox</a></h3>
                  <span>HR Leader</span>
                </div>
              </div>
            </div>
            <div class="col-lg-3 col-md-6 col-12">
              <div class="tema-card">
                <div class="image">
                  <img src="assets/images/team/img-2.jpg" alt="" />
                </div>
                <div class="content">
                  <h3><a href="javascript:void(0);">Kristin Watson</a></h3>
                  <span>Human Recources</span>
                </div>
              </div>
            </div>
            <div class="col-lg-3 col-md-6 col-12">
              <div class="tema-card">
                <div class="image">
                  <img src="assets/images/team/img-3.jpg" alt="" />
                </div>
                <div class="content">
                  <h3><a href="javascript:void(0);">Guy Hawkins</a></h3>
                  <span>Manager</span>
                </div>
              </div>
            </div>
            <div class="col-lg-3 col-md-6 col-12">
              <div class="tema-card">
                <div class="image">
                  <img src="assets/images/team/img-4.jpg" alt="" />
                </div>
                <div class="content">
                  <h3><a href="javascript:void(0);">Albert Flores</a></h3>
                  <span>Department Head</span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section> -->

      <!-- start of wpo-project-section -->
      <!-- <section class="wpo-project-section">
        <div class="container-fluid">
          <div class="project-slider owl-carousel">
            <div class="project-card">
              <div class="image">
                <img src="assets/images/project/1.jpg" alt="" />
              </div>
              <div class="content">
                <h3 style="color: #eef9dc">产品生产</h3>
                <p>严格的工业制造程序，打造完美品质</p>
                <p>1、UPVC的适用范围：硫酸、盐酸浓度＜10%，流体温度＜50℃</p>
                <p>
                  2、CPVC的适用范围：硫酸浓度＜60%、任意盐酸浓度均适合，流体温度＜95℃
                </p>
                <p>3、四氟的适用范围：特殊流体（腐蚀性超强）。流体温度＜150℃</p>
              </div>
            </div>
            <div class="project-card">
              <div class="image">
                <img src="assets/images/project/2.jpg" alt="" />
              </div>
              <div class="content">
                <h3 style="color: #eef9dc">产品生产</h3>
                <p>严格的工业制造程序，打造完美品质</p>
                <p>1、UPVC的适用范围：硫酸、盐酸浓度＜10%，流体温度＜50℃</p>
                <p>
                  2、CPVC的适用范围：硫酸浓度＜60%、任意盐酸浓度均适合，流体温度＜95℃
                </p>
                <p>3、四氟的适用范围：特殊流体（腐蚀性超强）。流体温度＜150℃</p>
              </div>
            </div>
            <div class="project-card">
              <div class="image">
                <img src="assets/images/project/3.jpg" alt="" />
              </div>
              <div class="content">
                <h3 style="color: #eef9dc">产品生产</h3>
                <p>严格的工业制造程序，打造完美品质</p>
                <p>1、UPVC的适用范围：硫酸、盐酸浓度＜10%，流体温度＜50℃</p>
                <p>
                  2、CPVC的适用范围：硫酸浓度＜60%、任意盐酸浓度均适合，流体温度＜95℃
                </p>
                <p>3、四氟的适用范围：特殊流体（腐蚀性超强）。流体温度＜150℃</p>
              </div>
            </div>
            <div class="project-card">
              <div class="image">
                <img src="assets/images/project/4.jpg" alt="" />
              </div>
              <div class="content">
                <h3 style="color: #eef9dc">产品生产</h3>
                <p>严格的工业制造程序，打造完美品质</p>
                <p>1、UPVC的适用范围：硫酸、盐酸浓度＜10%，流体温度＜50℃</p>
                <p>
                  2、CPVC的适用范围：硫酸浓度＜60%、任意盐酸浓度均适合，流体温度＜95℃
                </p>
                <p>3、四氟的适用范围：特殊流体（腐蚀性超强）。流体温度＜150℃</p>
              </div>
            </div>
          </div>
        </div>
      </section> -->

      <!-- start of wpo-testimonial-section -->
 

      <!-- start of wpo-blog-section -->
      <section class="wpo-blog-section section-padding">
        <div class="container">
          <div class="row justify-content-left">
            <div class="col-12">
              <div class="wpo-section-title">
                <!-- <h2>新闻</h2> -->
                <h3>新闻</h3>
              </div>
            </div>
          </div>
          <div class="row lefts">
            <!-- <div class="col-lg-4 col-md-6 col-12 "> -->
              <!-- <div class="blog-card">
                <div class="image">
                  <img src="assets/images/blog/img-1.jpg" alt="" />
                </div>
                <div class="content">
                  <ul>
                    <li>01-05-2024</li>
                    <li>By: Manik Doe</li>
                  </ul>
                  <h2>
                    <a href="blogDetail.html?detailID=611544211177541"
                      >小型电磁阀的应用与选型指南</a
                    >
                  </h2>
                  <p>
                    在工业自动化和流体控制系统中，电磁阀扮演着至关重要的角色。特别是小型电磁阀，因其结构紧凑、动作迅速、可靠性高等特点，被广泛应用于各个行业。小型电磁阀是利用电磁力控制阀芯的运动，从而改变阀门的开启和关闭状态，实现对流体介质的控制。
                  </p>
                  <a href="blogDetail.html?detailID=611544211177541"
                    >了解详情<i class="ti-arrow-right"></i
                  ></a>
                </div>
              </div>
            </div>
            <div class="col-lg-4 col-md-6 col-12">
              <div class="blog-card">
                <div class="image">
                  <img src="assets/images/blog/img-2.jpg" alt="" />
                </div>
                <div class="content">
                  <ul>
                    <li>01-05-2024</li>
                    <li>By: Manik Doe</li>
                  </ul>
                  <h2>
                    <a href="blogDetail.html?detailID=611544281813061"
                      >四氟电磁阀：工业流体控制的得力助手</a
                    >
                  </h2>
                  <p>
                    在现代工业流体控制系统中，电磁阀作为关键的自动调节装置，扮演着举足轻重的角色。其中，四氟电磁阀以其独特的材质特性和广泛的应用领域，成为了行业内的佼佼者。本文将对四氟电磁阀的材质特性、工作原理、应用场景以及未来发展前景进行详细介绍。
                  </p>
                  <a href="blogDetail.html?detailID=611544281813061"
                    >了解详情<i class="ti-arrow-right"></i
                  ></a>
                </div>
              </div>
            </div>
            <div class="col-lg-4 col-md-6 col-12">
              <div class="blog-card">
                <div class="image">
                  <img src="assets/images/blog/img-3.jpg" alt="" />
                </div>
                <div class="content">
                  <ul>
                    <li>01-05-2024</li>
                    <li>By: Manik Doe</li>
                  </ul>
                  <h2>
                    <a href="blogDetail.html?detailID=611544408420421"
                      >探索创新技术：PVC电磁阀在现代工业中的应用与优势</a
                    >
                  </h2>
                  <p>
                    在当代的工业自动化领域，精确控制流体的传输是至关重要的。随着科技的不断进步，各式各样的阀门被设计和制造出来以满足不同的应用需求。PVC电磁阀由于其独特的特性和广泛的应用，即聚氯乙烯，因其耐腐蚀性强、成本低廉而被广泛应用于管道和阀门的制造中。
                  </p>
                  <a href="blogDetail.html?detailID=611544408420421"
                    >了解详情<i class="ti-arrow-right"></i
                  ></a>
                </div>
              </div>
            </div> -->
          <!-- </div> -->
        </div>
      </section>

      <!-- start of wpo-site-footer-section -->
      <footer class="wpo-site-footer">
        <div class="wpo-upper-footer">
          <div class="container">
            <div class="row">
              <div class="col col-lg-3 col-md-6 col-sm-12 col-12">
                <div class="widget about-widget">
                  <div class="logo widget-title">
                    <img src="assets/images/logo.png" alt="blog" />
                  </div>
                  <p>
                    公司拥有一批专业的技术人才，完备的机械加工设备，建设成立了电磁阀检测试验中心。
                    创力公司正以振奋的精神，严谨的作风，不断创新的科学精神，脚踏实地的工作，将为广大客户提供高质量的产品和优质的服务。武汉创力电磁阀有限公司注册商标CLSV。
                  </p>
                  <div class="social-widget">
                    <ul>
                      <li>
                        <a href="javascript:void(0);"
                          ><i class="iconfont icon-weibo-copy"></i
                        ></a>
                      </li>
                      <li>
                        <a href="javascript:void(0);"
                          ><i class="iconfont icon-weixin"></i
                        ></a>
                      </li>
                      <li>
                        <a href="javascript:void(0);" title="027-81801383"
                          ><i class="iconfont icon-dianhua-yuankuang"></i
                        ></a>
                      </li>
                      <li>
                        <a href="javascript:void(0);" title="576215950"
                          ><i class="iconfont icon-QQ-circle-fill"></i
                        ></a>
                      </li>
                      <li>
                        <img
                          class="weixin"
                          src="assets/images/weixin.jpg"
                          style="display: none; margin-top: 16px"
                          alt=""
                        />
                      </li>
                      <li>
                        <img
                          class="lianxi"
                          src="assets/images/lianxi.jpg"
                          style="display: none; margin-top: 16px"
                          alt=""
                        />
                      </li>
                      <li>
                        <div
                          class="dianhua"
                          style="display: none; margin-top: 16px"
                        >
                          027-81801383
                        </div>
                      </li>
                      <li>
                        <div class="qq" style="display: none; margin-top: 16px">
                          QQ : 576215950
                        </div>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>

              <div class="col col-lg-3 col-md-6 col-sm-12 col-12">
                <div class="widget link-widget">
                  <div class="widget-title">
                    <h3>导航</h3>
                  </div>
                  <ul>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="blog.html">新闻</a></li>
                    <li><a href="about.html">关于</a></li>
                    <li><a href="contact.html">联系我们</a></li>
                  </ul>
                </div>
              </div>

              <div class="col col-lg-3 col-md-6 col-sm-12 col-12">
                <div class="widget newsletter-widget">
                  <div class="widget-title">
                    <h3>联系方式</h3>
                  </div>
                  <div class="email-from">
                    <p>湖北省武汉市江夏区庙山开发区江夏大道37号2号厂房</p>
                    <p>576215950@qq.com</p>
                    <p>+027-81801383</p>
                    <p>技术支持:13871578561（微信）</p>
                    <p>订货:18971151821（微信）</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- end container -->
        </div>
        <div class="wpo-lower-footer">
          <div class="container">
            <div class="row">
              <div class="col col-xs-12">
                <p class="copyright">
                  Copyright &copy; 武汉创力电磁阀有限公司 All rights reserved
                  备案号：鄂ICP备19003786号-1
                  专业从事于pvc电磁阀,四氟电磁阀,小型电磁阀, 欢迎来电咨询!
                </p>
              </div>
            </div>
          </div>
        </div>
      </footer>
      <!-- end of wpo-site-footer-section -->
    </div>
    <!-- end of page-wrapper -->
    <!-- All JavaScript files
    ================================================== -->
    <script src="assets/js/mustache.min.js"></script>
    <script type="text/template" id="template">
      <div class="col-lg-4 col-md-6 col-12 ">
      <div class="blog-card">
        <div class="image">
          <img src='http://8.155.19.29/prod-api/api/sysFile/get-file/{{posterFileId}}' alt />
        </div>
        <div class="content">
          <ul>
            <li>{{createTime}}</li>
            <li>{{createUserName}}</li>
          </ul>
          <h2>
            <a href="blogDetail.html?detailID={{id}}"
              >{{title}}</a
            >
          </h2>
          <p>
            {{summary}}
          </p>
          <a href="blogDetail.html?detailID={{id}}"
            >了解详情<i class="ti-arrow-right"></i
          ></a>
        </div>
      </div>
    </div>
    </script>
    <script>
      window.onload = function () {
        var baseurl = "http://8.155.19.29:5005";
        var newDataList = []; //接收新闻数据list
        var leftMenu = $(".lefts"); //左侧的菜单



        let CategoryId = '564720859680837'
        function initData() {
          let params = { CategoryId: CategoryId };
          $.ajax({
            type: "post",
            url: baseurl + "/api/cmsArticle/page",
            beforeSend: function (xhr) {
              xhr.setRequestHeader(
                "Authorization",
                "Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJVc2VySWQiOjEzMDAwMDAwMDAxMDEsIlRlbmFudElkIjoxMzAwMDAwMDAwMDAxLCJBY2NvdW50Ijoic3VwZXJhZG1pbiIsIlJlYWxOYW1lIjoi6LaF57qn566h55CG5ZGYIiwiQWNjb3VudFR5cGUiOjk5OSwiT3JnSWQiOjAsIk9yZ05hbWUiOm51bGwsIk9yZ1R5cGUiOm51bGwsImlhdCI6MTcyMTQ0NDM3OSwibmJmIjoxNzIxNDQ0Mzc5LCJleHAiOjE3MjIwNDkxNzksImlzcyI6IldlU2hvcCIsImF1ZCI6IldlU2hvcCJ9.TwhczFwFhXQc-krz51LX0C2T9msVyihma_HlAhRy8qI"
              ); // 假设添加授权令牌
              xhr.setRequestHeader(
                "Content-Type",
                "application/json-patch+json"
              );
            },
            data: JSON.stringify(params),
            success: function (res) {
              newDataList = res.result.items;
              if(newDataList.length>0){
                console.log(newDataList,'newDataList');
                
                renderData(newDataList.slice(0,3));
              }
              
            },
            error: function (error) {
              console.log(error, "error");
            },
          });
        }
        initData()
       // 渲染函数
        function renderData(data) {
          leftMenu.empty();
          var template = $("#template").html();
          template.innerHTML = "";
          $.each(data, function (index, item) {
            var rendered = Mustache.render(template, item);
            leftMenu.append(rendered);
          });
        }
  
   
      };
    </script>
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <!-- Plugins for this template -->
    <script src="assets/js/modernizr.custom.js"></script>
    <script src="assets/js/jquery-plugin-collection.js"></script>
    <!-- Custom script for this template -->
    <script src="assets/js/script.js"></script>
   
  </body>
</html>
