<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" href="images2/favicon.ico" type="image/x-icon">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>小米商城</title>
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="iconfont.css">
<link rel="stylesheet" href="mi.css">
</head>
<body>
<!-- 01开始黑色导航内容-->
<div class="black-nav">
<div class="warp">
<ul class="black-nav-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">
<img src="屏幕截图 2023-12-10 084616.png" alt="">
<p>小米商城APP</p>
</div>
<div class="stri"></div>
</li>
<li><a href="#">智能生活</a><span>|</span></li>
<li><a href="#">Selectlocation</a><span>|</span>
</li>
</ul>
<ul class="black-nav-right">
<li><a href="">登录</a><span>|</span></li>
<li><a href="">注册</a><span>|</span></li>
<li><a href="">消息通知</a><span>|</span></li>
<li class="cart">
<a href="">
<i class="iconfont"></i>
<i>购物车（0）</i>
</a>
<div class="cart-list">
购物车中还没有商品，赶紧选购吧
</div>
</li>
</ul>
</div>
</div>
<!-- 01结束导航内容 -->
<!-- 02白色导航 -->
<div class="white-nav">
<div class="wrap">
<div class="logo">
<img src="屏幕截图 2023-12-10 085458.png" alt="">
</div>
<div class="nav-bar">
<ul>
<li>
<a href="">Xiaomi手机</a>
<div class="nav-bar-list">
<div class="wrap">
<ul>
<li>
<a href="">
<div class="img-box">
<img src="21.png" alt="">
</div>
<p class="name">小米13</p>
<p class="price">4399元</p>
</a>
</li>
<li>
<a href="">
<div class="img-box">
<img src="21.png" alt="">
</div>
<p class="name">小米13</p>
<p class="price">4399元</p>
</a>
</li>
</ul>
</div>
</div>
</li>
<li>
<a href="">Redmi手机</a>
<div class="nav-bar-list">
<div class="wrap">
<ul>
<li>
<a href="">
<div class="img-box">
<img src="22.png" alt="">
</div>
<p class="name">hong米13</p>
<p class="price">3299元</p>
</a>
</li>
<li>
<a href="">
<div class="img-box">
<img src="22.png" alt="">
</div>
<p class="name">红米13</p>
<p class="price">2399元</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="img-box">
<img src="23.jpg" alt="">
</div>
<p class="name">电视</p>
<p class="price">3299元</p>
</a>
</li>
<li>
<a href="">
<div class="img-box">
<img src="23.jpg" alt="">
</div>
<p class="name">电视</p>
<p class="price">1399元</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="img-box">
<img src="24.jpg" alt="">
</div>
<p class="name">笔记本</p>
<p class="price">7299元</p>
</a>
</li>
<li>
<a href="">
<div class="img-box">
<img src="24.jpg" alt="">
</div>
<p class="name">笔记本</p>
<p class="price">6399元</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="img-box">
<img src="24.jpg" alt="">
</div>
<p class="name">平板</p>
<p class="price">5299元</p>
</a>
</li>
<li>
电商网站设计源代码.zip
需积分: 0 63 浏览量
2024-01-16
16:33:18
上传
评论
收藏 1.54MB ZIP 举报
电商网站设计源代码.zip （33个子文件） 
wx.png 2KB
27.jpg 895KB
demo.css 8KB 屏幕截图 2023-12-10 085458.png 3KB mi.css 9KB
demo_index.html 24KB 30.jpg 63KB iconfont.ttf 7KB iconfont.css 7KB 5fc35cf0af915a9e60f5d4ea220521ab.jpg 4KB 7d9e8308f5f55bfa69c5c7fadc7cb4aa.jpg 4KB 23.jpg 4KB 26.jpg 2KB iconfont.woff2 4KB reset.css 426B 32.jpg 39KB 35.webp 6KB iconfont.js 5KB 24.jpg 2KB 25.JPG 3KB 21.png 30KB 31.jpg 140KB
iconfont.svg 30KB 09.html 29KB iconfont.eot 7KB wb.png 2KB 33.jpg 192KB iconfont.woff 5KB 屏幕截图 2023-12-10 084616.png 91KB 9d8674cd21c486feff5328772ab9cf01.jpg 6KB 5dc32ec73299ff79556dcd1cf0f0ac11.png 30KB 22.png 20KB 34.jpg 14KB资源评论
