zhengwei
/
buying


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264
							<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ include file="../mobile/meta.jsp" %>
<link rel="stylesheet" href="${base}/static/web/frame/swiper/swiper-3.4.2.min.css">
<script src="${base}/static/web/frame/swiper/swiper-3.4.2.jquery.min.js"></script>
<title>新零售解决方案提供商</title>
<style>
    .swiper-container img {
        width: 100%;
        display: block;
    }
    .mui-grid-view.mui-grid-9 .mui-table-view-cell{
        border: 0;
    }
    .shopping {
        padding: .3rem 0;
        background-color: #fff;
        text-align: center;
    }

    .shopping h3 {
        font-size: .48rem;
        margin-bottom: .2rem;
        font-weight: normal;
    }

    .shopping ul {
        margin-top: .5rem;
        margin-bottom: 0rem;
        padding: 0 .3rem;
        width: 100%;
        box-sizing: border-box;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        -webkit-box-pack: justify;
        -moz-justify-content: space-between;
        -webkit-justify-content: space-between;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        align-content: space-between;
        -webkit-align-content: space-between;
        -o-align-content: space-between;
        -moz-align-content: space-between;
        -ms-align-content: space-between;
    }

    .shopping ul li {
        width: 3rem;
        height: 1rem;
        background-color: #f5f5f5;
        border-radius: .6rem;
        padding-left: .16rem;
        padding-top: .1rem;
        box-sizing: border-box;
        display: flex;
        display: -webkit-flex;
        justify-content: flex-start;
        -moz-justify-content: flex-start;
        -webkit-justify-content: flex-start;
        margin-bottom: .2rem;
    }

    .shopping ul li img {
        width: .8rem;
        height: .8rem;
        display: inline-block;
        vertical-align: middle;
        border-radius: 50%;
    }

    .shopping ul li p {
        font-size: .3rem;
        font-weight: bold;
        color: #333;
        line-height: .8rem;
        margin-left: .3rem;
    }

    .c-title {
        padding: 0.2rem 0 0.2rem 0.3rem;
        position: relative;
        background-color: #fff;
        margin-top: .2rem;
    }
    .mui-card{
        box-shadow:none;
        margin:0 0 .2rem 0;
        border-radius: 0;
    }
    .mui-card-content-inner{
        padding: .22rem .3rem;
    }
    .mui-grid-9 .mui-icon{
        color: #458bfb;
    }
</style>
</head>

<body>
<nav class="mui-bar mui-bar-tab">
    <a class="mui-tab-item" style="border-right: 1px solid #ddd;" id="chat">
        <span class="mui-tab-label main-color"><i class="mui-icon mui-icon-chat mr5"></i>微信咨询</span>
    </a>
    <a class="mui-tab-item" id="phone">
        <span class="mui-tab-label main-color"><i class="mui-icon mui-icon-phone mr5 bold"></i>电话咨询</span>
    </a>
