wisdom-union
/
12.12普惠商家.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>普惠商家</title>
    <script src="js/mui.min.js"></script>
    <link href="css/mui.min.css" rel="stylesheet"/>
	<link rel="stylesheet" href="css/list14.css">
	<link rel="stylesheet" href="css/css.css">
    <script type="text/javascript" charset="utf-8">
      	mui.init();
    </script>
</head>
<body>
<!-- 搜索框开始 -->
<form class="mui-input-group seach">
    <div class="mui-input-row">
        <label><i class="mui-icon mui-icon-search"></i></label>
        <input type="text" class="mui-input-clear" placeholder="请输入关键字……">
    </div>
</form>
<!-- 搜索框结束 -->

<!-- banner图开始 -->
<div id="slider" class="banner">
	<img src="images/phsj.jpg">
</div>
<!-- banner图结束 -->

<!-- 商家分类开始 -->
<div id="segmentedControl" class="mui-segmented-control mui-segmented-control-negative">
	<a class="mui-control-item mui-active" href="#item1"><img class="mui-media-object" src="images/phsj01.jpg"><span>超市</span></a>
	<a class="mui-control-item" href="#item2"><img class="mui-media-object" src="images/phsj02.jpg"><span>美食</span></a>
	<a class="mui-control-item" href="#item3"><img class="mui-media-object" src="images/phsj03.jpg"><span>生鲜</span></a>
	<a class="mui-control-item" href="#item4"><img class="mui-media-object" src="images/phsj04.png"><span>秒杀</span></a>
</div>
<div id="item1" class="mui-control-content mui-active">
	<ul class="mui-table-view shop mui-scroll">
	    <li class="mui-table-view-cell mui-media">
			<img class="mui-media-object mui-pull-left" src="images/02.jpg">
	        <a href="javascript:;">
	            <div class="mui-media-body">
	                <p class='mui-ellipsis mui-pull-left'>
						<span class="shopName">商家名称</span>
						<span class="discount">会员折扣：6.5折</span>
						<span class="type">商家分类：文化体育</span>
						<span class="distance">距离您：400.22km</span>
					</p>
				</div>
			</a>
			<p class='mui-ellipsis location'>
				<i class="mui-icon mui-icon-phone"></i>
				<i class="mui-icon mui-icon-location"></i>
			</p>
	    </li>
	</ul>
</div>
<div id="item2" class="mui-control-content">222</div>
<div id="item3" class="mui-control-content">333</div>
<!-- 商家分类结束 -->
</body>
</html>
<script type="text/javascript">
</script>