<!doctype html>
<html class="no-js" lang="zxx">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>七彩叮当URINGO官方网站</title>
    <meta name="description" content="URINGO,七彩叮当,七彩叮当官网,七彩叮当官方网站,URINGO官网,URINGO官方网站,七彩叮当冰箱除味器,哥登七彩叮当URINGO">
    <meta name="keywords" content="URINGO,七彩叮当,七彩叮当官网,七彩叮当官方网站,URINGO官网,URINGO官方网站,七彩叮当冰箱除味器,哥登七彩叮当URINGO">
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> -->
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no;"/>
    <link rel="manifest" href="site.webmanifest">
    <link rel="apple-touch-icon" href="icon.png">
    <link rel="shortcut icon" href="./static/imageNew/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="static/css/bootstrap.min.css">
    <link rel="stylesheet" href="static/css/fontawesome-all.min.css">
    <link rel="stylesheet" href="static/css/slick.css">
    <link rel="stylesheet" href="static/css/nice-select.css">
    <link rel="stylesheet" href="static/css/animate.css">
    <link rel="stylesheet" href="static/css/meanmenu.css">
    <link rel="stylesheet" href="static/css/flaticon.css">
    <link rel="stylesheet" href="static/css/icomoon.css">
    <link rel="stylesheet" href="static/css/default.css">
    <link rel="stylesheet" href="static/css/style.css">
    <link rel="stylesheet" href="static/css/responsive.css">
    <link rel="stylesheet" href="static/css/swiper.min.css">
    <style>
        .copyrights {
            text-indent: -9999px;
            height: 0;
            line-height: 0;
            font-size: 0;
            overflow: hidden;
        }
        .slick-dots {
            position: absolute;
            transform: translateY(-50%);
            top:auto;
            right: auto;
            bottom: 100px;
            left: 50%;
            margin-left: -20px;
        }
        .slick-dots li{
            display: inline-block;
            margin: 0 5px;
        }
        .pb-20{
            padding-bottom: 20px;
        }
        .swiper-pagination-bullet-active{
            background: #82acd6;
        }
        .swiper-slide{
            position: relative;
        }
        .swiper-slide .textCon{
            position: absolute;
            top: 350px;
            right: 100px;
        }
        .animated{
            animation-duration:1.2s;
        }
        .swiper-slide h3{
            color: #fff;
            text-align: right;
            font-size: 3rem;
        }
        .swiper-slide h4{
            color: #fff;
            font-weight: normal;
            font-size: 1rem;
            text-align: right;
            margin: 20px 0;
        }
        .swiper-slide a{
            color: #fff;
            border: 1px solid #fff;
            border-radius: 12px 0 0 12px;
            padding: 6px 20px;
            float: right;
        }
    </style>
</head>

