227 lines
9.1 KiB
HTML
227 lines
9.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="./CSS/clear.css">
|
|
<link rel="stylesheet" href="./CSS/public.css">
|
|
<link rel="stylesheet" href="./CSS/index.css">
|
|
<link rel="stylesheet" href="https://at.alicdn.com/t/font_1727743_xl704qtmd5h.css">
|
|
<title>华为商城首页</title>
|
|
</head>
|
|
<body>
|
|
<!-- 头部菜单 -->
|
|
<div class="header">
|
|
<div class="header_top">
|
|
<img class="leftimg" src="./img/logo_vmall.png" alt="">
|
|
<input type="text" placeholder="老用户福利">
|
|
<img class="rightimg" src="./img/icon_message_black.png" alt="">
|
|
<span>登录</span>
|
|
</div>
|
|
<div class="header_bottom">
|
|
<ul>
|
|
<li>推荐</li>
|
|
<li>华为频道</li>
|
|
<li>荣耀新品</li>
|
|
<li>安心居家</li>
|
|
<li>Mate30系列</li>
|
|
<li>拼团</li>
|
|
</ul>
|
|
</div>
|
|
<div class="headerbottom_zz">
|
|
<div class="menu">
|
|
<h3>全部</h3>
|
|
<ul>
|
|
<li><p>推荐</p></li>
|
|
<li><p>华为频道</p></li>
|
|
<li><p>荣耀新品</p></li>
|
|
<li><p>安心居家</p></li>
|
|
<li><p>Mata30系列</p></li>
|
|
<li><p>拼团</p></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 内容 -->
|
|
<div class="content">
|
|
<!-- 轮播图 -->
|
|
<div class="WheelPlanting">
|
|
<ul class="dot">
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
</ul>
|
|
<ul class="dynamic">
|
|
<li><img src="./img/l3Ebf2v1az48QPoKekpb.jpg" alt=""></li>
|
|
<li><img src="./img/Ii8ptQJ39QaAq3GPQjaN.jpg" alt=""></li>
|
|
<li><img src="./img/giYHHSaa627RzKKQtwTL.jpg" alt=""></li>
|
|
<li><img src="./img/t7CkSZKSEBGgSElpWfBY.jpg" alt=""></li>
|
|
<li><img src="./img/eBpTeDSK3XmX2xe3csRB.jpg" alt=""></li>
|
|
<li><img src="./img/UuxYj39RYUAttKac80fy.jpg" alt=""></li>
|
|
</ul>
|
|
</div>
|
|
<!-- 轮播图结束-->
|
|
<div class="backpic_squared">
|
|
<div class="backpic_core">
|
|
<ul class="backpic_top">
|
|
<li>
|
|
<i class="iconfont icon-32"></i>
|
|
官方商城
|
|
</li>
|
|
<li>
|
|
<i class="iconfont icon-32"></i>
|
|
正品保障
|
|
</li>
|
|
<li>
|
|
<i class="iconfont icon-32"></i>
|
|
售后无忧
|
|
</li>
|
|
</ul>
|
|
<ul class="backpic_bottom">
|
|
<li>
|
|
<div class="img1"></div>
|
|
<span>会员领券</span>
|
|
</li>
|
|
<li>
|
|
<div class="img2"></div>
|
|
<span>华为数码</span>
|
|
</li>
|
|
<li>
|
|
<div class="img3"></div>
|
|
<span>HUAWEI商城</span>
|
|
</li>
|
|
<li>
|
|
<div class="img4"></div>
|
|
<span>荣耀数码</span>
|
|
</li>
|
|
<li>
|
|
<div class="img5"></div>
|
|
<span>以旧换新</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="linone">
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
<!-- 商城头条 -->
|
|
<div class="channel_headline">
|
|
<div class="ChannelHeadline_core">
|
|
<div class="channel_lin"></div>
|
|
<h2>商城头条</h2>
|
|
<p class="dian"></p>
|
|
<p class="RollingTitle">
|
|
一张图看懂华为2019年年报</p>
|
|
<P class="FootTitle">更多</P>
|
|
</div>
|
|
</div>
|
|
<!-- 限时购-->
|
|
<div class="seckill">
|
|
<div class="seckill_core">
|
|
<h3>
|
|
<span class="time1">限时购</span>
|
|
<span class="time2"></span>
|
|
<span class="time3">11:53:48</span>
|
|
<span class="time4">后结束</span>
|
|
</h3>
|
|
</div>
|
|
<div class="seckill_bootm">
|
|
<ul class="Slide">
|
|
<li>
|
|
<img src="./img/142_142_1555752016264mp.png" alt="">
|
|
<p>MateBook X Pro</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/142_142_2F3A76D14CB25E4101278087C51487F4691E72674C684788mp.png" alt="">
|
|
<p>MateBook X Pro</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/142_142_9F646DC4DD50AD8591CE902EB3438CCFD551FD9D5311E3E9mp.png" alt="">
|
|
<p>MateBook X Pro</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/142_142_52F045B3A4ADEA60CD2CB0B1E1A203FE6A34A56891A300CDmp.png" alt="">
|
|
<p>MateBook X Pro</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/142_142_3FD06E7E9FCF1C3A6AAA5C15E31867DFC663110C94BEFE35mp.png" alt="">
|
|
<p>MateBook X Pro</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/142_142_3CD2C9B9CA105737D3A361014B99F1CAD40D0F2A6EE06E65mp.png" alt="">
|
|
<p>MateBook X Pro</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/142_142_909881D6BCBF027F47EEF3EF6AA5D8407613AA8228980DF8mp.png" alt="">
|
|
<p>MateBook X Pro</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/142_142_C72517A4938F09A0E087E77DAE4A882A2A80674FAAC94C20mp.png" alt="">
|
|
<p>MateBook X Pro</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/142_142_209B06923D36415DB4D1BC69E2660908D04315C7457F8783mp.png" alt="">
|
|
<p>MateBook X Pro</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/142_142_A897196E7EA36622979AC0B41E9F1DF5BCDCF569450A388Fmp.png" alt="">
|
|
<p>MateBook X Pro</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/142_142_1545268730575mp.png" alt="">
|
|
<p>MateBook X Pro</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/142_142_100700F1A17202378058B2EA2459E89F4EE6F17C06A133CCmp.png" alt="">
|
|
<p>MateBook X Pro</p>
|
|
</li>
|
|
</ul>
|
|
<ul class="Slide_bottom">
|
|
<li>限时直降400</li>
|
|
<li>订金预定送耳机</li>
|
|
<li>限时直降50元</li>
|
|
<li>4.1特惠3999起</li>
|
|
<li>限时直降200元</li>
|
|
<li>预定送音箱免息</li>
|
|
<li>优惠100+赠品</li>
|
|
<li>优惠100享镌刻</li>
|
|
<li>最高直降1300</li>
|
|
<li>最高直降400</li>
|
|
<li>￥329</li>
|
|
<li>预定30抵50</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!-- 频道广告 -->
|
|
<div class="ChannelAds">
|
|
<div class="ChannelAds_core">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 底部菜单 -->
|
|
<ul class="foot">
|
|
<li><img src="./img/home_active.png" alt=""></li>
|
|
<li>
|
|
<a href="./html/classification.html"><img class="ftimg" src="./img/category.png" alt=""></a>
|
|
<span><a href="./html/classification.html">分类</a></span>
|
|
</li>
|
|
<li>
|
|
<a href="./html/find.html"><img class="ftimg" src="./img/find.png" alt=""></a>
|
|
<span><a href="./html/find.html">发现</a></span>
|
|
</li>
|
|
<li>
|
|
<a href="./html/ShoppingCart.html"><img class="ftimg" src="./img/cart.png" alt=""></a>
|
|
<span><a href="./html/ShoppingCart.html">购物车</a></span>
|
|
</li>
|
|
<li>
|
|
<a href="./html/home.html"><img class="ftimg" src="./img/personal.png" alt=""></a>
|
|
<span><a href="./html/home.html">我的</a></span>
|
|
</li>
|
|
</ul>
|
|
</body>
|
|
</html> |