</nav>
<div class="mui-content">
    <div class="swiper-container">
        <div class="swiper-wrapper text-c">
            <div class="swiper-slide"><img src="${base}/static/mnit/image/banner1.jpg"></div>
            <div class="swiper-slide"><img src="${base}/static/mnit/image/banner2.jpg"></div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
    </div>
    <div class="shopping">
        <h3>新零售微信商城</h3>
        <p class="fs12" style="line-height: 1.4">线上线下融汇贯通，助力企业快速搭建新零售微信商城</p>
        <ul>
            <li>
                <img src="${base}/static/mnit/image/sys01.jpg">
                <p>线上商城</p>
            </li>
            <li>
                <img src="${base}/static/mnit/image/sys02.jpg">
                <p>线下门店</p>
            </li>
            <li class="mb0">
                <img src="${base}/static/mnit/image/sys05.jpg">
                <p>精准营销</p>
            </li>
            <li class="mb0">
                <img src="${base}/static/mnit/image/sys03.jpg">
                <p>裂变分销</p>
            </li>
        </ul>
    </div>
    <div class="c-title" ><span style="border-left: 3px solid #458bfb;padding-left: 10px;"> </span>解决方案</div>
    <ul class="mui-table-view mui-grid-view mui-grid-9 bgcolor1">
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="javascript:;">
            <span class="mui-icon mui-icon-home"></span>
            <div class="mui-media-body">社区团购</div>
        </a></li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="javascript:;">
            <span class="mui-icon iconfont icon-qiang"></span>
            <div class="mui-media-body">限时抢购</div>
        </a></li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="javascript:;">
            <span class="mui-icon iconfont icon-jianjia"></span>
            <div class="mui-media-body">全民砍价</div>
        </a></li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="javascript:;">
            <span class="mui-icon iconfont icon-duorenpintuan"></span>
            <div class="mui-media-body">裂变分销</div>
        </a></li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="javascript:;">
            <span class="mui-icon iconfont icon-lipin"></span>
            <div class="mui-media-body">积分商城</div>
        </a></li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="javascript:;">
            <span class="mui-icon iconfont icon-qiqiu"></span>
            <div class="mui-media-body">营销活动</div>
        </a></li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="javascript:;">
            <span class="mui-icon iconfont icon-shangjia"></span>
            <div class="mui-media-body">多门店</div>
        </a></li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="javascript:;">
            <span class="mui-icon iconfont icon-icon049"></span>
            <div class="mui-media-body">供应链</div>
        </a></li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="javascript:;">
            <span class="mui-icon iconfont icon-fukuanma"></span>
            <div class="mui-media-body">一物一码</div>
        </a></li>
    </ul>
    <div class="c-title" ><span style="border-left: 3px solid #458bfb;padding-left: 10px;"> </span>客户案例<span class="color2">（点击查看）</span></div>
    <div class="mui-card">
        <a href="http://www.wuyijia.com/mobile/index.jsp">
            <div class="mui-card-header mui-card-media" style="height:40vw;background-image:url(http://www.wuyijia.com/image/mall/nav/6348eae127334c7badbfc86fbae5d681.jpg)"></div>
            <div class="mui-card-content">
                <div class="mui-card-content-inner">
                    <p class="color1 mb5">吾艺家整体软装</p>
                    <p class="mb0">整体软装新零售开创者</p>
                </div>
            </div>
        </a>
    </div>
    <div class="mui-card">
        <a href="http://www.3water.cn/huanquan/mobile/index.jsp">
            <div class="mui-card-header mui-card-media" style="height:40vw;background-image:url(http://www.3water.cn/image/huanquan/product/854e2fcba1f6400eaa2e9b06265c2eec.png)"></div>
            <div class="mui-card-content">
                <div class="mui-card-content-inner">
                    <p class="color1 mb5">欢泉优选</p>
                    <p class="mb0">上饶市社区生鲜直供平台</p>
                </div>
            </div>
        </a>
    </div>
    <div class="mui-card">
        <a href="http://www.3water.cn/mobile/index.jsp">
            <div class="mui-card-header mui-card-media" style="height:40vw;background-image:url(http://www.3water.cn/image/water/ueditor/image/20180427/1524810995019002864.jpg)"></div>
            <div class="mui-card-content">
                <div class="mui-card-content-inner">
                    <p class="color1 mb5">上饶桶装水配送</p>
                    <p class="mb0">上饶市城区内，品牌桶装水、瓶装水、办公用品线上采购，配送。</p>
                </div>
            </div>
        </a>
    </div>
    <div class="mui-card">
        <a href="http://www.3water.cn/buying/mobile/index.jsp">
            <div class="mui-card-header mui-card-media" style="height:40vw;background-image:url(http://www.3water.cn/image/buying/product/389bf178d27d4a33b5890f8955658545.jpg)"></div>
            <div class="mui-card-content">
                <div class="mui-card-content-inner">
                    <p class="color1 mb5">限时抢购</p>
                    <p class="mb0">上饶市吃喝玩乐限时抢购</p>
                </div>
            </div>
        </a>
    </div>
    <div class="mui-card">
        <a href="http://www.3water.cn/sex/mobile/index.jsp">
            <div class="mui-card-header mui-card-media" style="height:40vw;background-image:url(http://www.3water.cn/image/sex/merchant/877dc1bade0b45a3969237c36b1db1d0.jpg)"></div>
            <div class="mui-card-content">
                <div class="mui-card-content-inner">
                    <p class="color1 mb5">欢趣生活</p>
                    <p class="mb0">情趣保健用品配送平台</p>
                </div>
            </div>
        </a>
    </div>
</div>
</body>
<script>
    mui.init();
    mui.ready(function () {
        share={"title":"新零售解决方案提供商",
            "link":"http://www.3water.cn/buying/mnit/index.jsp",
            "imgUrl":"http://www.3water.cn/buying/static/mnit/image/banner1.jpg",
            "desc":"助力企业快速搭建新零售微信商城"};
        var mySwiper = new Swiper('.swiper-container', {
            loop: true,
            autoplay: 3000,//可选选项，自动滑动
            pagination: '.swiper-pagination',
            autoplayDisableOnInteraction: false
        });
        $("#phone").on("tap",function (e) {
            e.stopPropagation();
            location.href="tel:15960296973";
        });
        $("#chat").on("tap",function(e){
            var html=[];
            html.push('<img src="'+base+'/static/mnit/image/myqrcode.png" style="width:100%">');
            mui.alert(html.join(""), '微信咨询');
        });
    });
</script>
</html>