wl.html 14.1 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_wl.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">
    <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="wrap1200">
    <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 cert-info clearfix">
              <span class="sp-icon icon-wl-real-name"></span>
              <span class="sp-icon icon-wl-real-location"></span>
              <span class="sp-icon icon-gold-seller"></span>
            </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 sp-highlight-wrap">
            <span class="title">代购品类:</span>
            <span class="text sp-highlight">
              <span class="items">
                <span class="ui-col-3 text-overflow">茄子</span>
                <span class="ui-col-3 text-overflow">香蕉</span>
                <span class="ui-col-3 text-overflow">苹果苹果苹果苹果</span>
                <span class="ui-col-3 text-overflow">茄子</span>
                <span class="ui-col-3 text-overflow">茄子</span>
                <span class="ui-col-3 text-overflow">茄子</span>
                <span class="ui-col-3 text-overflow">茄子</span>
                <span class="ui-col-3 text-overflow">茄子</span>
                <span class="ui-col-3 text-overflow">茄子</span>
                <span class="ui-col-3 text-overflow">茄子</span>
                <span class="ui-col-3 text-overflow">茄子</span>
                <span class="ui-col-3 text-overflow">茄子</span>
                <span class="ui-col-3 text-overflow">茄子</span>
                <span class="ui-col-3 text-overflow">茄子</span>
                <span class="ui-col-3 text-overflow">茄子</span>
                <span class="ui-col-3 text-overflow">茄子</span>
                <span class="ui-col-3 text-overflow">茄子</span>
                <span class="ui-col-3 text-overflow">茄子</span>
              </span>
            </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>
          <li class="clearfix sp-highlight-wrap">
            <span class="title">联系地址:</span>
            <span class="text sp-highlight">
              <span class="items">
                <span class="ui-col-1">四川省成都市锦江区人名东路38号</span>
                <span class="ui-col-1">四川省成都市锦江区人名东路38号</span>
              </span>
            </span>
          </li>
        </ul>
      </div>
    </div>
    <div class="sp-section">
      <!-- 线路信息 -->
      <div class="sp-section-item">
        <h2 class="">线路信息</h2>
        <ul class="sp-texts clearfix">
          <li class="ui-col-2">
            <span class="wrap-box">四川省成都市高新区 — 四川省眉山市东坡区</span>
          </li>
          <li class="ui-col-2">
            <span class="wrap-box">四川省成都市高新区 — 四川省眉山市东坡区</span>
          </li>
          <li class="ui-col-2">
            <span class="wrap-box">四川省成都市高新区 — 四川省眉山市东坡区</span>
          </li>
          <li class="ui-col-2">
            <span class="wrap-box">四川省成都市高新区 — 四川省眉山市东坡区</span>
          </li>
          <li class="ui-col-2">
            <span class="wrap-box">四川省成都市高新区 — 四川省眉山市东坡区</span>
          </li>
          <li class="ui-col-2">
            <span class="wrap-box">四川省成都市高新区 — 四川省眉山市东坡区</span>
          </li>
        </ul>
      </div>

      <!-- 车辆信息 -->
      <div class="sp-section-item">
        <h2 class="">车辆信息</h2>
        <ul class="sp-texts car-info clearfix">
          <li class="ui-col-1">
            <div class="wrap-box">
              <span class="model" title="车型:高的车">车型:高的车</span>
              <span class="no" title="车牌号:京123456">车牌号:京123456</span>
              <span class="num" title="预计产量500公斤">载重量:20吨</span>
              <span class="size" title="车长:20米"> 车长:20米</span>
              <span class="card">行驶证:5050123205450500</span>
              <span class="card">驾驶证:654654654654651321</span>
            </div>
          </li>
          <li class="ui-col-1">
            <div class="wrap-box">
              <span class="model" title="车型:高的车">车型:高的车</span>
              <span class="no" title="车牌号:京123456">车牌号:京123456</span>
              <span class="num" title="预计产量500公斤">载重量:20吨</span>
              <span class="size" title="车长:20米"> 车长:20米</span>
              <span class="card">行驶证:5050123205450500</span>
              <span class="card">驾驶证:654654654654651321</span>
            </div>
          </li>
          <li class="ui-col-1">
            <div class="wrap-box">
              <span class="model" title="车型:高的车">车型:高的车</span>
              <span class="no" title="车牌号:京123456">车牌号:京123456</span>
              <span class="num" title="预计产量500公斤">载重量:20吨</span>
              <span class="size" title="车长:20米"> 车长:20米</span>
              <span class="card">行驶证:5050123205450500</span>
              <span class="card">驾驶证:654654654654651321</span>
            </div>
          </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 class="sp-section-item">
        <h2 class="">店铺信息</h2>
          <div class="sp-item-ct">
          我是文字描述,有可能还有图片,请把这部分内容一定放在sp-item-ct的class元素里面。
          </div>
      </div>
    </div>
  </div>
    <script>
        seajs.use(['../js/javascript/shop/sp_index']);
    </script>
</body>

</html>