代码拉取完成，页面将自动刷新
<!DOCTYPE html>
<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">
<link rel="stylesheet" href="./css/huawei.css">
<link rel="stylesheet" href="./css/reset.css">
<link rel="stylesheet" href="./css/iconfont.css">
<title>Document</title>
</head>
<body>
<!-- 头部开始 -->
<div class="header">
<div class="wrap">
<ul class="header-left">
<li><a href="#">首页</a><span>|</span></li>
<li><a href="#">华为官网</a><span>|</span></li>
<li><a href="#">花粉俱乐部</a><span>|</span></li>
<li><a href="#">V码(优购码)</a><span>|</span></li>
<li><a href="#">企业购</a><span>|</span></li>
<li><a href="#">Select Region</a><span>|</span></li>
<li class="tips">
<a href="#">更多精彩</a>
<div class="more">
<p>
<a href="#">HarmonyOS</a>
</p>
<p>
<a href="#">应用市场</a>
</p>
<p>
<a href="#">华为终端云空间</a>
</p>
<p>
<a href="#">开发者联盟</a>
</p>
</div>
</li>
</ul>
<ul class="header-right">
<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 class="phone">
<a href="#">手机版</a>
<div class="download">
<a href="#">
<img src="./img/5B874DC0E45B0467105D3D3872A3E9A3.png">
<p>
华为商城APP
</p>
</a>
</div>
</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="./index.html">
<img src="./img/33223073294617032233.png">
</a>
</div>
<div class="nav-bar">
<ul>
<li><a href="#">华为专区</a></li>
<li><a href="#">鸿蒙智联</a></li>
<li><a href="#">莫塞尔</a></li>
<li><a href="#">华为智选</a></li>
<li><a href="#">HarmonyOS</a></li>
<li><a href="#">特惠企采</a></li>
<li><a href="#">教育购</a></li>
</ul>
</div>
<div class="search">
<input type="text" placeholder="华为手机">
<button type="button" class="iconfont"></button>
</div>
</div>
</div>
<!-- banner开始 -->
<div class="banner">
<div class="wrap">
<div class="banner-box">
<div class="slide">
<ul>
<li><a href="#">手机</a><i class="iconfont"></i>
<div class="slide-list">
<ul>
<li>
<a href="#">
<img src="./img/93D89B71BFEB8551AB20F238E0415157.png">
<span>Mate系列</span>
</a>
</li>
<li>
<a href="#">
<img src="./img/428_428_0CDE1D66587B3446E435A815610D75F9mp.png">
<span>P系列</span>
</a>
</li>
<li>
<a href="#">
<img src="./img/BA686E3523ABDE3DEABD97703F9DC484.png">
<span>Nova系列</span>
</a>
</li>
<li>
<a href="#">
<img src="./img/38398EE56B4FE8DA504851811DF22E4F.png">
<span>畅享系列</span>
</a>
</li>
<li>
<a href="#">
<img src="./img/FFFC583DF0D62696F4A74240C44B8BE5.png">
<span>华为认证二手机</span>
</a>
</li>
</ul>
</div>
</li>
<li><a href="#">电脑</a><i class="iconfont"></i></li>
<li><a href="#">平板</a><i class="iconfont"></i></li>
<li><a href="#">智慧屏</a><i class="iconfont"></i></li>
<li><a href="#">穿戴</a><i class="iconfont"></i></li>
<li><a href="#">耳机音响</a><i class="iconfont"></i></li>
<li><a href="#">门锁音箱</a><i class="iconfont"></i></li>
<li><a href="#">配件</a><i class="iconfont"></i></li>
<li><a href="#">生产产品</a><i class="iconfont"></i></li>
<li><a href="#">家用电器</a><i class="iconfont"></i></li>
<li><a href="#">美食酒饮</a><i class="iconfont"></i></li>
<li><a href="#">增值服务/企业商用</a><i class="iconfont"></i></li>
</ul>
</div>
</div>
</div>
<div class="prev"></div>
<div class="next"></div>
</div>
<!-- 广告开始 -->
<div class="adv">
<div class="wrap">
<div class="adv-img">
<a href="#">
<img src="./img/FED4FA21CCED53EE303E43FC98DB4422.png.webp">
<p>智能家居</p>
</a>
</div>
<div class="adv-img">
<a href="#">
<img src="./img/97E36F976BD21EDFCDFAABCE20262F5E.png.webp">
<p>影音娱乐</p>
</a>
</div>
<div class="adv-img">
<a href="#">
<img src="./img/3BA8B05CB77FAF077B2F45BD75E56EBA.png.webp">
<p>AITO汽车</p>
</a>
</div>
<div class="adv-img">
<a href="#">
<img src="./img/96D51B483F18498112E94114B4AC7C7A.png.webp">
<p>超新计划</p>
</a>
</div>
<div class="adv-img">
<a href="#">
<img src="./img/9B354D128BBE68DFA79995FD6AC73D00.webp">
<p>以旧换新</p>
</a>
</div>
<div class="adv-img">
<a href="#">
<img src="./img/D772246BE15940855B040BF640B87809.webp">
<p>会员频道</p>
</a>
</div>
</div>
</div>
<div class="adv1">
<div class="wrap">
<div class="adv1-img">
<a href="#">
<img src="./img/76E4702B441D58FB7C2F5D33CE3923BE.png.webp">
</a>
</div>
<div class="adv1-img">
<a href="#">
<img src="./img/652CC235E35C12AB66EA970C34967DAF.jpg.webp">
</a>
</div>
<div class="adv1-img">
<a href="#">
<img src="./img/CF5EA746E7D71811D5B9BB2DD942040C.png.webp">
</a>
</div>
<div class="adv1-img">
<a href="#">
<img src="./img/8BF9BF8F89D4547064D36DA9C06E9A03.png.webp">
</a>
</div>
</div>
</div>
<!-- 主体开始 -->
<div class="container">
<div class="wrap">
<!-- 电脑开始 -->
<div class="computer">
<div class="home-banner-box">
<a href="#">
<img src="./img/E2717879FBF160C470742F35A012EDDD.png">
</a>
</div>
<h2 class="title">
电脑
<a href="#" class="many">更多 <i class="iconfont"></i></a>
</h2>
<div class="computer-box">
<ul>
<li class="items">
<a href="#">
<img src="./img/C90533F6FD27537A7959485E448FC412.png.webp">
<p class="goods-name">MateBook X Pro 微绒典藏版</p>
<p class="goods-desc">预订省200元/享12期免息</p>
<p class="goods-price">￥11990</p>
</a>
</li>
<li class="items">
<a href="#">
<img src="./img/428_428_0734AA176A25064EDB37B01BF0821362mp.png">
<p class="goods-name">MateBook X Pro 12代酷睿版</p>
<p class="goods-desc">预订省200元/12代酷睿</p>
<p class="goods-price">￥9999</p>
</a>
</li>
<li class="items">
<a href="#">
<img src="./img/2F05E47074B8D3C3BC23388CB4C42144.png.webp">
<p class="goods-name">HUAWEI MateBook 14s</p>
<p class="goods-desc">预订最高省300|12代酷睿</p>
<p class="goods-price">￥7099</p>
</a>
</li>
<li class="items">
<a href="#">
<img src="./img/428_428_FA9DE2AB3CB205242F7104A62E192CEEmp.png">
<p class="goods-name">HUAWEI MateBook 16s</p>
<p class="goods-desc">16s最高省1000</p>
<p class="goods-price">￥6799</p>
</a>
</li>
<li class="items">
<a href="#">
<img src="./img/428_428_F415CCB087EEF7E038D8F13467956C13mp.png">
<p class="goods-name">MateBook D 16</p>
<p class="goods-desc">立省300|12代酷睿标压</p>
<p class="goods-price">￥5399</p>
</a>
</li>
<li class="items">
<a href="#">
<img src="./img/428_428_0586DDD43A796BB8F9DCE0CF38A3C248212C18CA891A2AB9mp.png">
<p class="goods-name">MateBook 14 12代酷睿</p>
<p class="goods-desc">限时直降200元</p>
<p class="goods-price">￥5899</p>
</a>
</li>
<li class="items">
<a href="#">
<img src="./img/428_428_F5608DB88FB841A47DFCE5A1E057CF0Amp.png">
<p class="goods-name">MateBook D 14 12代酷睿</p>
<p class="goods-desc">最高省300元</p>
<p class="goods-price">￥4999</p>
</a>
</li>
<li class="items">
<a href="#">
<img src="./img/428_428_0E4244A9C3C2401EA28A6011C8D468FDmp.png">
<p class="goods-name">MateBook D 16</p>
<p class="goods-desc">最高立省400元</p>
<p class="goods-price">￥4699</p>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- 页脚开始 -->
<div class="footer">
<div class="wrap">
<div class="footer-server">
<ul>
<li><a href="#"><i class="iconfont"></i>百强企业 品质保证</a></li>
<li><a href="#"><i class="iconfont"></i>7天退货 15天换货</a></li>
<li><a href="#"><i class="iconfont"></i>48元起免运费</a></li>
<li><a href="#"><i class="iconfont"></i>2000家服务店 全国联保</a></li>
</ul>
</div>
<div class="footer-links">
<ul>
<li>购物指南</li>
<li><a href="#">免息分期</a></li>
<li><a href="#">以旧换新</a></li>
<li><a href="#">众测活动</a></li>
<li><a href="#">企业购</a></li>
<li><a href="#">O2O采购</a></li>
</ul>
<ul>
<li>售后服务</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>
<ul>
<li>维修与技术支持</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>
<ul>
<li>特色服务</li>
<li><a href="#">防伪查询</a></li>
<li><a href="#">补购保障</a></li>
<li><a href="#">以旧换新</a></li>
<li><a href="#">礼品包装</a></li>
</ul>
<ul>
<li>关于我们</li>
<li><a href="#">公司介绍</a></li>
<li><a href="#">华为零售店</a></li>
<li><a href="#">商家中心</a></li>
<li><a href="#">意见反馈</a></li>
</ul>
<ul>
<li>友情链接</li>
<li><a href="#">华为集团</a></li>
<li><a href="#">华为CBG官网</a></li>
<li><a href="#">花粉俱乐部</a></li>
<li><a href="#">华为云</a></li>
<li><a href="#">华为应用市场</a></li>
</ul>
<div class="contact">
<p class="tel">950805</p>
<p class="time">7 x 24 小时客服热线 (仅收市话费)</p>
<a href="#" class="kefu">
<i class="iconfont"></i>
<span>在线客服</span>
</a>
<p class="follow">
关注VMALL：
<span class="wx"></span>
<img src="./img/66357398344619375366.jpg" class="wx-img">
<span class="wb"></span>
</p>
</div>
</div>
<div class="footer-info">
<div class="info">
<div class="info-img">
<img src="./img/33223073294617032233.png">
</div>
<div class="info-right">
<p class="info-right-top">
<a href="#">
华为集团
<span>|</span>
</a>
<a href="#">
华为CBG官网
<span>|</span>
</a>
<a href="#">
花粉俱乐部
<span>|</span>
</a>
<a href="#">
华为应用市场
<span>|</span>
</a>
<a href="#">
HarmonyOS
<span>|</span>
</a>
<a href="#">
华为终端云空间
<span>|</span>
</a>
<a href="#">
开发者联盟
<span>|</span>
</a>
<a href="#">
华为商城手机版
</a>
<img src="./img/20160226162415360.png" class="license">
</p>
<p class="info-right-bottom">
<a href="#">
隐私声明
</a>
<a href="#">
服务协议
</a>
<a href="#">
COOKIES
</a>
<span>
Copyright © 2012-2022 华为终端有限公司 版权所有 |
</span>
<a href="#">
经营资质
<span>|</span>
</a>
<a href="#">
粤ICP备19015064号
<span>|</span>
</a>
<a href="#">
粤公网安备 44190002003939号
<br>
</a>
<a href="#">
增值电信业务经营许可证：粤B2-20190762
<span>|</span>
</a>
<a href="#">
广东省网络食品交易第三方平台备案：GDWS10168
</a>
</p>
</div>
</div>
</div>
</div>
</div>
</body>
<script src="./script.js"></script>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。