XiaoNiuShangCheng-webBan
/
list.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title></title>
   	<link rel="stylesheet" href="css/style.css" />
   	<link rel="stylesheet" href="css/iconfont.css" />
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script type="text/javascript" src="js/com.js"></script>
	<script type="text/javascript" src="js/vue.js"></script>
	<script src="js/list.js" type="text/javascript" charset="utf-8"></script>
</head>
<body class="bg-idx">
	<div class="header">
		<a href="category.html" class="icon iconfont icon-fanhui"></a>
		<h3 class="title">商品列表</h3>
		<a class="icon iconfont icon-sousuo1"></a>
	</div>
	<div class="content pbt0 good-list" id="app">
		<div class="good-sx">
			<a class="active" data-id='id-asc' @click="orderBy($event)">综合排序</a>
			<a data-id='price-asc' @click="orderBy($event)">价格升序</a>
			<a data-id='price-desc' @click="orderBy($event)">价格降序</a>
			<div id="list-menu">
				<span>更多分类</span>
				<ul>
					<li v-for="item in menuData"><a :href="'list.html?classID='+item.id">{{item.name}}</a></li>
				</ul>
			</div>
		</div>
		<div class="good-item">
			<ul>
				<li v-for="item in listData">
					<a :href="'detail.html?classID='+item.type+'&goodID='+item.id">
						<img :src="item.img" alt="" />
					</a>
					<h3><a :href="'detail.html?classID='+item.type+'&goodID='+item.id">{{item.name}}</a></h3>
					<h4>¥{{item.price}}<span @click="addCar(item.id)" class="iconfont icon-gouwuche"></span></h4>
				</li>
			</ul>
			<p class="list-more" v-if="show">正在加载啦！</p>
			<p class="list-more"  v-else>没有数据</p>
		</div>
	</div>
	<div id="shop-car">
		<i></i>
		<a class="iconfont icon-gouwuche"></a>
	</div>
</body>
</html>