<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<link rel="stylesheet" type="text/css" href="css/normalize.css"/>
<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<!--顶部 start-->
<div class="top">
<div class="container">
<div class="xiaomi-top">
<a href="#">小米商城</a>
<span>|</span>
<a href="#">MIUI</a>
<span>|</span>
<a href="#">米聊</a>
<span>|</span>
<a href="#">游戏</a>
<span>|</span>
<a href="#">云服务</a>
<span>|</span>
<a href="#">金融</a>
<span>|</span>
<a href="#">问题反馈</a>
</div>
<div class="xiaomi-shopcar">
<a href="#">购物车</a>
</div>
<div class="xiaomi-login">
<a href="login.html">登录</a>
<span>|</span>
<a href="zhuce.html">注册</a>
<span>|</span>
<a href="#">消息通知</a>
</div>
</div>
</div>
<!--顶部 end-->
<!-- 头部 start -->
<div class="header">
<div class="container">
<div class="header-list">
<ul class="header-nav">
<li class="header-gif">
<a href="#">
<img src="img/logo_foot.png" style="width:55;height: 55px;margin-left:-15px;">
<img src="img/yyymix.gif" style="width:55;height: 55px;margin-left:-5px;margin-right:-10px;"></a></li>
<li><a href="#">小米手机</a>
</li>
<li><a href="#">红米手机</a>
</li>
<li><a href="#">智能电视</a>
</li>
<li><a href="#">笔记本</a>
</li>
<li><a href="#">智能家电</a>
</li>
<li><a href="#">路由器</a>
</li>
<li><a href="#">智能硬件</a>
</li>
<li><a href="#">服务</a></li>
<li><a href="#">社区</a></li>
</ul>
</div>
<div class="header-search">
<form action="" method="post">
<input type="text" placeholder="小米9 小米MIX现货" />
<input type="submit" value="搜索" />
</form>
</div>
</div>
</div>
<!-- 头部 end -->
<!--左侧及轮播图 start一-->
<div class="box">
<div class="container">
<!-- 左侧导航栏 -->
<div class="left-nav">
<ul class="left-nav-ul">
<li class="left-nav-li">
<a href="#" class="left-nav-a">手机 电话卡</a>
</li>
<li class="left-nav-li">
<a href="#" class="left-nav-a">笔记本 平板</a>
</li>
<li class="left-nav-li">
<a href="#" class="left-nav-a">电视 盒子</a>
</li>
<li class="left-nav-li">
<a href="#" class="left-nav-a">路由器 智能硬件</a>
</li>
<li class="left-nav-li">
<a href="#" class="left-nav-a">移动电源 电池 插线板</a>
</li>
<li class="left-nav-li">
<a href="#" class="left-nav-a">耳机 音箱</a>
</li>
<li class="left-nav-li">
<a href="#" class="left-nav-a">保护套 贴膜</a>
</li>
<li class="left-nav-li">
<a href="#" class="left-nav-a">线材 支架 储存卡</a>
</li>
<li class="left-nav-li">
<a href="#" class="left-nav-a">箱包 服饰 鞋 眼镜</a>
</li>
<li class="left-nav-li">
<a href="#" class="left-nav-a">米兔 生活周边</a>
</li>
</ul>
</div>
<!-- 轮播图 start -->
<div class="lunbo">
<div class="box-img"><a href="#"><img src="img/listbanner01.jpg" alt="" width="1230" height="460"></a></div>
<div class="box-img"><a href="#"><img src="img/listbanner02.jpg" alt="" width="1230" height="460"></a></div>
<div class="box-img"><a href="#"><img src="img/listbanner03.jpg" alt="" width="1230" height="460"></a></div>
<div class="box-img"><a href="#"><img src="img/listbanner01.jpg" alt="" width="1230" height="460"></a></div>
<div class="box-img"><a href="#"><img src="img/listbanner05.jpg" alt="" width="1230" height="460"></a></div>
<div class="box-qiehuan-left"><</div>
<div class="box-qiehuan-right">></div>
<div class="box-qiehuan-dian">
<ul>
<li class="box-qiehuan-dian-li"></li>
<li class="box-qiehuan-dian-li"></li>
<li class="box-qiehuan-dian-li"></li>
<li class="box-qiehuan-dian-li"></li>
<li class="box-qiehuan-dian-li"></li>
</ul>
</div>
</div>
<!-- 轮播图 end -->
</div>
</div>
<!--左侧及轮播图 end一-->
<!--内容一 start-->
<div class="content">
<div class="container">
<div class="content-box">
<div class="content-box-yi">
<a href="#"><img src="img/hjh_01.gif"></a>
<a href="#"><img src="img/hjh_02.gif"></a>
<a href="#"><img src="img/hjh_03.gif"></a>
<a href="#"><img src="img/hjh_04.gif"></a>
<a href="#"><img src="img/hjh_05.gif"></a>
<a href="#"><img src="img/hjh_06.gif"></a>
</div>
<ul class="content-box-ul">
<li><a href="#"><img src="img/ban1.jpg"></a></li>
<li><a href="#"><img src="img/ban2.jpg"></a></li>
<li><a href="#"><img src="img/ban3.jpg"></a></li>
</ul>
</div>
</div>
</div>
<!--内容一 end-->
<!-- 横图 start -->
<!--banana-->
<div class="banana">
<div class="container">
<img src="img/banner01.jpg">
</div>
</div>
<!-- 横图 end -->
<!-- 明星单品展示 start -->
<div class="show">
<div class="container">
<div class="top">
<h2>明星单品</h2>
</div>
<ul>
<li class="color1">
<a href="goods.html">
<img src="img/pinpai6.png" >
<p>小米9</p>
<p>7月9日-21日享花呗12期分期免息</p>
<p>2999元</p>
</a>
</li>
<li class="color2">
<a href="#">
<img src="img/pinpai7.png" >
<p>小米CC9</p>
<p>8月9日-10日，下单立减200元</p>
<p>1999元</p>
</a>
</li>
<li class="color3">
<a href="#">
<img src="img/pinpai8.png" >
<p>小米MIX3</p>
<p>10月9日-10日，下单立减100元</p>
<p>2999元</p>
</a>
</li>
<li class="color4">
<a href="#">
<img src="img/pinpai9.png" >
<p>小米壁画电视65英寸</p>
<p>7月9日，下单立减20元</p>
<p>6999元</p>
</a>
</li>
<li class="color5">
<a href="#">
<img src="img/pinpai10.png" >
<p>小米游戏本</p>
<p>第八代酷睿处理器，双烤不限频不降频</p>
<p>3599元</p>
</a>
</li>
</ul>
</div>
</div>
<!-- 明星单品展示 end -->
<!-- 横图 start -->
<!--banana-->
<div class="banana">
<div class="container">
<img src="img/banner02.jpg">
</div>
</div>
<!-- 横图 end -->
<!-- 热门配件展示 start -->
<div class="show1">
<div class="container">
<div class="back">
<div class="top">
<h2>热门配件</h2>
</div>
<ul>
<li class="no_img">
<a href="#">
<img src="img/peijian1.jpg" style="width:100%; height:100%;margin-left: 0px;margin-top:0px;">
</a>
</li>
<li>
<div class="xp">新品</div>
<a href="#">
<img src="img/peijian11.jpg" >
<p>小米无线车充</p>
<p>169元</p>
<p>1372人评论</p>
</a>
</li>
<li>
<a href="#">
<img src="img/peijian3.jpg" >
仿小米商城html+js.rar （98个子文件） 
仿小米商城html+js js 
login.js 2KB index.js 2KB zhuce.js 4KB jquery-3.4.1.min.js 86KB css goods.css 4KB zhuce.css 1KB login.css 2KB normalize.css 176B style.css 9KB
login.html 2KB goods.html 4KB index.html 10KB zhuce.html 3KB
小米商城实现说明书.docx 2.26MB img 
liebiao_xiaomi5.jpg 146KB liebiao_xiaomimix.jpg 189KB
pinpai2.png 85KB i_xmcc9.png 3KB 5c_80.png 3KB logo_foot.png 1KB
yyymix.gif 203KB peijian1.jpg 50KB gwc_xiaomi6.jpg 2KB login_bg.jpg 74KB liebiao_xiaomi5c.jpg 148KB hjh_05.gif 1KB peijian8.jpg 8KB peijian4.jpg 4KB xm5-80.jpg 2KB logo_top.png 422B xmad_14926862610682_UhkfS.png 75KB pinpai7.png 58KB hjh_01.gif 1021B pinpai4.png 82KB hmnote4-80.jpg 2KB yanzhengma.jpg 2KB listbanner05.jpg 148KB hm4-80.jpg 3KB peijian2.jpg 2KB peijian11.jpg 10KB xm6_80.png 2KB pinpai9.png 91KB peijian5.jpg 9KB listbanner01.jpg 260KB liebiao_xiaomi9.jpg 124KB xmNOTE2-80.jpg 3KB liebiao_xiaomi5s.jpg 160KB hongmin4.png 6KB peijian7.jpg 2KB listbanner02.jpg 146KB banner01.jpg 64KB pinpai8.png 85KB i_xm9.png 3KB pinpai6.png 67KB liulangengduo.png 4KB banner04.jpg 34KB xm5Splus.jpg 3KB peijian3.jpg 6KB banner03.jpg 30KB liebiao_hongmin4.jpg 144KB liebiao_hongmin42.jpg 149KB pinghengche.jpg 62KB hjh_03.gif 1KB mimobile.jpg 2KB pinpai1.png 75KB listbanner03.jpg 192KB liebiao_xiaomimix3.jpg 170KB peijian6.png 76KB peijian9.jpg 2KB ban1.jpg 79KB liebiao_hongmin4_dd.jpg 2KB hjh_04.gif 1KB liebiao_hongmin4x.jpg 140KB hongmi4x.png 59KB favicon.ico 1KB ban2.jpg 89KB ban3.jpg 69KB peijian10.jpg 827B xm5S-80.jpg 2KB hjh_02.gif 1KB compare.jpg 3KB hm4A-80.jpg 2KB hmn4x80.png 3KB pinpai10.png 98KB hm4x_80.png 2KB banner02.jpg 92KB liebiao_xiaomint2.jpg 173KB pinpai5.png 70KB hjh_06.gif 966B peijian12.jpg 20KB pinpai3.png 75KB listbanner04.jpg 160KB liebiao_xiaomi6.jpg 90KB ghs.png 2KB xiaomi5.jpg 38KB mistore_logo.png 4KB MIX-80.jpg 3KB i_xmmix3.png 3KB
评论5
最新资源