index.html 8.39 KB
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>美得得.手店</title>
    <include file="public/topmeta"/>
    <link rel="stylesheet" type="text/css" href="__STATIC__/css/base.css" media="screen"/>
    <link rel="stylesheet" type="text/css" href="__STATIC__/css/index.css" media="screen"/>
    <script type="text/javascript" src="__STATIC__/js/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="__STATIC__/js/swiper.polyfilled.js"></script>
    <script type="text/javascript" src="__STATIC__/js/newIndex.js"></script>

</head>
<body>


<include file="public/header"/>

<div class="banner-container" id="banner-container" yz_ctn_module="banner">
    <div class="swiper-container swiper-container-horizontal">
        <div class="swiper-wrapper" style="width: 11418px; transform: translate3d(-5709px, 0px, 0px); transition-duration: 0ms;">

            <div class="swiper-slide slide-1" data-swiper-slide-index="0">

                <div class="content-wrapper">
                    <h3>美得得.手店</h3>
                    <p class="font-lighter">快速搭建属于自己的一流在线商城,<br>每一个商家都能轻松,实现快速销售!
                        <br>咨询热线 :4000 879 077
                    </p>

                    <a href="/Home/index/register.html" class="button primary change_button">立即体验</a>
                    </div>
            </div>
            <div class="swiper-slide slide-2" data-swiper-slide-index="1">
                <div class="content-wrapper">
                    <h3>美得得.ERP+美得得.手店
                       </h3>
                    <p class="font-lighter"> 打通线上线下渠道,无缝融合。线上微商城通过营销玩法<br>
                        推广引流并高效转化线下门店,线上线下库存、会员、商品、<br>
                        订单数据互联互通,为客户提供智能化零售业务
                    </p>

                    <a href="/Home/index/register.html" class="button primary change_button">立即体验</a>
                </div>
            </div>

        </div>
        <div class="swiper-button-container">
            <div class="swiper-button-prev custom-prev"></div>
            <div class="swiper-button-next custom-next"></div>
        </div>
        <div class="swiper-pagination custom-pagination swiper-pagination-clickable swiper-pagination-bullets">
            <span class="swiper-pagination-bullet"></span>
            <span class="swiper-pagination-bullet"></span>
            <span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span>
            <span class="swiper-pagination-bullet"></span>
        </div>
    </div>
</div>


