2019-03-05
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<link rel="stylesheet" href="assets/mui/css/mui.min.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="assets/fontAwesome/css/font-awesome.min.css">
<script src="assets/mui/js/mui.min.js"></script>
</head>
<body>
<header class="mui-bar mui-bar-nav my-header">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">乐淘网购</h1>
<a href="" class="mui-icon mui-icon-search mui-pull-right"></a>
</header>
<!-- 轮播图8 -->
<div class="mui-slider">
<div class="mui-slider-group">
<div class="mui-slider-item">
<a href="#">
<img src="images/banner1.png" />
</a>
</div>
<div class="mui-slider-item">
<a href="#">
<img src="images/banner2.png" />
</a>
</div>
<div class="mui-slider-item">
<a href="#">
<img src="images/banner3.png" />
</a>
</div>
<div class="mui-slider-item">
<a href="#">
<img src="images/banner4.png" />
</a>
</div>
<div class="mui-slider-item">
<a href="#">
<img src="images/banner5.png" />
</a>
</div>
<div class="mui-slider-item">
<a href="#">
<img src="images/banner6.png" />
</a>
</div>
</div>
<div class="mui-slider-indicator">
<div class="mui-indicator mui-active"></div>
<div class="mui-indicator"></div>
<div class="mui-indicator"></div>
<div class="mui-indicator"></div>
<div class="mui-indicator"></div>
<div class="mui-indicator"></div>
</div>
</div>
<!-- //轮播图 -->
<!-- 品牌login 品牌链接 -->
<div class="nav-links mui-clearfix">
<a href="#">
<img src="images/nav1.png">
</a>
<a href="#">
<img src="images/nav2.png">
</a>
<a href="#">
<img src="images/nav3.png">
</a>
<a href="#">
<img src="images/nav4.png">
</a>
<a href="#">
<img src="images/nav5.png">
</a>
<a href="#">
<img src="images/nav6.png">
</a>
</div>
<!--// 品牌login 品牌链接 -->
<!-- 品牌专区 -->
<div class="brand">
<img src="images/title0.png" class="title">
<ul>
<li><a href=""><img src="images/brand1.png" alt=""></a></li>
<li><a href=""><img src="images/brand2.png" alt=""></a></li>
<li><a href=""><img src="images/brand3.png" alt=""></a></li>
<li><a href=""><img src="images/brand4.png" alt=""></a></li>
<li><a href=""><img src="images/brand5.png" alt=""></a></li>
<li><a href=""><img src="images/brand6.png" alt=""></a></li>
<li><a href=""><img src="images/brand7.png" alt=""></a></li>
<li><a href=""><img src="images/brand8.png" alt=""></a></li>
</ul>
</div>
<!-- //品牌专区 -->
<!-- 生活专区 -->
<div class="product">
<img src="images/title1.png" class="title">
<ul class="mui-clearfix">
<li>
<a href="#">
<img src="images/product.jpg">
<span class="name">
adidas阿迪达斯 男式 场下休闲篮球鞋S83700
</span>
<p>
<span>¥560</span>
<span>¥888</span>
</p>
<span class="buy-now">立即购买</span>
</a>
</li>
<li>
<a href="#">
<img src="images/product.jpg">
<span class="name">
adidas阿迪达斯 男式 场下休闲篮球鞋S83700
</span>
<p>
<span>¥560</span>
<span>¥888</span>
</p>
<span class="buy-now">立即购买</span>
</a>
</li>
<li>
<a href="#">
<img src="images/product.jpg">
<span class="name">
adidas阿迪达斯 男式 场下休闲篮球鞋S83700
</span>
<p>
<span>¥560</span>
<span>¥888</span>
</p>
<span class="buy-now">立即购买</span>
</a>
</li>
<li>
<a href="#">
<img src="images/product.jpg">
<span class="name">
adidas阿迪达斯 男式 场下休闲篮球鞋S83700
</span>
<p>
<span>¥560</span>
<span>¥888</span>
</p>
<span class="buy-now">立即购买</span>
</a>
</li>
</ul>
</div>
<!-- //生活专区 -->
<!-- 男士专栏 -->
<div class="product">
<img src="images/title3.png" class="title">
<ul class="mui-clearfix">
<li>
<a href="#">
<img src="images/product.jpg">
<span class="name">
adidas阿迪达斯 男式 场下休闲篮球鞋S83700
</span>
<p>
<span>¥560</span>
<span>¥888</span>
</p>
<span class="buy-now">立即购买</span>
</a>
</li>
<li>
<a href="#">
<img src="images/product.jpg">
<span class="name">
adidas阿迪达斯 男式 场下休闲篮球鞋S83700
</span>
<p>
<span>¥560</span>
<span>¥888</span>
</p>
<span class="buy-now">立即购买</span>
</a>
</li>
<li>
<a href="#">
<img src="images/product.jpg">
<span class="name">
adidas阿迪达斯 男式 场下休闲篮球鞋S83700
</span>
<p>
<span>¥560</span>
<span>¥888</span>
</p>
<span class="buy-now">立即购买</span>
</a>
</li>
<li>
<a href="#">
<img src="images/product.jpg">
<span class="name">
adidas阿迪达斯 男式 场下休闲篮球鞋S83700
</span>
<p>
<span>¥560</span>
<span>¥888</span>
</p>
<span class="buy-now">立即购买</span>
</a>
</li>
</ul>
</div>
<!-- 男士专栏 -->
<!-- 女士专栏 -->
<div class="product">
<img src="images/title2.png" class="title">
<ul class="mui-clearfix">
<li>
<a href="#">
<img src="images/product.jpg">
<span class="name">
adidas阿迪达斯 男式 场下休闲篮球鞋S83700
</span>
<p>
<span>¥560</span>
<span>¥888</span>
</p>
<span class="buy-now">立即购买</span>
</a>
</li>
<li>
<a href="#">
<img src="images/product.jpg">
<span class="name">
adidas阿迪达斯 男式 场下休闲篮球鞋S83700
</span>
<p>
<span>¥560</span>
<span>¥888</span>
</p>
<span class="buy-now">立即购买</span>
</a>
</li>
<li>
<a href="#">
<img src="images/product.jpg">
<span class="name">
adidas阿迪达斯 男式 场下休闲篮球鞋S83700
</span>
<p>
<span>¥560</span>
<span>¥888</span>
</p>
<span class="buy-now">立即购买</span>
</a>
</li>
<li>
<a href="#">
<img src="images/product.jpg">
<span class="name">
adidas阿迪达斯 男式 场下休闲篮球鞋S83700
</span>
<p>
<span>¥560</span>
<span>¥888</span>
</p>
<span class="buy-now">立即购买</span>
</a>
</li>
</ul>
</div>
<!-- 女士专栏 -->
<!-- 底部 -->
<nav class="mui-bar mui-bar-tab my-footer">
<a class="mui-tab-item mui-active" href="index.html">
<span class="mui-icon mui-icon-home"></span>
<span class="mui-tab-label">首页</span>
</a>
<a class="mui-tab-item" href="category.html">
<span class="mui-icon mui-icon-bars"></span>
<span class="mui-tab-label">分类</span>
</a>
<a class="mui-tab-item" href="cart.html">
<span class="mui-icon fa fa-shopping-cart"></span>
<span class="mui-tab-label">购物车</span>
</a>
<a class="mui-tab-item" href="user.html">
<span class="mui-icon mui-icon-person"></span>
<span class="mui-tab-label">会员中心</span>
</a>
</nav>
<div class="mui-content">
</div>
<!-- 底部 -->
</body>
</html>
