<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>小米</title>
<link rel="icon" href="images/favicon.ico">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/iconfont.css">
<link rel="stylesheet" href="css/mi.css">
</head>
<body>
<!-- 头部开始 -->
<div class="header">
<div class="wrap">
<ul class="header-left">
<li><a href="#">小米商城</a><span>|</span></li>
<li><a href="#">MIUI</a><span>|</span></li>
<li><a href="#">LoT</a><span>|</span></li>
<li><a href="#">云服务</a><span>|</span></li>
<li><a href="#">云服务</a><span>|</span></li>
<li><a href="#">云服务</a><span>|</span></li>
<li><a href="#">云服务</a><span>|</span></li>
<li><a href="#">云服务</a><span>|</span></li>
<li><a href="#">云服务</a><span>|</span></li>
<li><a href="#">云服务</a><span>|</span></li>
<li>
<a href="#">下载APP</a><span>|</span>
<div class="download">
<a href="#">
<img src="https://i1.mifile.cn/f/i/17/appdownload/download.png?1" alt="">
<p>小米商城APP</p>
</a>
</div>
<div class="triangle"></div>
</li>
<li><a href="#">云服务</a><span>|</span></li>
<li><a href="#">SL</a><span>|</span></li>
</ul>
<ul class="header-right">
<li><a href="#">登陆</a><span>|</span></li>
<li><a href="#">注册</a><span>|</span></li>
<li><a href="#">消息通知</a></li>
<li class="cart">
<a href="#">
<i class="iconfont"></i>购物车(0)
</a>
<div class="cart-list">
购物车中没有商品，赶紧选购吧!
</div>
</li>
</ul>
</div>
</div>
<!-- 导航栏开始 -->
<div class="nav">
<div class="wrap">
<div class="logo">
<a href="#">
<img src="images/logo.png" alt="">
</a>
</div>
</div>
<div class="nav-bar">
<ul>
<li>
<a href="#">小米手机</a>
<div class="nav-bar-list">
<div class="wrap">
<ul>
<li>
<a href="#">
<div class="nav-img-box">
<img src="images/sj.webp" alt="">
</div>
<p>aaa</p>
<p>bbb元</p>
</a>
</li>
<li>
<a href="#">
<div class="nav-img-box">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d7a15df55e98e4163390096ed05b1ef5.png?thumb=1&w=160&h=110&f=webp&q=90" alt="">
</div>
<p>aaa</p>
<p>bbb元</p>
</a>
</li>
<li>
<a href="#">
<div class="nav-img-box">
<img src="images/sj.webp" alt="">
</div>
<p>aaa</p>
<p>bbb元</p>
</a>
</li>
<li>
<a href="#">
<div class="nav-img-box">
<img src="images/sj.webp" alt="">
</div>
<p>aaa</p>
<p>bbb元</p>
</a>
</li>
<li>
<a href="#">
<div class="nav-img-box">
<img src="images/sj.webp" alt="">
</div>
<p>aaa</p>
<p>bbb元</p>
</a>
</li>
<li>
<a href="#">
<div class="nav-img-box">
<img src="images/sj.webp" alt="">
</div>
<p>aaa</p>
<p>bbb元</p>
</a>
</li>
</ul>
</div>
</div>
</li>
<li>
<a href="#">红米</a>
<div class="nav-bar-list">
<div class="wrap">
<ul>
<li>
<a href="#">
<div class="nav-img-box">
<img src="images/sj.webp" alt="">
</div>
<p>aaa</p>
<p>bbb元</p>
</a>
</li>
<li>
<a href="#">
<div class="nav-img-box">
<img src="images/sj.webp" alt="">
</div>
<p>aaa</p>
<p>bbb元</p>
</a>
</li>
<li>
<a href="#">
<div class="nav-img-box">
<img src="images/sj.webp" alt="">
</div>
<p>aaa</p>
<p>bbb元</p>
</a>
</li>
<li>
<a href="#">
<div class="nav-img-box">
<img src="images/sj.webp" alt="">
</div>
<p>aaa</p>
<p>bbb元</p>
</a>
</li>
<li>
<a href="#">
<div class="nav-img-box">
<img src="images/sj.webp" alt="">
</div>
<p>aaa</p>
<p>bbb元</p>
</a>
小米商城首页，如有侵权，请立即联系我删除
需积分: 0 59 浏览量
2023-04-26
21:13:28
上传
评论
收藏 130KB ZIP 举报
小米官网.zip （31个子文件） 
.vscode 
launch.json 464B css demo.css 8KB mi.css 15KB
demo_index.html 9KB iconfont.ttf 2KB iconfont.css 391B iconfont.json 442B reset.css 689B iconfont3.js 2KB demo_index (2).html 8KB iconfont.js 3KB iconfont3.json 291B iconfont3.css 346B iconfont3.ttf 2KB demo3.css 8KB index.html 144KB images 闪电图.webp 11KB sp.webp 6KB sj2.webp 4KB
logo.png 3KB xsj.webp 840B sprite0.png 3KB sj.webp 2KB
gg.jpg 17KB ds.webp 18KB favicon.ico 9KB mt.webp 4KB ggt.webp 7KB cgg.webp 9KB xyj.webp 330B ewm.png.webp 13KB资源评论