<body>
    <!--[if lte IE 9]>
        <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
    <![endif]-->
    <div id="preloader"></div>
    <header>
        <div id="header-sticky" class="header-area sticky-menu">
            <div class="header position-absolute pl-35 pr-35">
                <div class="container-fluid">
                    <div class="row align-items-center justify-content-lg-between">
                        <div class="col-xl-2  col-lg-7 col-md-7 col-sm-7 col-9">
                            <div class="logo float-right float-xl-left">
                                <a href="home.html">
                                    <img src="./static/imageNew/logo_old.png" class="logoImg">
                                    <img src="./static/imageNew/logo_old.png" class="logoImg_white">
                                </a>
                            </div>
                            <div class="d-block d-xl-none">
                                <a class="mobile-menubar" href="javascript:void(0);"><i class="fas fa-bars"></i></a>
                            </div>
                        </div>
                        <div
                            class="col-xl-8 col-lg-5 col-md-6 col-sm-6 col-5 d-none d-lg-flex align-items-lg-center justify-content-lg-center position-static">
                            <div class="main-menu">
                                <nav id="mobile-menu">
                                    <ul>
                                        <li class="active"><a href="home.html">&emsp;首页&emsp;</a></li>
                                        <li><a href="knowUs.html">了解我们</a></li>
                                        <li class="productCenterNav">
                                            <a href="productCenter.html">产品中心</a>
                                            <ul class="sonNav">
                                                <li>
                                                    <a href="javascript:;" >厨房好物</a>
                                                    <ul class="sonNav2">
                                                        <li><a href="http://shigao-sh.cn/productDetail.html?id=647c5d28be0a172c7b72ca87" target="_blank">手持锅</a></li>
                                                        <li><a href="http://shigao-sh.cn/productDetail.html?id=647c5ee9be0a172c7b72ca8a" target="_blank">空气炸锅</a></li>
                                                        <li><a href="http://shigao-sh.cn/productDetail.html?id=647c5ca2be0a172c7b72ca86" target="_blank">电蒸锅</a></li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" >玩趣生活</a>
                                                    <ul class="sonNav2">
                                                        <li><a href="http://shigao-sh.cn/productDetail.html?id=647c40e5526b24b4ecf06e40" target="_blank">暖菜板</a></li>
                                                        <li><a href="http://shigao-sh.cn/productDetail.html?id=647c5f62be0a172c7b72ca8b" target="_blank">榨汁杯</a></li>
                                                        <li><a href="http://shigao-sh.cn/productDetail.html?id=647c5dd0be0a172c7b72ca88" target="_blank">露营风扇</a></li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" >母婴专场</a>
                                                    <ul class="sonNav2">
                                                        <li><a href="http://shigao-sh.cn/productDetail.html?id=647c5e57be0a172c7b72ca89" target="_blank">凉白开</a></li>
                                                        <li><a href="http://shigao-sh.cn/productDetail.html?id=647c5ff6be0a172c7b72ca8c" target="_blank">BB煲</a></li>
                                                        <li><a href="http://shigao-sh.cn/productDetail.html?id=647c598bbe0a172c7b72ca82" target="_blank">调奶器</a></li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </li>
                                        <li><a href="newsCenter.html">新闻中心</a></li>
                                        <!-- <li><a href="javascript:;">加入我们</a></li> -->
                                        <li class="lineStore">
                                            <a href="javascript:;">在线商场</a>
                                            <ul class="sonNav">
                                                <li><a href="http://qicaidingdang.tmall.com" target="_blank">天猫旗舰店</a></li>
                                                <li><a href="http://mall.jd.com/index-1000423722.html" target="_blank">京东自营店</a></li>
                                                <li><a href="http://mall.jd.com/index-10405729.html" target="_blank">京东POP</a></li>
                                            </ul>
                                        </li>
                                        <!-- <li><a href="javascript:;">服务支持</a></li> -->
                                        <li><a href="foodchannel.html">美食中心</a></li>
                                        <li><a href="manual.html">说明书</a></li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                        <div class="col-xl-2  col-lg-4 col-md-5 col-sm-5 col-4 d-none d-lg-flex align-items-lg-center justify-content-lg-center position-static">
                            <input type="text" class="searchInput" placeholder="搜索">
                        </div>
                        <!-- <div class="col-xl-3  col-lg-4 col-md-5 col-sm-5 col-4"></div> -->
                    </div>
                </div>
            </div>
        </div>
    </header>
    <div class="side-mobile-menu bg-white pt-30 pb-30 pl-30 pr-30">
        <div class="mobile-menu"></div>
    </div>
    <div class="body-overlay"></div>
    
    <main>
        <!-- 轮播-start -->
        <div class="over-hidden homeBanner width100">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="./static/imageNew/banner1.jpg" alt="" class="homeBannerImg">
                        <div class="textCon ani bounceInUp animated" style="visibility: visible;">
                            <h3>轻生活微创新小家电</h3>
                            <h4>以微小创新，创百搭轻生活</h4>
                            <a href="./knowUs.html" target="_blank">探索更多></a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <img src="./static/imageNew/banner2.jpg" alt="" class="homeBannerImg">
                        <div class="textCon ani bounceInUp animated" style="visibility: visible;">
                            <h3>有颜有趣 百搭生活</h3>
                            <h4>URINGO以微小创新，创百搭轻生活</h4>
                            <a href="./knowUs.html" target="_blank">探索更多></a>
                        </div>
                    </div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </div>
        <!-- <div class="slider-area over-hidden bannerArea">
            <div class="slider-active">
                <div class="single-slider slider-height d-flex align-items-center"
                    data-background="static/imageNew/banner1.jpg" style="background-repeat: no-repeat;background-position: center;background-size: cover;">
                    <div class="container">
                        <div class="row">
                            <div
                                class="col-xl-12  col-lg-6  col-md-12  col-sm-12 col-12  d-flex align-items-center position-static">
                                <div class="slider-content">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="single-slider slider-height d-flex align-items-center"
                    data-background="static/image/banner2.jpg">
                    <div class="container">
                        <div class="row">
                            <div
                                class="col-xl-6  col-lg-6  col-md-12  col-sm-12 col-12  d-flex align-items-center position-static">
                                <div class="slider-content pl-35">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> -->
        <!-- 轮播-end  -->

        <!-- 海报 -->
        <!-- <div class="feature-area feature-position position-relative over-hidden">
            <div class="container-wrapper">
                <div class="feature-bg bg-white mlr-15 pl-30 pr-30 pt-30 mb-10">
                    <div class="row posterList">
                        <div class="col-xl-4  col-lg-4  col-md-4  col-sm-12 col-12">
                            <div class="single-feature position-relative over-hidden">
                                <img class="img-zoom" src="./static/image/4.jpg" alt="">
                            </div>
                        </div>
                        <div class="col-xl-4  col-lg-4  col-md-4  col-sm-12 col-12">
                            <div class="single-feature position-relative over-hidden">
                                <img class="img-zoom" src="./static/image/2.jpg" alt="">
                            </div>
                        </div>
                        <div class="col-xl-4  col-lg-4  col-md-4  col-sm-12 col-12">
                            <div class="single-feature position-relative over-hidden">
                                <img class="img-zoom" src="./static/image/3.jpg" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> -->
        <!-- <div class="introImgText" style="background-image: url('./static/imageNew/home1.jpg');"> -->
        <div class="introImgText" style="background-color:#82acd6;background-image: url('./static/imageNew/homeBg2.png');">
            <div class="container-wrapper pl-15 pr-15">
                <div class="textContent">
                    <img src="./static/imageNew/bell.png" alt="" class="bell">
                    <p>七彩叮当是广东七彩叮当智能科技有限公司旗下专注于生活厨房家电领域的轻生活微创新小家电品牌，于2017年成立。</p>
                    <p>七彩叮当，深耕小家电领域，品牌设有产品研发中心、供应链中心和营销中心，拥有研发销售、营销的全链条综合能力。自品牌成立起，七彩叮当秉承”微创新、高颜质、新实用、探趋势“的产品战略核心，持续探索家电创新型新体验，致力于打造品质用户专属的标配小家电。</p>
                    <p class="en">Continuously exploring innovative new experiences in home appliances, committed to creating high-quality users Exclusive standard small appliances..</p>
                </div>
            </div>
        </div>
        <div class="posterCon">
            <a href="./productCenterKitchen.html" target="_blank">
                <img src="./static/imageNew/home2.jpg" alt="" class="commImg">
            </a>
            <div class="textCon ani bounceInLeft animated">
                <h3>厨房好物</h3>
                <h4>GOOD KITCHEN THINGS</h4>
                <a href="./productCenterKitchen.html" target="_blank">
                    查看更多
                    <img src="./static/imageNew/rightCon_white.png" alt="">
                </a>
            </div>
        </div>
        <div class="posterCon">
            <a href="./productCenterPlay.html" target="_blank">
                <img src="./static/imageNew/home3.jpg" alt="" class="commImg">
            </a>
            <div class="textCon leftC ani bounceInRight animated">
                <h3>玩趣生活</h3>
                <h4>PLAY THE BORING LIFE</h4>
                <a href="./productCenterPlay.html" target="_blank">
                    查看更多
                    <img src="./static/imageNew/rightCon_white.png" alt="">
                </a>
            </div>
        </div>
        <div class="posterCon">
            <a href="./productCenterMaternal.html" target="_blank">
                <img src="./static/imageNew/home4.jpg" alt="" class="commImg">
            </a>
            <div class="textCon ani bounceInLeft animated">
                <h3>母婴专场</h3>
                <h4>MATERNAL AND CHILD SPECIAL</h4>
                <a href="./productCenterMaternal.html" target="_blank">
                    查看更多
                    <img src="./static/imageNew/rightCon_white.png" alt="">
                </a>
            </div>
        </div>
        
        <!-- 七彩叮当资讯-start -->
        <div class="Bestsellers Products-area over-hidden brandInfo">
            <div class="container-wrapper pl-15 pr-15">
                <div class="row">
                    <div class="col-xl-12  col-lg-12  col-md-12  col-sm-12 col-12">
                        <div class="zixunTitle">
                            <img src="./static/imageNew/zixunTitle.png" alt="" class="zixunTitleImg">
                            <span class="miniTitle">品牌资讯</span>
                        </div>

                        <!-- <div class="section-title text-center pt-90 pb-30">
                            <h2>热销产品</h2>
                            <p>HOST SALE</p>
                        </div> -->
                    </div>
                </div>
                <div class="row" id="productList">
                    <div class="col-xl-3  col-lg-3  col-md-4  col-sm-6 col-12 mb-40">
                        <div class="single-product position-relative pb-30">
                            <div class="single-product-img position-relative">
                                <a href="javascript:;">
                                    <img class="height100" src="./static/imageNew/zixun1.jpg" alt="">
                                </a>
                            </div>
                            <h5 class="product-name productName pt-20 pl-20">
                                <p class="title1">七彩叮当-户外风扇</p>
                                <p class="title2">上新 | 走，带上风一起去露营</p>
                            </h5>
                            <h5 class="product-name pt-20 pl-20">
                                <div>
                                    <a href="http://mp.weixin.qq.com/s?__biz=MzI4NzI4MTEyNA==&mid=2247498680&idx=1&sn=efc320c1cf9500de61ce72dfdf1096a7&chksm=ebd2a133dca528257a58b3fc9ac88ba9efe82b8e46dfb5aebc80a684daf96067d140ea3b5f8f&token=480673605&lang=zh_CN#rd" target="_blank" class="viewDetailBtn">查看详情</a>
                                    <img src="./static/imageNew/rightIcon.png" alt="" class="rightIcon">
                                </div>
                                <img src="./static/imageNew/lineIcon.png" alt="" class="lineIcon">
                            </h5>
                        </div>
                    </div>
                    <div class="col-xl-3  col-lg-3  col-md-4  col-sm-6 col-12 mb-40">
                        <div class="single-product position-relative pb-30">
                            <div class="single-product-img position-relative">
                                <a href="javascript:;">
                                    <img class="height100" src="./static/imageNew/zixun2.jpg" alt="">
                                </a>
                            </div>
                            <h5 class="product-name productName pt-20 pl-20">
                                <p class="title1">七彩叮当-城堡养生壶</p>
                                <p class="title2">久等了！这个城堡养生壶终于上新了！</p>
                            </h5>
                            <h5 class="product-name pt-20 pl-20">
                                <div>
                                    <a  href="http://mp.weixin.qq.com/s?__biz=MzI4NzI4MTEyNA==&mid=2247495756&idx=1&sn=e821a431a18e6a41749a5fea6b682ea3&chksm=ebd2aac7dca523d1903be275998f49e9d0c90ab192187de3652b9e149e669fedea96e382e868&token=480673605&lang=zh_CN#rd" target="_blank" class="viewDetailBtn">查看详情</a>
                                    <img src="./static/imageNew/rightIcon.png" alt="" class="rightIcon">
                                </div>
                                <img src="./static/imageNew/lineIcon.png" alt="" class="lineIcon">
                            </h5>
                        </div>
                    </div>
                    <div class="col-xl-3  col-lg-3  col-md-4  col-sm-6 col-12 mb-40">
                        <div class="single-product position-relative pb-30">
                            <div class="single-product-img position-relative">
                                <a href="javascript:;">
                                    <img class="height100" src="./static/imageNew/zixun3.jpg" alt="">
                                </a>
                            </div>
                            <h5 class="product-name productName pt-20 pl-20">
                                <p class="title1">七彩叮当-1.2L静音破壁机</p>
                                <p class="title2">别催啦~你们要找的静音破壁机在这！</p>
                            </h5>
                            <h5 class="product-name pt-20 pl-20">
                                <div>
                                    <a href="http://mp.weixin.qq.com/s/a02N44h2_Xyt15WxLzyM7A" target="_blank" class="viewDetailBtn">查看详情</a>
                                    <img src="./static/imageNew/rightIcon.png" alt="" class="rightIcon">
                                </div>
                                <img src="./static/imageNew/lineIcon.png" alt="" class="lineIcon">
                            </h5>
                        </div>
                    </div>
                    <div class="col-xl-3  col-lg-3  col-md-4  col-sm-6 col-12 mb-40">
                        <div class="single-product position-relative pb-30">
                            <div class="single-product-img position-relative">
                                <a href="javascript:;">
                                    <img class="height100" src="./static/imageNew/zixun4.jpg" alt="">
                                </a>
                            </div>
                            <h5 class="product-name productName pt-20 pl-20">
                                <p class="title1">七彩叮当-便携调奶器</p>
                                <p class="title2">新品｜出门喂奶大作战，别慌！便携调奶器拯救你~</p>
                            </h5>
                            <h5 class="product-name pt-20 pl-20">
                                <div>
                                    <a href="http://mp.weixin.qq.com/s?__biz=MzI4NzI4MTEyNA==&mid=2247491197&idx=1&sn=63a83425ed1456b08487e6237fdbfa74&chksm=ebd144f6dca6cde015f578eb3c333d5493d94b0d04c95e68d450520429fc28f9c425a41b4236&token=480673605&lang=zh_CN#rd" target="_blank" class="viewDetailBtn">查看详情</a>
                                    <img src="./static/imageNew/rightIcon.png" alt="" class="rightIcon">
                                </div>
                                <img src="./static/imageNew/lineIcon.png" alt="" class="lineIcon">
                            </h5>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 七彩叮当资讯-end -->
    </main>

    <!-- footer-area-start -->
    <footer>
        <div class="footer-area widget-area pt-50 dark-black-bg" style="background-image: url('./static/imageNew/bottomIcon.png');">
            <div class="border-footer">
                <div class="container-wrapper pl-15 pr-15">
                    <div class="row footerRow">
                        <div class="col-xl-8  col-lg-8  col-md-12  col-sm-12 col-12 footerDiv">
                            <div class="footer-widget">
                                <div>
                                    <img src="./static/imageNew/logo_white.png" alt="" class="whiteLogo">
                                </div>
                                <div>
                                    <a href="http://qicaidingdang.tmall.com" target="_blank">官方在线商城>></a>
                                    <a href="http://qicaidingdang.tmall.com" target="_blank" class="enterNow">立即进入</a>
                                </div>
                                <div class="listArea row pt-20">
                                        <div class="pl-20 col-xl-2 col-lg-2 col-md-12 col-sm-12 col-12 text-center">
                                            <a href="javascript:;" class="enterNow">关注我们</a>
                                        </div>
                                        <div class="col-xl-2 col-lg-2 col-md-2 col-sm-2 col-2 text-center">
                                            <img src="./static/imageNew/weixin.jpg" alt="">
                                            <p>官方公众号</p>
                                        </div>
                                        <div class="col-xl-2 col-lg-2 col-md-2 col-sm-2 col-2 text-center">
                                            <img src="./static/imageNew/weibo.jpg" alt="">
                                            <p>官方微博</p>
                                        </div>
                                        <div class="col-xl-2 col-lg-2 col-md-2 col-sm-2 col-2 text-center">
                                            <img src="./static/imageNew/douyinQrcode.jpg" alt="">
                                            <p>官方抖音号</p>
                                        </div>
                                        <div class="col-xl-2 col-lg-2 col-md-2 col-sm-2 col-2 text-center">
                                            <img src="./static/imageNew/xiaohongshuQrcode.jpg" alt="">
                                            <p>官方小红书</p>
                                        </div>
                                </div>
                                <!-- <h4 class="text-uppercase text-white ">关于七彩叮当URINGO</h4>
                                <p>
                                    七彩叮当URINGO专注于多功能电煮锅、迷你豆浆机、刀架消毒机等多品类生活及厨房家电的制造与研发，致力于打造高品质、高颜值、创新性与实用性相结合的好物，提倡讲究精致品位、拥抱高端质感的非凡人生，以欢享、欢庆、欢畅的积极态度，创造美好生活，主要目标消费群是都市轻中产阶层的年轻人，主张为都市人提供更便捷、精致的生活。
                                </p> -->
                            </div>
                        </div>
                        <!-- <div class="col-xl-4  col-lg-4  col-md-6  col-sm-6 col-12 d-flex justify-content-end">
                            <div class="footer-widget pb-30">
                                <h4 class="text-uppercase text-white">产品理念</h4>
                                <p>
                                    致力于打造属于年轻人健康的，高品质，高实用与高性价比相结合的生活及厨房“艺术品”。从生活角度出发，将生活美学渗透到年轻人的生活场景中，通过产品“仪式感”，发现更多生活、厨房中的惊喜！
                                </p>
                            </div>
                        </div> -->
                        <div class="col-xl-4  col-lg-4  col-md-12  col-sm-12 col-12 pt-50">
                            <div class="footer-widget subscriber-area pb-30 pl-100">
                                <h4 class="text-uppercase text-white">联系我们>></h4>
                                <div class="footer-info">
                                    <ul class="footer-address mt-25">
                                        <li>电话: <a href="tel:400-6029089" style="display: inline-block;margin-bottom: 0;">400-602-9089</a></li>
                                        <li>邮政编码: 528000</li>
                                        <li>地址: 广东省佛山市顺德区大良街道北区社区绿田路12号B栋六层606号</li>
                                        <br>
                                        <li>E-MAIL: uringo@gdgordon.com.cn</li>
                                        <li>媒体合作: uringo@163.com</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div><!-- /widget-area -->
            <div class="copyright-area">
                <div class="container-wrapper pt-15 pb-15">
                    <div class="copyright-text position-relative">
                        <p class="text-center">Copyright &copy; 2023.哥登七彩叮当URINGO版权所有 &emsp;<a href="http://beian.miit.gov.cn" target="_blank" style="color:#fff !important;">粤ICP备2020119383号<a></p>
                    </div>
                </div>
            </div>
        </div>
    </footer>

    <!-- back top -->
    <div class="position-relative">
        <div class="top text-center"><span class="icon-chevrons-up"></span></div>
    </div>

    <!-- All js here -->
    <script src="static/js/modernizr-3.5.0.min.js"></script>
    <script src="static/js/jquery-1.12.4.min.js"></script>
    <script src="static/js/popper.min.js"></script>
    <script src="static/js/bootstrap.min.js"></script>
    <script src="static/js/jquery.inputarrow.js"></script>
    <script src="static/js/jquery.nice-select.min.js"></script>
    <script src="static/js/slick.min.js"></script>
    <script src="static/js/isotope.pkgd.min.js"></script>
    <script src="static/js/plugins.js"></script>
    <script src="static/js/countdown.min.js"></script>
    <script src="static/js/jquery.meanmenu.min.js"></script>
    <script src="static/js/main.js"></script>
    <script src="static/js/swiper.jquery.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="./static/js/axios.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="./static/js/comm.js"></script>

    <script>
        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev',
            paginationClickable: true,
            spaceBetween: 30,
            centeredSlides: true,
            autoplay: 3000,
            autoplayDisableOnInteraction: false
        });
        // 加载置顶产品
        // loadProductTop()
        async function loadProductTop() {
            console.log(BASE_PATH)
            var res = await axios.get(BASE_PATH + '/web/product/getTopHomePage')
            if (res.status === 200) {
                var dataJson = res.data.data, htmls = ''
                console.log(dataJson)
                    
                for (var i in dataJson) {
                    htmls += '<div class="col-xl-3  col-lg-3  col-md-4  col-sm-6 col-12 mb-40">'+
                                '<div class="single-product bg-white position-relative pb-20">'+
                                    '<div class="single-product-img position-relative">'+
                                        '<a href="'+dataJson[i].mallLink+'" target="_blank">'+
                                            '<img class="height100" src="' + BASE_PATH + dataJson[i].carouselImgList[0].fileUrl + '" alt="">'+
                                        '</a>'+
                                        // '<div class="single-product-hover-img position-absolute">'+
                                        //     '<a href="single-product.html">'+
                                        //         '<img class="height100" src="./static/image/1-1.jpg" alt=""></a>'+
                                        // '</div>'+
                                    '</div>'+
                                    '<h5 class="product-name pt-20 pl-20 text-center"><a href="'+dataJson[i].mallLink+'" target="_blank">'+dataJson[i].productName+'</a></h5>'+
                                '</div>'+
                            '</div>'
                }
                $('#productList').html(htmls)
            }
        }
    </script>
</body>

</html>