<div class="service">
    <h2 class="section-title">功能模块<br>
        <div  class="section-line"></div>
        <div class="section-stitle">强大的微商城功能,每一个商家都能轻松上手</div>
    </h2>

    <ul class="icon-container" id="introducelist">
        <li dataindex="1">
            <div id="service-1-img"></div>
            <h3>线上线下</h3>
            <p>可支持单线上零售商城,也可支持<br>线上线下整合营销,库存实时同步<br>&nbsp;
            </p>
            <p class="more"><span class='more_button' style="display: none">查看详情-></span>&nbsp;</p>

        </li>
        <li dataindex="2">
            <div id="service-2-img"></div>
            <h3>自定义模板</h3>
            <p>可视化装修,让商城装修更简单<br>给予用户完美的购物体验<br>&nbsp;</p>
            <p class="more"><span class='more_button' style="display: none">查看详情-></span>&nbsp;</p>
        </li>
        <li dataindex="3">
            <div id="service-6-img"></div>
            <h3>分销系统</h3>
            <p>让您的会员招募更多好友成为分销<br>
                商,全网裂变分销,让您的商品推<br>
                销员无处不在</p>
            <p class="more"><span class='more_button' style="display: none">查看详情-></span>&nbsp;</p>


        </li>
        <li dataindex="4">
            <div id="service-7-img"></div>
            <h3>促销方式</h3>
            <p>多样化促销方案,包括秒杀、拼单、<br>
                满减、搭配、等销售策略,<br>
                促进成交率</p>
            <p class="more"><span class='more_button' style="display: none">查看详情-></span>&nbsp;</p>
        </li>
        <li dataindex="5">
            <div id="service-8-img"></div>
            <h3>在线客服</h3>
            <p>客服与买家的沟通桥梁,PC/手机<br>
                端随时随地服务,提升销售转化率<br>&nbsp;</p>
            <p class="more"><span class='more_button' style="display: none">查看详情-></span>&nbsp;</p>
        </li>
        <li dataindex="6">
            <div id="service-4-img"></div>
            <h3>优惠券</h3>
            <p>注册/邀请或商家赠送,培养用户<br>
                先领券再购物的消费习惯,精准触<br>
                达用户,增加客户粘性</p>
            <p class="more"><span class='more_button' style="display: none">查看详情-></span>&nbsp;</p>
        </li>
        <li dataindex="7">
            <div id="service-5-img"></div>
            <h3>积分</h3>
            <p>可通过注册、邀请好友、签到获得<br>
                积分,积分可兑换商品或礼包<br>&nbsp;</p>
            <p class="more"><span class='more_button' style="display: none">查看详情-></span>&nbsp;</p>
        </li>
        <li dataindex="8">
            <div id="service-3-img"></div>
            <h3>会员管理</h3>
            <p>会员等级、会员积分可以提高会员的<br>
                活跃度,大大提升商城的复购率<br>&nbsp;</p>
            <p class="more"><span class='more_button' style="display: none">查看详情-></span>&nbsp;</p>
        </li>


        <li  dataindex="9">
            <div id="service-9-img"></div>
            <h3>卡包</h3>
            <p>可直接收入微信卡包的微信会员卡,<br>
                更易于被用户想起和使用,简单、直<br>
                接、传播广</p>
            <p class="more"><span class='more_button' style="display: none">查看详情-></span>&nbsp;</p>
        </li>
        <li  dataindex="10">
            <div id="service-10-img"></div>
            <h3>数据分析</h3>
            <p>强大的数据分析能力,为决策者提供数据<br>
                支持,解决运营难题<br>&nbsp;</p>
            <p class="more"><span class='more_button' style="display: none">查看详情-></span>&nbsp;</p>
        </li>
        <li>
            <div id="service-11-img"></div>
            <h3>更多功能</h3>
            <p>不断更新<br>&nbsp;<br>&nbsp;</p>

        </li>
    </ul>

</div>


<div class="partner">
    <h3>典型案例<br>
        <div  class="section-line"></div>
        <div class="section-stitle">服务了哪些客户很重要,用心更重要</div>
    </h3>
    <div class="trademark-container">
        <ul class="partnerlist">
            <foreach name="storeinfo" item="vo" key="k" >
            <li>
            <img src="{$vo.headerpic|str_replace='http://','https://',###}" alt="{$vo.store_name}" title="{$vo.store_name}" class="imgshow">
            <div class="storename">{$vo.store_name}</div>
            <p>{$vo.signature}</p>

                <div class="qrcode-cover">
                    <img class="image-qrcode" alt="image of qrcode" src="/index.php?m=Home&c=Index&a=qr_code&data={$cururl}/{$vo.store_id}">
                    <div class="note-qrcode">扫码参观店铺</div>
                </div>
            </li>
            </foreach>

        </ul>


    </div>
</div>

<include file="public/footer"/>

</body>
</html>
<script>
  $(".partnerlist li").mouseover(function () {
      $(this).find(".qrcode-cover").css('opacity',1);
  })
  $(".partnerlist li").mouseout(function () {
      $(this).find(".qrcode-cover").css('opacity',0);
  })

  $("#introducelist li").click(function () {
      if ($(this).attr("dataindex")>0) {
          location.href = "/home/introduce/index" + $(this).attr("dataindex");
      }
  })

  $("#introducelist li").mouseover(function () {
      $(this).addClass("active");
      $(this).find(".more_button").show();
  })
  $("#introducelist li").mouseout(function () {
      $(this).removeClass("active");
      $(this).find(".more_button").hide();

  })
</script>