bmy/ClassContent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

608
历届学生/吴欣阳/项目开发/练习项目/课程练习/6.1/index.html Normal file
View File

@@ -0,0 +1,608 @@
<!DOCTYPE html>
<html lang="en">
<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">
<title>Document</title>
<link rel="stylesheet" href="https://at.alicdn.com/t/font_2585390_03bi494q3jnw.css">
<link rel="stylesheet" href="css/clear.css">
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/public.css">
</head>
<body>
<div class="header">
<div class="header_menu">
<!--首部-->
<div class="layout">
<!--左边-->
<ul class="left_menu left">
<li><a href="">首页</a></li>
<li><a href="">华为官网</a></li>
<li><a href="">花粉俱乐部</a></li>
<li><a href="">V码(优购码)</a></li>
<li><a href="">企业购</a></li>
<li><a href="">Select Region</a></li>
<li class="gd"><a href="">更多精彩
<div class="gengduo">
<div>EMUI</div>
<div>应用市场</div>
<div>华为终端云空间</div>
<div>开发者联盟</div>
</div>
</a></li>
</ul>
<ul class="right_menu right">
<li><a href="">请登录 注册</a></li>
<li><a href="">我的订单</a></li>
<li class="kf"><a href="">客服
<i class="iconfont icon-xiangshangjiantou"></i>
<div class="kefu">
<div>服务中心</div>
<div>联系客服</div>
</div>
</a></li>
<li class="dh"><a href="">网站导航
<i class="iconfont icon-xiangshangjiantou"></i>
<div class="daohang">
<div class="drop_menu_item">
<div class="icon_home"></div>
<span>商城首页</span>
</div>
<div class="drop_menu_item">
<h3>频道</h3>
<a href="">华为专区</a>
<a href="">企业购</a>
<a href="">教育优惠</a>
</div>
<div class="drop_menu_item">
<h3>产品</h3>
<a href="">手机</a>
<a href="">笔记本</a>
<a href="">平板设备</a>
<a href="">只能穿戴</a>
<a href="">智能家居</a>
<a href="">智慧屏</a>
<a href="">耳机音箱</a>
<a href="">热销配件</a>
<a href="">生态产品</a>
<a href="">增值服务</a>
</div>
<div class="drop_menu_item">
<h3>增值服务</h3>
<a href="">以旧换新</a>
<a href="">补购保障</a>
<a href="">一口价换电池</a>
</div>
<div class="drop_menu_item">
<h3>会员</h3>
<a href="">会员频道</a>
</div>
</div>
</a></li>
<li class="att"><a href="">手机版
<i class="iconfont icon-xiangshangjiantou"></i>
<div class="zp">
<div class="app">
<img src="https://res.vmallres.com/pimages//pages/cdnImages/FWETOIrFlCrX4xuB8E16.png"
alt="">
<div class="appwz">
<h2>华为商城app</h2>
<p>华为</p>
</div>
</div>
<div class="app">
<img src="https://res.vmallres.com/pimages/sale/2018-11/20181116180507506.jpg"
alt="">
<div class="appwz">
<h2>华为商城app</h2>
<p>华为</p>
</div>
</div>
<div class="app">
<img src="https://res.vmallres.com/pimages//sale/2018-12/6Y7SW4v4hnJ9kl9fDC9d.jpg"
alt="">
<div class="appwz">
<h2>华为商城app</h2>
<p>华为</p>
</div>
</div>
</div>
</a></li>
<li class="car"><a href=""><i class="iconfont icon-gouwuche"></i>
购物车(0)
</a></li>
</ul>
</div>
</div>
<div class="header_logo">
<!--logo部分-->
<div class="layout">
<img class="logo left"
src="https://res.vmallres.com/pimages//common/config/logo/SXppnESYv4K11DBxDFc2.png" alt="">
<ul class="menus left">
<li><img src="https://res.vmallres.com/pimages//navigation/icon/GrguiqzHENWVYHYWyHBM.png" alt="">
</li>
<li><a href="">莫塞尔专区</a></li>
<li><a href="">华为智选</a></li>
<li><a href="">鸿蒙智联</a></li>
<li><a href="">福利中心</a></li>
</ul>
<div class="search right">
<input type="text" placeholder="WITCH3 Freebusd 4">
<ul class="search_kuang">
<p>历史记录</p>
<span>清除</span>
<li class="huaxian">WITCH3</li>
<li>Freebusd 4</li>
<li>1234</li>
<li>1234</li>
<li>1234</li>
</ul>
<i class="iconfont icon-sousuo"></i>
</div>
</div>
</div>
</div>
<div class="content">
<div class="banner">
<div class="layout banner_center">
<ul class="banner_menu">
<li><a href="">手机</a>
<i class="iconfont icon-xiangshangjiantou-copy"></i>
<div class="drow_menu">
<div class="list">
<div class="item">
<a href="">
<img src="https://res.vmallres.com/pimages//pages/frontCategory/14651510730611515641.png"
alt="">
<span>HUAWEI Mate系列</span>
</a>
</div>
<div class="item">
<a href="">
<img src="https://res.vmallres.com/pimages//pages/frontCategory/14651510730611515641.png"
alt="">
<span>HUAWEI Mate系列</span>
</a>
</div>
<div class="item">
<a href="">
<img src="https://res.vmallres.com/pimages//pages/frontCategory/14651510730611515641.png"
alt="">
<span>HUAWEI Mate系列</span>
</a>
</div>
<div class="item">
<a href="">
<img src="https://res.vmallres.com/pimages//pages/frontCategory/14651510730611515641.png"
alt="">
<span>HUAWEI Mate系列</span>
</a>
</div>
</div>
<div class="show_all">
<i class=" iconfont icon-bofang"></i>
<span>查看全部</span>
</div>
</div>
</li>
<li>
<a href="">智能穿戴&VR</a>
<i class="iconfont icon-xiangshangjiantou-copy"></i>
<div class="drow_menuzn ">
<div class="list left">
<div class="item">
<a href="">
<img src="https://res.vmallres.com/pimages//pages/frontCategory/14651510730611515641.png"
alt="">
<span>HUAWEI Mate系列</span>
</a>
</div>
<div class="item">
<a href="">
<img src="https://res.vmallres.com/pimages//pages/frontCategory/14651510730611515641.png"
alt="">
<span>HUAWEI Mate系列</span>
</a>
</div>
<div class="item">
<a href="">
<img src="https://res.vmallres.com/pimages//pages/frontCategory/14651510730611515641.png"
alt="">
<span>HUAWEI Mate系列</span>
</a>
</div>
<div class="item">
<a href="">
<img src="https://res.vmallres.com/pimages//pages/frontCategory/14651510730611515641.png"
alt="">
<span>HUAWEI Mate系列</span>
</a>
</div>
<div class="item">
<a href="">
<img src="https://res.vmallres.com/pimages//pages/frontCategory/14651510730611515641.png"
alt="">
<span>HUAWEI Mate系列</span>
</a>
</div>
</div>
<div class="list right aaa">
<div class="item">
<a href="">
<img src="https://res.vmallres.com/pimages//pages/frontCategory/14651510730611515641.png"
alt="">
<span>HUAWEI Mate系列</span>
</a>
</div>
<div class="item">
<a href="">
<img src="https://res.vmallres.com/pimages//pages/frontCategory/14651510730611515641.png"
alt="">
<span>HUAWEI Mate系列</span>
</a>
</div>
<div class="show_all">
<i class=" iconfont icon-bofang"></i>
<span>查看全部</span>
</div>
</div>
</li>
<li>
<a href="">耳机音箱眼镜</a>
<i class="iconfont icon-xiangshangjiantou-copy"></i>
</li>
<li>
<a href="">智慧屏</a>
<i class="iconfont icon-xiangshangjiantou-copy"></i>
</li>
<li>
<a href="">电脑</a>
<i class="iconfont icon-xiangshangjiantou-copy"></i>
</li>
<li>
<a href="">平板</a>
<i class="iconfont icon-xiangshangjiantou-copy"></i>
</li>
<li>
<a href="">智能路由</a>
<i class="iconfont icon-xiangshangjiantou-copy"></i>
</li>
<li>
<a href="">配件</a>
<i class="iconfont icon-xiangshangjiantou-copy"></i>
</li>
<li>
<a href="">生态产品</a>
<i class="iconfont icon-xiangshangjiantou-copy"></i>
</li>
<li>
<a href="">美食酒饮</a>
<i class="iconfont icon-xiangshangjiantou-copy"></i>
</li>
<li>
<a href="">增值服务&企业商用</a>
<i class="iconfont icon-xiangshangjiantou-copy"></i>
</li>
</ul>
<ul class="user_info">
<li>
<img class="left"
src="https://res.vmallres.com/20210519/images/echannel/misc/img_not_logged_in.png" alt="">
<div class="user_text">
<p>您好！请
<a href="">登录</a>/
<a href="">注册</a>
</p>
<a href="" class="news">新人福利</a>
<a href="" class="vip">会员频道</a>
</div>
</li>
<li>
<div class="icon_item ">
<img src="./img/img/icon_1.png" alt="">
<p>企业购</p>
</div>
<div class="icon_item ">
<img src="./img/img/icon_1.png" alt="">
<p>企业购</p>
</div>
<div class="icon_item ">
<img src="./img/img/icon_1.png" alt="">
<p>企业购</p>
</div>
<div class="icon_item ">
<img src="./img/img/icon_1.png" alt="">
<p>企业购</p>
</div>
<div class="icon_item ">
<img src="./img/img/icon_1.png" alt="">
<p>企业购</p>
</div>
<div class="icon_item ">
<img src="./img/img/icon_1.png" alt="">
<p>企业购</p>
</div>
</li>
<li>
<div class="top_tips">
<span>公告</span>
<a href="">HUAWEI WATCH 3系列 新品上市公告</a>
</div>
<div class="bottom_list">
<div class="b_icon">
<a href="">
<img src="./img/img/icon_1.png" alt="">
<span>优惠码</span>
</a>
</div>
<div class="b_icon">
<a href="">
<img src="./img/img/icon_1.png" alt="">
<span>更换电池</span>
</a>
</div>
<div class="b_icon">
<a href="">
<img src="./img/img/icon_1.png" alt="">
<span>补购保障</span>
</a>
</div>
</li>
</ul>
<!--用户登录-->
</div>
</div>
<div class="content_zj">
<ul class="dhtupian">
<li>
<img src="https://res.vmallres.com/pimages//pages/picImages/93724597641619542739.png" alt="">
</li>
<li>
<img src="https://res.vmallres.com/pimages//pages/picImages/76697404622610479667.png" alt="">
</li>
<li>
<img src="https://res.vmallres.com/pimages//pages/picImages/81592216522611229518.png" alt="">
</li>
<li>
<img src="https://res.vmallres.com/pimages//pages/picImages/68657005622610075686.jpg" alt="">
</li>
</ul>
<div class="rexiao">
<h2>热销单品</h2>
</div>
<div class="rexiaotupian">
<ul>
<img class="biao"
src="https://res0.vmallres.com/pimages//frontLocation/content/42621304722610312624.png" alt="">
<li>
<a href="">
<img src="https://res0.vmallres.com/pimages//product/6941487207749/428_428_711F9B10AC6F7C28739F8C8F281BE9C8931C9A9CB34DA514mp.png"
alt="">
<p class="t">FreeBuds 4i</p>
<p class="x">享3期免息</p>
<p class="j">¥499</p>
</a>
</li>
<li><a href="">
<img src="https://res0.vmallres.com/pimages//product/6941487207749/428_428_711F9B10AC6F7C28739F8C8F281BE9C8931C9A9CB34DA514mp.png"
alt="">
<p class="t">FreeBuds 4i</p>
<p class="x">享3期免息</p>
<p class="j">¥499</p>
</a></li>
<li><a href="">
<img src="https://res0.vmallres.com/pimages//product/6941487207749/428_428_711F9B10AC6F7C28739F8C8F281BE9C8931C9A9CB34DA514mp.png"
alt="">
<p class="t">FreeBuds 4i</p>
<p class="x">享3期免息</p>
<p class="j">¥499</p>
</a></li>
<li><a href="">
<img src="https://res0.vmallres.com/pimages//product/6941487207749/428_428_711F9B10AC6F7C28739F8C8F281BE9C8931C9A9CB34DA514mp.png"
alt="">
<p class="t">FreeBuds 4i</p>
<p class="x">享3期免息</p>
<p class="j">¥499</p>
</a></li>
<li><a href="">
<img src="https://res0.vmallres.com/pimages//product/6941487207749/428_428_711F9B10AC6F7C28739F8C8F281BE9C8931C9A9CB34DA514mp.png"
alt="">
<p class="t">FreeBuds 4i</p>
<p class="x">享3期免息</p>
<p class="j">¥499</p>
</a></li>
<li><a href="">
<img src="https://res0.vmallres.com/pimages//product/6941487207749/428_428_711F9B10AC6F7C28739F8C8F281BE9C8931C9A9CB34DA514mp.png"
alt="">
<p class="t">FreeBuds 4i</p>
<p class="x">享3期免息</p>
<p class="j">¥499</p>
</a></li>
<li><a href="">
<img src="https://res0.vmallres.com/pimages//product/6941487207749/428_428_711F9B10AC6F7C28739F8C8F281BE9C8931C9A9CB34DA514mp.png"
alt="">
<p class="t">FreeBuds 4i</p>
<p class="x">享3期免息</p>
<p class="j">¥499</p>
</a></li>
<li><a href="">
<img src="https://res0.vmallres.com/pimages//product/6941487207749/428_428_711F9B10AC6F7C28739F8C8F281BE9C8931C9A9CB34DA514mp.png"
alt="">
<p class="t">FreeBuds 4i</p>
<p class="x">享3期免息</p>
<p class="j">¥499</p>
</a></li>
</ul>
</div>
</div>
</div>
<div class="footer">
<div class="layout">
<div class="shang">
<ul>
<li><a href=""><i class="one_q"></i>
<span>百强企业 品质保证</span></a></li>
<li><a href=""><i class="one_w"></i>
<span>7天退货 15天换货</span></a></li>
<li><a href=""><i class="one_e"></i>
<span>48元起免运费</span></a></li>
<li><a href=""><i class="one_r"></i>
<span>2000家服务店 全国联保</span></a></li>
</ul>
</div>
<div class="zhong">
<div class="zhong_zuo">
<ul>
<li>
<h3>购物相关</h3>
<p><a href="">购物指南</a></p>
<p><a href="">配送方式</a></p>
<p><a href="">支付方式</a></p>
<p><a href="">常见问题</a></p>
</li>
<li>
<h3>保修与退换货</h3>
<p><a href="">保修政策</a></p>
<p><a href="">退换货政策</a></p>
<p><a href="">保修状态查询</a></p>
<p><a href="">配件防伪查询</a></p>
</li>
<li>
<h3>维修与技术支持 </h3>
<p><a href="">服务店</a></p>
<p><a href="">预约维修</a></p>
<p><a href="">手机寄修</a></p>
<p><a href="">备件价格查询</a></p>
<p><a href="">上门服务</a></p>
</li>
<li>
<h3>特色服务</h3>
<p><a href="">防伪查询</a></p>
<p><a href="">补购保障</a></p>
<p><a href="">以旧换新</a></p>
<p><a href="">以旧换新</a></p>
</li>
<li>
<h3>关于我们</h3>
<p><a href="">公司介绍</a></p>
<p><a href="">华为商城简介</a></p>
<p><a href="">华为零售店</a></p>
<p><a href="">商家中心</a></p>
<p><a href="">意见反馈</a></p>
</li>
<li>
<h3>友情链接</h3>
<p><a href="">华为集团</a></p>
<p><a href="">华为CBG官网</a></p>
<p><a href="">花粉俱乐部</a></p>
<p><a href="">华为云</a></p>
<p><a href="">华为应用市场</a></p>
</li>
</ul>
</div>
<div class="zhong_you">
<p>950805</p>
<p>7x24小时客服热线（仅收市话费）</p>
<a class="bejing" href="">
<i class="iconfont icon-kefu"></i>
<span>在线客服</span>
</a>
<div class="you_tubiao">
<ul>
<li>关注Vmall：</li>
<li>
<a href="">
<i class="tubiao_a"></i>
</a>
</li>
<li>
<a href="">
<i class="tubiao_b"></i>
</a>
</li>
<li>
<a href="">
<i class="tubiao_c"></i>
</a>
</li>
<li>
<a href="">
<i class="tubiao_d"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="xia">
<div class="zwf">
<a href="">
<img src="https://res.vmallres.com/pimages/sale/2019-01/wLelYbpMVWbj9Xpaa5Fk.png" alt="">
</a>
</div>
<div class="zjbj">
<ul class="ul_a">
<li>
<span><a href="">华为集团</a></span>
<span><a href="">华为CBG官网</a></span>
<span><a href="">花粉俱乐部</a></span>
<span><a href="">华为应用市场</a></span>
<span><a href="">EMUI</a></span>
<span><a href="">华为终端云空间</a></span>
<span><a href="">开发者联盟</a></span>
<span><a href="">华为商城手机版</a></span>
<span><a href="">网站地图</a></span>
</li>
<li>
<span><a href="">隐私声明</a></span>
<span><a href="">服务协议</a></span>
<span><a href="">COOKIES</a></span>
<span>Copyright © 2012-2021 华为终端有限公司 版权所有</span>
<span><a href="">粤ICP备19015064号</a></span>
<span><a href="">粤公网安备 44190002003939号</a></span>
</li>
<li>
<span>增值电信业务经营许可证：粤B2-20190762</span>
<span>备案主体编号：44201919072182</span>
<span>粤新出网备（2021）2号</span>
</li>
<li>
<span>互联网药品信息服务资格证（粤）-非经营性-2020-0102</span>
<span>粤东食药监械经营备20203930</span>
</li>
</div>
<img class="shangb" src="https://res.vmallres.com/pimages/template/content/2016/20160226162415360.png"
alt="">
</div>
</div>
</div>
</body>
</html>