index.html 4.72 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/common.css">
</head>
<body>
<!-- 主体 -->
<div class="m-page" data-role="page" id="indexPage">
	<!-- private css -->
	<link rel="stylesheet" href="../css/style/idangerous.swiper.css">
	<link rel="stylesheet" href="../css/style/index.css">

	<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">
	    <!-- Swiper -->
	    <div class="swiper-container">
	        <div class="swiper-wrapper"> 
			    <a data-ajax="false" class="swiper-slide" href="$pic.linkUrl?source=wap" style="background:url(../temp/banner1.png) center center no-repeat; background-size:100%;"></a>
			    <a data-ajax="false" class="swiper-slide" href="$pic.linkUrl?source=wap" style="background:url(../temp/banner2.png) center center no-repeat; background-size:100%;"></a>
			    <a data-ajax="false" class="swiper-slide" href="$pic.linkUrl?source=wap" style="background:url(../temp/banner3.png) center center no-repeat; background-size:100%;"></a>
			    <a data-ajax="false" class="swiper-slide" href="$pic.linkUrl?source=wap" style="background:url(../temp/banner4.png) center center no-repeat; background-size:100%;"></a>
	        </div>
	        <!-- Add Pagination -->
	        <div class="swiper-pagination"></div>
	    </div>
	</div>
	
	<ul class="menu">
	    <li><a href="#"><i class="m-icon icon-pfsc"></i>批发市场</a></li>
	    <li><a href="#"><i class="m-icon icon-cdzg"></i>产地直供</a></li>
	    <li><a href="#"><i class="m-icon icon-tcls"></i>同城零售</a></li>
	    <li><a href="#"><i class="m-icon icon-nhzy"></i>农户自营</a></li>

	    <li><a href="#"><i class="m-icon icon-gqxx"></i>供求信息</a></li>
	    <li><a href="#"><i class="m-icon icon-yqxx"></i>预售信息</a></li>
	    <li><a href="#"><i class="m-icon icon-jhd"></i>进货单</a></li>
	    <li><a href="#"><i class="m-icon icon-wdnf"></i>我的农丰</a></li>
	</ul>

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

	<!-- 搜索 -->
	<div class="s-page">
		<header class="m-header header-search">
		    <div class="head">
		        <span class="lt-bar m-icon icon-back white"></span>
		            <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>
		            <a href="/goods/searchByKeyword.do" ohref="/shop/getByKey.do" class="rt-bar text" id="search-btn">搜索</a>
		    </div>
		</header>
		<div class="content search-list" id="cotent">
		    <!-- 搜索历史开始 -->
		    <ul class="m-table-view"></ul>
		    <!-- 搜索历史结束 -->
		    <div class="m-no-data m-hide">
		        <div class="no-data-icon"></div>
		        <p>未查找到相关数据</p>
		    </div>
			<div class="clear-history m-hide">
			    <span class="m-btn">清空历史记录</span>
			</div>

		</div>
	</div>


	<!-- app download -->
	<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>

	<script type="text/template" id="productCategorysTmpl">
		<%_.each(productCategorys, function(item){%>
			<li>
				<a href="/category/getSecondCategory.do?id=<%=item.Id%>">
					<img src="<%=item.imgUrl%>"><div class="desc">
						<%=item.Name%><p><%=descText[item.Name] ||  '提供'+item.Name+'商品等'%></p>
					</div>
				</a>
			</li>
		<%})%>
	</script>

	<script>  
		// seajs.use(['/js/javascript/index/index']);
	</script>
</div>
</body>
</html>