index.html 6.76 KB
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="user-scalable=0, width=device-width, initial-scale=1.0,  minimum-scale=1.0, maximum-scale=1.0">
<meta content="telephone=no" name="format-detection" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>地利批发-首页</title>

<!-- css -->
<link rel="stylesheet" type="text/css" href="../css/style/idangerous.swiper.css">
<link rel="stylesheet" type="text/css" href="../css/style/common.css">
<link rel="stylesheet" type="text/css" href="../css/style/index.css">


<!-- base seajs -->
<script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script>
<!-- base jquery -->
<script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script>


</head>
<body>
<!-- 主体 -->
<div class="m-page" id="indexPage">

	<header class="m-header header-search header-home">
	    <div class="head">
	        <span class="lt-bar"><i class="m-icon icon-logo"></i></span>
	        <div class="search-box h-search">
	        	<i class="m-icon icon-search"></i>请输入关键字
	        </div>
	    </div>
	</header>

	<div class="banner" id="banner">
	    <ul class="swiper-wrapper clearfix">
	        <li class="swiper-slide"><a href="#"><img src="http://img6.nong12.com/images/cms/80/38/ZGlsaTEvTTAwLzAwL0U0L3dLZ2NKMVNibXJ5QU5ac0RBQUVIb3Zlb3R6MDQ5.jpeg" title="地利生鲜"></a></li>
	        <li class="swiper-slide"><a href="#"><img src="http://img6.nong12.com/images/cms/16/55/ZGlsaTEvTTAwLzAwL0U0L3dLZ2NKMVNibXMyQWVfV2lBQThWckVobEdNazE4OA==.png" title="地利APP下载"></a></li>
	        <li class="swiper-slide"><a href="#"><img src="http://img3.nong12.com/images/cms/99/60/ZGlsaTIvTTAwLzAwLzVCL3dLZ2NLRlIwZFZlQUw5bXpBQVNYanBzMGRvNDc5OQ==.png" title="地利批发网站升级啦"></a></li>
	    </ul>
	    <div class="pagination"></div>
	</div>
	
	<ul class="menu">
	    <li><a href="sort-list.html"><i class="menu-icon" id="mi1"></i>我要采购</a></li>
	    <li><a href="service-list.html" ><i class="menu-icon" id="mi2"></i>服务申请</a></li>
	    <li><a href="priceIndex-list.html"><i class="menu-icon" id="mi3"></i>价格走势</a></li>
	    <li><a href="user-activity.html"><i class="menu-icon" id="mi4"></i>供应信息</a></li>
	</ul>

	<div class="category">
		<p class="title">热门采购</p>
		<ul class="clearfix">
			
		</ul>
	</div>
</div>

<!-- 搜索 -->
<div class="s-page">
	<header class="m-header header-search">
	    <div class="head">
	        <span class="lt-bar m-icon icon-back white"></span>
	        <form id="searchIndex" action="searchResult.html" method="get" accept-charset="utf-8" autocomplete="off">
	            <span class="m-dropdown">
	                <span class="search-type-box current">商品</span>
	                <ul class="dropdown-items">
	                    <li class="item"><a href="javascript:;"><i class="m-icon icon-bag"></i>商品</a></li>
	                    <li class="item"><a href="javascript:;"><i class="m-icon icon-shop"></i>店铺</a></li>
	                </ul>
	            </span>
	            <div class="search-box">
	            	<div class="input-wrap">
	            		<input type="text" id="search-val" class="m-input" placeholder="请输入关键字" autocomplete="off">
	            	</div>
	            </div>
	            <input type="submit" class="rt-bar" id="search-btn" value="搜索">
	        </form>
	    </div>
	</header>
	<div class="content search-list" id="cotent">
	    <!-- 搜索历史开始 -->
	    <ul class="m-table-view">
	        <li class="cell"><span class="title"><i class="m-icon icon-history"></i>红萝卜</span></li>
	    </ul>

	    <!-- 搜索历史结束 -->

		
		<div class="clear-history">
		    <span class="m-btn">清空历史记录</span>
		</div>

	</div>
</div>

<!-- 市场定位 -->
<!--div class="p-page">
	<div class="page-content">
		<header class="header">
			<div class="head">
				<a href="#" class="lt-bar m-icon icon-back">返回</a>
				<h1>批发市场</h1>
				<!-- <a href="#" class="rt-bar m-icon icon-more">更多</a> -->
			<!--/div>
		</header>
		<section class="m-content">
			<h2>定位市场</h2>
			<ul class="list-view">
				<li>
					<a href="javascript:" class="as-block">
						<i class="icon-location"></i>
						<span id="now-location">哈尔滨哈达批发市场</span>
					</a>
				</li>
			</ul>
			<h2>市场选择</h2>
			<ul class="list-view">
				<li>
					<a href="javascript:" class="as-block">
						哈尔滨哈达批发市场
					</a>
				</li>
				<li>
					<a href="javascript:" class="as-block">
						牡丹江牡达批发市场
					</a>
				</li>
				<li>
					<a href="javascript:" class="as-block">
						齐齐哈尔哈达批发市场
					</a>
				</li>
				<li>
					<a href="javascript:" class="as-block">
						贵阳地利批发市场
					</a>
				</li>
				<li>
					<a href="javascript:" class="as-block">
						沈阳地利批发市场
					</a>
				</li>
				<li>
					<a href="javascript:" class="as-block">
						山东寿光农产品批发市场
					</a>
				</li>
			</ul>
		</section>
	</div>
</div-->


<!-- bar -->
<div class="m-bar">
	<div class="m-bar-bg"></div>
	<div class="m-bar-content">
		<div class="m-bar-btn"><span class="logo m-bar-icon"></span></div>

		<a href="#" class="bar-home"><i class="icon icon-home"></i><p>首页</p></a>
		<a href="user-home.html" class="bar-me"><i class="icon icon-me"></i><p></p></a>
		<a href="shopped_list.html" class="bar-order"><i class="icon icon-order"></i><p>进货单</p></a>

	</div>
</div>

<div class="to-app-box">
	<div class="to-app-bg clearfix">
		<div class="ll">
			<span class="app-close"></span><span class="app-logo"></span><div class="app-info">下载地利批发APP<p>随时随地做生意</p></div>
		</div>
		<span class="app-download rr" id="applink"></span>
	</div>
</div>


<!-- config -->
<script type="text/javascript" src="../js/javascript/common/config.js"></script>
<script src="../js/javascript/common/swipe.js"></script>

<script type="text/javascript">  
	seajs.use( ['../js/javascript/common/common.js' , '../js/javascript/index/index.js' , '../js/javascript/search/search-history.js' ] , function(){

	    $.ajax({
			url : "http://www.nong12.com/common/category.html",
			type : "POST",
			dataType : "jsonp",
			jsonp:'callFn',
			success:function( result ){
				var html = '';
				console.log( result )
 				
				for( var i = 0 ; i < result.length ; i ++ ){
					var extendsOne = eval( result[i].extendsOne );
					html += '<li><a href="'+ extendsOne[0].link +'"><img src="'+ extendsOne[0].imagePath + '">' +
					 '<div class="desc">' + extendsOne[0].desc +'<p>犯贱蔬菜也不缺</p></div></a></li>' ;
				}

				$( '.category ul' ).append( html );
			}
		});
	});
</script>
</body>
</html>