<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="./icon/iconfont.css">
<link rel="stylesheet" href="./less/index.css">
<link rel="stylesheet" href="./swiper/swiper-bundle.min.css">
<title>华为商城VMALL</title>
<style>
</style>
</head>
<body>
<!----------------- 头部 ----------------------->
<header id="header">
<nav class="wrapper">
<ul>
<li class="menu"><a href="javascript:;">首页</a></li>
<li class="menu"><a href="javascript:;">消费者业务网站</a></li>
<li class="menu"><a href="javascript:;">V码（优购码）</a></li>
<li class="menu"><a href="javascript:;">企业商用</a></li>
<li class="menu"><a href="javascript:;">Sele Region</a></li>
<li class="icon">
<div class="unfold">
<a href="javascript:;">更多精彩</a>
<span class="iconfont icon-xiangxiazhankai"></span>
</div>
<div class="drop">
<dl>
<dt><a href="javascript:;">HarmonyOS</a></dt>
<dt><a href="javascript:;">应用市场</a></dt>
<dt><a href="javascript:;">华为终端云空间</a></dt>
<dt><a href="javascript:;">开发者联盟</a></dt>
</dl>
</div>
</li>
</ul>
<ol>
<li class="menu"><a href="./login.html">请登录</a></li>
<li class="menu"><a href="javascript:;">注册</a></li>
<li class="menu"><a href="javascript:;">我的订单</a></li>
<li class="icon">
<div class="unfold">
<a href="javascript:;">客服</a>
<span class="iconfont icon-xiangxiazhankai"></span>
</div>
<div class="drop">
<dl>
<dt><a href="javascript:;">服务中心</a></dt>
<dt><a href="javascript:;">联系客服</a></dt>
</dl>
</div>
</li>
<li class="icon">
<div class="unfold">
<a href="javascript:;">网站导航</a>
<span class="iconfont icon-xiangxiazhankai"></span>
</div>
</li>
<li class="icon">
<div class="unfold">
<a href="javascript:;">手机版</a>
<span class="iconfont icon-xiangxiazhankai"></span>
</div>
</li>
<li class="icon icon-shopping ">
<div class="unfold shopping">
<span class="iconfont icon-gouwuche"></span>
<a href="javascript:;">购物车<span>(0)</span></a>
</div>
<div class="drop drop-shopping ">
<a href="javascript:;">
<img src="./img/header/空购物车.png" alt="">
</a>
</div>
</li>
</ol>
</nav>
</header>
<!-- -------------------------主体----------------------------->
<main>
<div class="banner">
<div class="container wrapper">
<img src="./img/main/logo.png" alt="">
<div class="nav">
<div><a href="javascript:;">华为</a></div>
<div><a href="javascript:;">鸿蒙智行</a></div>
<div><a href="javascript:;">华为智选</a></div>
<div><a href="javascript:;">生态周边</a></div>
</div>
<span class="iconfont icon-sousuo"></span>
</div>
</div>
<div class="show">
<!------------------ 轮播图 ------------------->
<div class="slideshow">
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide"><a href="javascript:;">
<div class="zoomImage" style="background-image: url(./img/main/slideshow/slideshow1.webp);"></div>
</a></div>
<div class="swiper-slide"><a href="javascript:;">
<div class="zoomImage" style="background-image: url(./img/main/slideshow/slideshow2.webp);"></div>
</a></div>
<div class="swiper-slide"><a href="javascript:;">
<div class="zoomImage" style="background-image: url(./img/main/slideshow/slideshow3.webp);"></div>
</a></div>
<div class="swiper-slide"><a href="javascript:;">
<div class="zoomImage" style="background-image: url(./img/main/slideshow/slideshow4.webp);"></div>
</a></div>
<div class="swiper-slide"><a href="javascript:;">
<div class="zoomImage" style="background-image: url(./img/main/slideshow/slideshow5.webp);"></div>
</a></div>
<div class="swiper-slide"><a href="javascript:;">
<div class="zoomImage" style="background-image: url(./img/main/slideshow/slideshow6.webp);"></div>
</a></div>
</div>
<!------------- 如果需要分页器 -------------->
<div class="swiper-pagination"></div>
</div>
</div>
<!------------------ 侧边导航栏 ------------------>
<div class="wrapper">
<div class="sidebar">
<ul>
<li><a href="javascript:;">手机</a><span class="iconfont icon-xiangyou"></span>
<div class="unfold">
<section><a href="javascript:;"><img src="./img/main/slidebar/mate.webp" alt=""><span>Mate 系列</span></a>
</section>
<section><a href="javascript:;"><img src="./img/main/slidebar/mate.webp" alt=""><span>Mate 系列</span></a>
</section>
<section><a href="javascript:;"><img src="./img/main/slidebar/mate.webp" alt=""><span>Mate 系列</span></a>
</section>
<section><a href="javascript:;"><img src="./img/main/slidebar/mate.webp" alt=""><span>Mate 系列</span></a>
</section>
<section><a href="javascript:;"><img src="./img/main/slidebar/mate.webp" alt=""><span>Mate 系列</span></a>
</section>
<section><a href="javascript:;"><img src="./img/main/slidebar/mate.webp" alt=""><span>Mate 系列</span></a>
</section>
<section><a href="javascript:;"><img src="./img/main/slidebar/mate.webp" alt=""><span>Mate 系列</span></a>
</section>
<section><a href="javascript:;"><img src="./img/main/slidebar/mate.webp" alt=""><span>Mate 系列</span></a>
</section>
<section><a href="javascript:;"><img src="./img/main/slidebar/mate.webp" alt=""><span>Mate 系列</span></a>
</section>
<section><a href="javascript:;"><img src="./img/main/slidebar/mate.webp" alt=""><span>Mate 系列</span></a>
</section>
</div>
</li>
<li><a href="javascript:;">穿戴</a><span class="iconfont icon-xiangyou"></span>
<div class="unfold">
<section><a href="javascript:;"><img src="./img/main/slidebar/WATCH.webp" alt=""><span>WATCH
系列</span></a>
</section>
<section><a href="javascript:;"><img src="./img/main/slidebar/WATCH.webp" alt=""><span>WATCH
系列</span></a>
</section>
<section><a href="javascript:;"><img src="./img/main/slidebar/WATCH.webp" alt=""><span>WATCH
系列</span></a>
</section>
<section><a href="javascript:;"><img src="./img/main/slidebar/WATCH.webp" alt=""><span>WATCH
系列</span></a>
</section>
<section><a href="javascript:;"><img src="./img/main/slidebar/WATCH.webp" alt=""><span>WATCH
系列</s
华为商城（静态页面）.zip （50个子文件） 
华为商城 .vscode 
settings.json 40B swiper swiper-bundle.min.js 145KB swiper-bundle.min.css 18KB img footer 
3.png 579B logo.png 11KB 20160226162415360.png 4KB 1.png 387B 4.png 1KB 2.png 439B header 空购物车.png 18KB main slidebar mate.webp 47KB WATCH.webp 127KB recommend matebook x pro.png 216KB 智能眼镜.webp 111KB watch4pro.png 422KB 电脑.png 417KB nova12活力板.png 145KB mate60.png 587KB logo.png 11KB slideshow slideshow6.webp 167KB slideshow4.webp 956KB slideshow5.webp 209KB slideshow3.webp 355KB slideshow1.webp 137KB slideshow2.webp 1.11MB navmiddle 智慧办公.webp 8KB 运动健康.png 582KB 鸿蒙出行.webp 10KB 以旧换新.webp 9KB 智能家居.webp 11KB 众测.webp 23KB 全屋智能.webp 5KB 教育购.webp 15KB 影音娱乐.webp 9KB 华为手机.webp 7KB 配件.webp 7KB 企业商用.webp 10KB login 二维码.png 3KB
login.html 4KB favicon.ico 17KB less index.less 13KB login.css 4KB index.css 12KB login.less 5KB index.html 26KB icon iconfont.ttf 5KB iconfont.css 989B iconfont.woff2 3KB iconfont.woff 3KB
HUAWEI.svg 2KB资源评论
