<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>小米商城 - Xiaomi 13、Redmi K60、MIX FOLD 2，小米电视官方网站</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="./css/reset.css">
<link rel="stylesheet" href="./css/index.css">
<link rel="stylesheet" href="./iconfont/iconfont.css">
<link rel="stylesheet" href="./swiper/swiper-bundle.min.css">
</head>
<body>
<header id="top">
<!----------------------头部导航----------------------->
<nav class="wrapper">
<ul class="nav-left">
<li id="guanwang" class="guanwang"><a href="./officialweb.html">小米官网</a></li>
<span>|</span>
<li><a href="javascript:;">小米商城</a></li>
<span>|</span>
<li><a href="javascript:;">MIUI</a></li>
<span>|</span>
<li><a href="javascript:;">IOT</a></li>
<span>|</span>
<li><a href="javascript:;">云服务</a></li>
<span>|</span>
<li><a href="javascript:;">天星数科</a></li>
<span>|</span>
<li><a href="javascript:;">有品</a></li>
<span>|</span>
<li><a href="javascript:;">小爱开放平台</a></li>
<span>|</span>
<li><a href="javascript:;">资质证照</a></li>
<span>|</span>
<li><a href="javascript:;">协议规则</a></li>
<span>|</span>
<li class="download">
<a href="javascript:;">
下载app
<section class="triangle"></section>
<div class="unfold">
<img src="./image/index/header/download.png" alt="">
<p>小米商城APP</p>
</div>
</a>
</li>
<span>|</span>
<li><a href="javascript:;">Select Location</a></li>
</ul>
<ul class="nav-right">
<li><a href="./login.html">登录</a></li>
<span>|</span>
<li><a href="javascript:;">注册</a></li>
<span>|</span>
<li><a href="javascript:;">消息通知</a></li>
<li class="shoppingcar">
<a href="javascript:;">
<div>
<span class="iconfont icon-gouwuchekong"></span>
<span>购物车 (0)</span>
</div>
<div class="unfold">
<img src="./image/index/header/loading.png" alt="">
</div>
</a>
</li>
</ul>
</nav>
</header>
<!--------------------------主体--------------------------->
<main>
<div class="wrapper container clearfix">
<!-- logo标制作有利于seo -->
<a href="javascript:;" class="logo">
<h1>小米商城</h1>
<img src="./image/index/subnav/logo.png" alt="mi-logo">
</a>
<!-- 子导航 -->
<nav class="subnav clearfix">
<div class="menu">
<a href="javascript:;">Xiaomi手机</a>
<div class="submenu">
<ul class=" wrapper">
<li class="item">
<a href="javascript:;">
<img src="./image/index/subnav/mixfold3.png" alt="">
<p class="model">Xiaomi Mix Fold3</p>
<p class="price">8999元起</p>
</a>
</li>
<li class="item">
<a href="javascript:;">
<img src="./image/index/subnav/mixfold3.png" alt="">
<p class="model">Xiaomi Mix Fold3</p>
<p class="price">8999元起</p>
</a>
</li>
<li class="item">
<a href="javascript:;">
<img src="./image/index/subnav/mixfold3.png" alt="">
<p class="model">Xiaomi Mix Fold3</p>
<p class="price">8999元起</p>
</a>
</li>
<li class="item">
<a href="javascript:;">
<img src="./image/index/subnav/mixfold3.png" alt="">
<p class="model">Xiaomi Mix Fold3</p>
<p class="price">8999元起</p>
</a>
</li>
<li class="item">
<a href="javascript:;">
<img src="./image/index/subnav/mixfold3.png" alt="">
<p class="model">Xiaomi Mix Fold3</p>
<p class="price">8999元起</p>
</a>
</li>
<li class="item">
<a href="javascript:;">
<img src="./image/index/subnav/mixfold3.png" alt="">
<p class="model">Xiaomi Mix Fold3</p>
<p class="price">8999元起</p>
</a>
</li>
</ul>
</div>
</div>
<div class="menu">
<a href="javascript:;">Redmi手机</a>
<div class="submenu">
<ul class="wrapper">
<li class="item">
<a href="javascript:;">
<img src="./image/index/subnav/redminote13pro+.webp" alt="">
<p class="model">Rdemi Note 13pro+ </p>
<p class="price">1899元起</p>
</a>
</li>
<li class="item">
<a href="javascript:;">
<img src="./image/index/subnav/redminote13pro+.webp" alt="">
<p class="model">Rdemi Note 13pro+ </p>
<p class="price">1899元起</p>
</a>
</li>
<li class="item">
<a href="javascript:;">
<img src="./image/index/subnav/redminote13pro+.webp" alt="">
<p class="model">Rdemi Note 13pro+ </p>
<p class="price">1899元起</p>
</a>
</li>
<li class="item">
<a href="javascript:;">
<img src="./image/index/subnav/redminote13pro+.webp" alt="">
<p class="model">Rdemi Note 13p
小米商城pc端网页的精细模仿，可在文章顶部inscode在线运行查看，也提供了资源包的下载
33 浏览量
2024-04-15
09:39:09
上传
评论
收藏 1.5MB ZIP 举报
小米商城（静态页面）.zip （68个子文件） 
小米商城（重构版） .vscode 
settings.json 40B image index column rmbs4.webp 2KB redmibook16 2024.webp 15KB K70.webp 27KB mi14.webp 12KB xmbs4pro.webp 9KB watch S3.webp 44KB redmibook14.webp 24KB banner.webp 18KB bottom-banner.webp 16KB nav-banner 小米大师系列电视.webp 2KB
swiper1.png 144KB 小米数字系列.webp 2KB swiper5.webp 138KB swiper2.webp 80KB swiper4.webp 56KB swiper3.webp 103KB fixaside 手机1.png 1KB 客服1.png 2KB 售后1.png 2KB download.png 13KB 回到顶部1.png 1KB 回到顶部0.png 1KB 手机0.png 1KB 个人1.png 2KB 个人0.png 2KB 购物车1.png 2KB 购物车0.png 2KB 售后0.png 2KB 客服0.png 2KB subnav 路由器.webp 2KB 电视.webp 18KB 家电.webp 3KB logo.png 3KB mixfold3.png 9KB 电脑.webp 14KB redminote13pro+.webp 4KB 平板.webp 7KB header download.png 13KB loading.png 1KB middle-banner 米粉卡.png 661B
2.jpg 123KB 企业团购.png 637B 3.png 154KB F码通道.png 1010B 1.png 104KB 保障服务.png 1KB 话费充值.png 579B 以旧换新.png 1KB site-info 3.png 10KB slogan2020.png 5KB 1.png 4KB 5.png 3KB 4.png 24KB 2.png 4KB login banner.jpg 254KB swiper swiper-bundle.min.js 145KB swiper-bundle.min.css 18KB iconfont iconfont.ttf 7KB iconfont.css 1KB iconfont.woff2 4KB iconfont.woff 5KB css reset.css 2KB login.css 8KB index.css 22KB
login.html 4KB favicon.ico 4KB index.html 52KB资源评论
