index.html 18.8 KB
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>店铺首页</title>
    <link rel="stylesheet" href="../newstyle/user_common.css">
    <link rel="stylesheet" href="../newstyle/shop_common.css">
    <link rel="stylesheet" href="../newstyle/shop_index.css">
    <script src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script>
    <script src="http://static.nong12.com/static/newStatic/common/js/base/jquery.js"></script>
    <script src="../js/javascript/common/config.js"></script>
</head>

<body>
    <!-- 顶部banner -->
    <div class="sp-banner">
      <h2>店铺名称 有可能比较长</h2>
      <img src="../temp/top_banner.png" alt="banner">
    </div>
    <!-- 店铺 nav -->
    <div class="sp-nav">
        <ul class="wrap1200 clearfix">
            <li><a href="#">首页</a></li>
            <li><a href="#">现货商品</a></li>
            <li><a href="#">店铺档案</a></li>
        </ul>
    </div>
    <!-- 幻灯片 -->
    <div class="sp-slider">
        <ul class="clearfix wrap1200">
            <li>
                <a href="#"><img src="../temp/air.png" alt=""></a>
            </li>
            <li>
                <a href="#"><img src="../temp/air.png" alt=""></a>
            </li>
            <li>
                <a href="#"><img src="../temp/air.png" alt=""></a>
            </li>
        </ul>
    </div>
    <!-- 推荐商品 -->
    <div class="sp-feature wrap1200">
        <ul class="sp-goods clearfix">
            <li class="sp-goods-item">
                <a href="#" class="clearfix">
                    <img src="../temp/pic_01.png" height="160" width="160" alt="">
                    <div class="info">
                        <p class="title">水晶梨 产地河北石家庄市 提货点齐齐哈尔哈达批发市场</p>
                        <p class="price"><em>103.00</em>元/箱</p>
                    </div>
                    <p class="btn buy">立即购买</p>
                    <span class="badge sp-icon icon-no1"></span>
                </a>
            </li>
            <li class="sp-goods-item">
                <a href="#" class="clearfix">
                    <img src="../temp/pic_01.png" height="160" width="160" alt="">
                    <div class="info">
                        <p class="title">水晶梨 产地河北石家庄市 提货点齐齐哈尔哈达批发市场</p>
                        <p class="price"><em>103.00</em>元/箱</p>
                    </div>
                    <p class="btn buy">立即购买</p>
                    <span class="badge sp-icon icon-no2"></span>
                </a>
            </li>
            <li class="sp-goods-item">
                <a href="#" class="clearfix">
                    <img src="../temp/pic_01.png" height="160" width="160" alt="">
                    <div class="info">
                        <p class="title">水晶梨 产地河北石家庄市 提货点齐齐哈尔哈达批发市场</p>
                        <p class="price"><em>103.00</em>元/箱</p>
                    </div>
                    <p class="btn buy">立即购买</p>
                    <span class="badge sp-icon icon-no3"></span>
                </a>
            </li>
            <li class="sp-goods-item">
                <a href="#" class="clearfix">
                    <img src="../temp/pic_01.png" height="160" width="160" alt="">
                    <div class="info">
                        <p class="title">水晶梨 产地河北石家庄市 提货点齐齐哈尔哈达批发市场</p>
                        <p class="price"><em>103.00</em>元/箱</p>
                    </div>
                    <p class="btn buy">立即购买</p>
                    <span class="badge sp-icon icon-no2"></span>
                </a>
            </li>
            <li class="sp-goods-item">
                <a href="#" class="clearfix">
                    <img src="../temp/pic_01.png" height="160" width="160" alt="">
                    <div class="info">
                        <p class="title">水晶梨 产地河北石家庄市 提货点齐齐哈尔哈达批发市场</p>
                        <p class="price"><em>103.00</em>元/箱</p>
                    </div>
                    <p class="btn buy">立即购买</p>
                    <span class="badge sp-icon icon-no3"></span>
                </a>
            </li>
        </ul>
    </div>
    <div class="wrap1200 clearfix">
        <div class="sp-sidebar">
            <!-- 供应商信息 -->
            <div class="sp-section-item sp-profile">
                <h2><i class="sp-icon icon-people"></i>供应商信息</h2>
                <ul>
                    <li class="clearfix"><span class="title">卖家名称:</span><span class="text"><a href="#" class="font-blue">聚合果蔬基地</a></span></li>
                    <li class="clearfix"><span class="title">相关认证:</span>
                        <span class="text clearfix cert-info">
                            <img class="icon" src="../images/2.3.0/dist/real-name-mini.png" alt="">
                            <img class="icon" src="../images/2.3.0/dist/home-mini.png" alt="">
                            <img class="icon" src="../images/2.3.0/dist/gold-mini.png" alt="">
                            <img class="icon" src="../images/2.3.0/dist/sliver-mini.png" alt="">
                            <img class="icon" src="../images/2.3.0/dist/copper-mini.png" alt="">
                            <img class="icon" src="../images/2.3.0/dist/invalid-mini.png" alt="">
                        </span>
                    </li>
                    <li class="clearfix"><span class="title">所在地:</span><span class="text">四川 成都</span></li>
                    <li class="clearfix"><span class="title">开店时间:</span><span class="text">2012-05-09</span></li>
                    <li class="clearfix"><span class="title">店铺类型:</span><span class="text">批发商户</span></li>
                    <li class="clearfix"><span class="title">主营类目:</span><span class="text">茄子</span></li>
                    <li class="clearfix"><span class="title">在线客服:</span><span class="text"><a href="" class="sp-icon icon-talk"></a> </span></li>
                </ul>
                <ul>
                    <li class="clearfix"><span class="title">联系人:</span><span class="text">测试</span></li>
                    <li class="clearfix"><span class="title">联系电话:</span><span class="text">12300495034</span></li>
                    <li class="clearfix"><span class="title">联系地址:</span><span class="text">四川省成都市锦江区人名东路38号</span></li>
                </ul>
            </div>
            <div class="sp-section-item sp-profile">
                <h2><i class="sp-icon icon-menu"></i>店铺分类</h2>
                <ul>
                    <li class="clearfix"><a href="#">今日上新</a></li>
                    <li class="clearfix"><a href="#">本季热销</a></li>
                    <li class="clearfix"><a href="#">产地直供</a></li>
                </ul>
            </div>
        </div>
        <div class="sp-section">
            <!-- 最新供应 -->
            <div class="sp-section-item">
                <h2 class="">最新供应</h2>
                <ul class="sp-goods clearfix">
                    <li class="sp-goods-item ui-col-4">
                        <a href="#" class="clearfix">
                            <img src="../temp/pic_210x210.png" height="210" width="210" alt="">
                            <div class="info">
                                <p class="title">水晶梨 产地河北石家庄市 提货点齐齐哈尔哈达批发市场</p>
                                <p class="price"><em>103.00</em>元/箱</p>
                            </div>
                        </a>
                    </li>
                    <li class="sp-goods-item ui-col-4">
                        <a href="#" class="clearfix">
                            <img src="../temp/pic_210x210.png" height="210" width="210" alt="">
                            <div class="info">
                                <p class="title">水晶梨 产地河北石家庄市 提货点齐齐哈尔哈达批发市场</p>
                                <p class="price"><em>103.00</em>元/箱</p>
                            </div>
                        </a>
                    </li>
                    <li class="sp-goods-item ui-col-4">
                        <a href="#" class="clearfix">
                            <img src="../temp/pic_210x210.png" height="210" width="210" alt="">
                            <div class="info">
                                <p class="title">水晶梨 产地河北石家庄市 提货点齐齐哈尔哈达批发市场</p>
                                <p class="price"><em>103.00</em>元/箱</p>
                            </div>
                        </a>
                    </li>
                    <li class="sp-goods-item ui-col-4">
                        <a href="#" class="clearfix">
                            <img src="../temp/pic_210x210.png" height="210" width="210" alt="">
                            <div class="info">
                                <p class="title">水晶梨 产地河北石家庄市 提货点齐齐哈尔哈达批发市场</p>
                                <p class="price"><em>103.00</em>元/箱</p>
                            </div>
                        </a>
                    </li>
                    <li class="sp-goods-item ui-col-4">
                        <a href="#" class="clearfix">
                            <img src="../temp/pic_210x210.png" height="210" width="210" alt="">
                            <div class="info">
                                <p class="title">水晶梨 产地河北石家庄市 提货点齐齐哈尔哈达批发市场</p>
                                <p class="price"><em>103.00</em>元/箱</p>
                            </div>
                        </a>
                    </li>
                    <li class="sp-goods-item ui-col-4">
                        <a href="#" class="clearfix">
                            <img src="../temp/pic_210x210.png" height="210" width="210" alt="">
                            <div class="info">
                                <p class="title">水晶梨 产地河北石家庄市 提货点齐齐哈尔哈达批发市场</p>
                                <p class="price"><em>103.00</em>元/箱</p>
                            </div>
                        </a>
                    </li>
                    <li class="sp-goods-item ui-col-4">
                        <a href="#" class="clearfix">
                            <img src="../temp/pic_210x210.png" height="210" width="210" alt="">
                            <div class="info">
                                <p class="title">水晶梨 产地河北石家庄市 提货点齐齐哈尔哈达批发市场</p>
                                <p class="price"><em>103.00</em>元/箱</p>
                            </div>
                        </a>
                    </li>
                    <li class="sp-goods-item ui-col-4">
                        <a href="#" class="clearfix">
                            <img src="../temp/pic_210x210.png" height="210" width="210" alt="">
                            <div class="info">
                                <p class="title">水晶梨 产地河北石家庄市 提货点齐齐哈尔哈达批发市场</p>
                                <p class="price"><em>103.00</em>元/箱</p>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
            <!-- 预售商品 -->
            <div class="sp-section-item">
                <h2 class="">预售商品</h2>
                <ul class="sp-texts clearfix">
                    <li class="ui-col-2">
                        <a href="#">
                            <span class="title" title="预售山东大白菜"><span>修复修复修复修复修复修复修复<i class="tips">有图</i></span></span>
                            <span class="time" title="5月中旬上市">5月中旬上市5月中旬上市5月中旬上市5月中旬上市</span>
                            <span class="num" title="预计产量500公斤">预计产量500公斤预计产量500公斤预计产量500公斤预计产量500公斤预计产量500公斤</span>
                        </a>
                    </li>
                    <li class="ui-col-2">
                        <a href="#">
                            <span class="title" title="预售山东大白菜"><span>修复修复修复修复修复修复修复<i class="tips">有图</i></span></span>
                            <span class="time">5月中旬上市</span>
                            <span class="num">预计产量500公斤</span>
                        </a>
                    </li>
                    <li class="ui-col-2">
                        <a href="#">
                            <span class="title">预售山东大白菜</span>
                            <span class="time">5月中旬上市</span>
                            <span class="num">预计产量500公斤</span>
                        </a>
                    </li>
                    <li class="ui-col-2">
                        <a href="#">
                            <span class="title">预售山东大白菜</span>
                            <span class="time">5月中旬上市</span>
                            <span class="num">预计产量500公斤</span>
                        </a>
                    </li>
                    <li class="ui-col-2">
                        <a href="#">
                            <span class="title" title="预售山东大白菜"><span>修复<i class="tips">有图</i></span></span>
                            <span class="time">5月中旬上市</span>
                            <span class="num">预计产量500公斤</span>
                        </a>
                    </li>
                    <li class="ui-col-2">
                        <a href="#">
                            <span class="title">预售山东大白菜</span>
                            <span class="time">5月中旬上市</span>
                            <span class="num">预计产量500公斤</span>
                        </a>
                    </li>
                    <li class="ui-col-2">
                        <a href="#">
                            <span class="title">预售山东大白菜</span>
                            <span class="time">5月中旬上市</span>
                            <span class="num">预计产量500公斤</span>
                        </a>
                    </li>
                    <li class="ui-col-2">
                        <a href="#">
                            <span class="title" title="预售山东大白菜"><span>修复修复修复修复修复修复修复<i class="tips">有图</i></span></span>
                            <span class="time">5月中旬上市</span>
                            <span class="num">预计产量500公斤</span>
                        </a>
                    </li>
                </ul>
            </div>
            <!-- 商机信息 -->
            <div class="sp-section-item information">
                <h2 class="">商机信息</h2>
                <ul class="sp-texts clearfix">
                    <li class="ui-col-2">
                        <a href="#">
                            <span class="title" title="预售山东大白菜"><span>修复修复修复修复修复修复修复<i class="tips">有图</i></span></span>
                            <span class="addr">产地四川成都</span>
                            <span class="contact">电议</span>
                            <span class="num">大量</span>
                        </a>
                    </li>
                    <li class="ui-col-2">
                        <a href="#">
                            <span class="title">预售山东大白菜</span>
                            <span class="addr">产地四川成都</span>
                            <span class="contact">电议</span>
                            <span class="num">大量</span>
                        </a>
                    </li>
                    <li class="ui-col-2">
                        <a href="#">
                            <span class="title">预售山东大白菜</span>
                            <span class="addr">产地四川成都</span>
                            <span class="contact">电议</span>
                            <span class="num">大量</span>
                        </a>
                    </li>
                    <li class="ui-col-2">
                        <a href="#">
                            <span class="title">预售山东大白菜</span>
                            <span class="addr">产地四川成都</span>
                            <span class="contact">电议</span>
                            <span class="num">大量</span>
                        </a>
                    </li>
                    <li class="ui-col-2">
                        <a href="#">
                            <span class="title">预售山东大白菜</span>
                            <span class="addr">产地四川成都</span>
                            <span class="contact">电议</span>
                            <span class="num">大量</span>
                        </a>
                    </li>
                    <li class="ui-col-2">
                        <a href="#">
                            <span class="title">预售山东大白菜</span>
                            <span class="addr">产地四川成都</span>
                            <span class="contact">电议</span>
                            <span class="num">大量</span>
                        </a>
                    </li>
                    <li class="ui-col-2">
                        <a href="#">
                            <span class="title" title="预售山东大白菜"><span>修复修复修复修复修复修复修复<i class="tips">有图</i></span></span>
                            <span class="addr">产地四川成都</span>
                            <span class="contact">电议</span>
                            <span class="num">大量</span>
                        </a>
                    </li>
                    <li class="ui-col-2">
                        <a href="#">
                            <span class="title">预售山东大白菜</span>
                            <span class="addr">产地四川成都</span>
                            <span class="contact">电议</span>
                            <span class="num">大量</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <script>
        seajs.use(['../js/javascript/shop/sp_index']);
    </script>
</body>

</html>