基于HTML+CSS写的静态华为购物商城PC端页面源码.zip

共230个文件

png：163个

css：19个

js：13个

版权申诉

毕业设计源码

课程大作业

课程设计

HTML

120 浏览量 2023-08-26 10:48:33 上传评论 5 收藏 13.2MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

基于HTML+CSS写的静态华为购物商城PC端页面源码.zip （230个子文件）

detail.css 19KB

home.css 16KB

orderConfirm.css 15KB

address.css 13KB

pay.css 11KB

order.css 11KB

cart.css 11KB

profile.css 7KB

list.css 7KB

login2.css 3KB

iconfont.css 2KB

iconfont.css 1KB

iconfont.css 977B

iconfont.css 471B

home.html 43KB

detail.html 20KB

address.html 18KB

orderConfirm.html 18KB

order.html 17KB

cart.html 16KB

pay.html 15KB

profile.html 9KB

list.html 5KB

login2.html 3KB

register2.html 2KB

bg5.jpg 297KB

regions.js 1.89MB

home.js 8KB

detail.js 7KB

cart.js 6KB

list.js 5KB

regions_picker.js 4KB

orderConfirm.js 3KB

address.js 3KB

profile.js 2KB

pay.js 2KB

order.js 2KB

zhixuan7.png 1.07MB

bg7.png 570KB

主页背景.png 449KB

bg1.png 449KB

shouji2.png 416KB

bg4.png 322KB

shouji3.png 316KB

bg2.png 307KB

shouji8.png 280KB

chuandai1.png 249KB

shouji6.png 221KB

chuandai2.png 215KB

pingban6.png 215KB

bg6.png 211KB

chuandai4.png 205KB

chuandai3.png 205KB

pingban5.png 200KB

bg3.png 190KB

chuandai6.png 186KB

bg8.png 180KB

diannao5.png 178KB

shouji5.png 166KB

diannao6.png 160KB

chuandai8.png 159KB

diannao4.png 159KB

diannao3.png 158KB

shouji7.png 157KB

diannao8.png 156KB

shouji4.png 156KB

pingban3.png 153KB

zhixuan4.png 148KB

diannao7.png 147KB

用户评价.png 139KB

detail10.png 137KB

zhixuan1.png 131KB

pingban8.png 131KB

moreshouji1.png 130KB

jingxuan2.png 124KB

主要参数.png 124KB

zhenxuan4.png 119KB

jingxuan1.png 114KB

zhenxuan3.png 112KB

moreshouji3.png 96KB

moreshouji2.png 96KB

shouji1.png 94KB

pingban7.png 92KB

zhenxuan2.png 90KB

cart1.png 82KB

zhixuan8.png 81KB

包装与售后.png 78KB

pingban1.png 77KB

zhixuan3.png 75KB

主要参数2.png 72KB

diannao2.png 70KB

共 230 条

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>华为商城VMALL</title> <link rel="stylesheet" href="home.css"> <link rel="stylesheet" href="../fonts/iconfont.css"> </head> <body> <div class="wcnm">  <div class="fixed_menu"> <div class="customer_service"> <a href=""><i class="iconfont icon-erji"></i><span>在线客服</span></a> </div> <div class="self_service"> <a href=""><i class="iconfont icon-heart"></i><span>自助服务</span></a> </div> <div class="arrow_totop"> <a href="#top" class="rocket"><i class="iconfont icon-back-to-top"></i><span>返回顶部</span></a> </div> </div>  <div class="occupied tonglan"> <div class="w">  <div class="NavigationBar_left"> <ul> <li><a>首页</a><span>|</span></li> <li><a>华为官网</a><span>|</span></li> <li><a>V码(优购码)</a><span>|</span></li> <li><a>企业购</a><span>|</span></li> <li><a>Select Region</a><span>|</span></li> <li class="jingcai"><a>更多精彩</a><i class="iconfont icon-arrow-down"></i>  <div class="dropdown-more"> <ul> <li><a target="_blank">HarmonyOS</a></li> <li><a target="_blank">应用市场</a></li> <li><a target="_blank">华为终端云空间</a></li> <li><a target="_blank">开发者联盟</a></li> </ul> </div> </li> </ul> </div>  <div class="NavigationBar_right"> <div class="NavigationBar_right_main"> <ul> <li><a href="../login/login.html">请登录</a></li> <li><a href="../register/register.html">注册</a><span>|</span></li> <li><a href="../order/order.html">我的订单</a><span>|</span></li> <li class="jingcai"><a>客服</a><i class="iconfont icon-arrow-down"></i> <div class="dropdown-more"> <ul> <li><a target="_blank">联系客服</a></li> <li><a target="_blank">服务中心</a></li> </ul> </div> </li><span>|</span> <li class="jingcai"><a>网站导航</a><i class="iconfont icon-arrow-down"></i> <div class="dropdown-more"> <ul> <li><a>华为专区</a></li> <li><a>鸿蒙智联</a></li> <li><a>莫塞尔</a></li> <li><a>华为智选</a></li> <li><a>HarmonyOS</a></li> <li><a>特惠企采</a></li> <li><a>教育购</a></li> </ul> </div> </li><span>|</span> <li class="jingcai"><a>手机版</a><i class="iconfont icon-arrow-down"></i> <div class="dropdown-more"> <ul> <li><a target="_blank"><img class="code" src="../images/code1.png" alt=""></a> </li> <li><a target="_blank"><img class="code" src="../images/code2.png" alt=""></a> </li> <li><a target="_blank"><img class="code" src="../images/code3.png" alt=""></a> </li> </ul> </div> </li>  </ul> </div> <div class="gouwuche"> <a href="../cart/cart.html"> <i class="iconfont icon-gouwuche2"></i><span>购物车(0)</span> <div class="gouwuche_more"> <div>您的购物车是空的赶紧选购吧~</div> </div> </a> </div> </div> </div> </div>  <div class="menu_top tonglan"> <div class="w">  <div class="logo"> <img src="../images/logo_app.png" alt=""> </div>  <div class="main_menu"> <ul> <li><a href="../list/list.html">华为专区</a></li> <li><a>鸿蒙智联</a></li> <li><a>莫塞尔</a></li> <li><a>华为智选</a></li> <li><a>HarmonyOS</a></li> <li><a>特惠企采</a></li> <li><a>教育购</a></li> </ul> </div>  <div class="menu_seacrh"> <input type="text"> <i class="iconfont icon-search"></i> </div> </div> </div>  <div class="list_container w"> <div class="container"> <ul class="img"> <li class="show li"><a href=""><img src="../images/bg1.png" alt=""></a></li> <li class="li"><a href=""><img src="../images/bg2.png" alt=""></a></li> <li class="li"><a href=""><img src="../images/bg3.png" alt=""></a></li> <li class="li"><a href=""><img src="../images/bg4.png" alt=""></a></li> <li class="li"><a href=""><img src="../images/bg5.jpg" alt=""></a></li> <li class="li"><a href=""><img src="../images/bg6.png" alt=""></a></li> <li class="li"><a href=""><img src="../images/bg7.png" alt=""></a></li> <li class="li"><a href=""><img src="../images/bg8.png" alt=""></a></li> </ul> <ul class="indicator"> <li class="active"></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </div> <div class="list1">  <ul> <li><a>手机</a><img src='../images/arrow-right.png'> <div class="list1-more"> <ul class="box2"> <li><a target="_blank"><img src="../images/moreshouji1.png"alt=""> <span>Mate系列</span></a></li> <li><a target="_blank"><img src="../images/moreshouji2.png"alt=""> <span>Pocket系列</span></a></li> <li><a target="_blank"><img src="../images/shouji3.png"alt=""> <span>P系列</span></a></li> <li><a target="_blank"><img src="../images/shouji4.png"alt=""> <span>nova系列</span></a></li> <li><a target="_blank"><img src="../images/shouji5.png"alt=""> <span>畅享系列</span></a></li> <li><a target="_blank"><img src="../images/shouji6.png"alt=""> <span>智享手机</span></a></li> <li><a target="_blank"><img src="../images/shouji7.png"alt=""> <span>华为官方翻新</span></a></li> <li><a target="_blank"><img src="../images/shouji8.png"alt=""> <span>华为认证二手机</span></a></li> <li><a target="_blank"><span style="font-size: 12px;">查看全部</span></a></li> </ul> </div> </li> <li><a>电脑</a><img src='../images/arrow-right.png'> <div class="list1-more"> <ul class="box2"> <li><a target="_blank"><img src="../images/moreshouji1.png"alt=""> <span>Mate系列</span></a></li> <li><a target="_blank"><img src="../images/moreshouji2.png"alt=""> <span>Pocket系列</span></a></li> <li><a target="_blank"><img src="../images/shouji3.png"alt=""> <span>P系列</span></a></li> <li><a target="_blank"><img src="../images/shouji7.png"alt=""> <span>华为官方翻新</span></a></li> <li><a target="_blank"><img src="../images/shouji8.png"alt=""> <span>华为二手机</span></a></li> <li><a target="_blank"><span style="font-size: 12px;">查看全部</span></a></li> </ul> </div> </li> <li><a>平板</a><img src='../images/arrow-right.png'> <div class="list1-more"> <ul class="box2"> <li><a target="_blank"><img src="../images/moreshouji1.png"alt=""> <span>Mate系列</span></a></li> <li><a target="_blank"><img src="../images/moreshouji2.png"alt=""> <span>Pocket系列</span></a></li> <li><a target="_blank"><img src="../images/shouji3.png"alt=""> <span>P系列</span></a></li> <li><a target="_blank"><img src="../images/shouji4.png"alt=""> <span>nova系列</span></a></li> <li><a target="_blank"><img src="../images/shouji5.png"alt=""> <span>畅享系列</span></a></li> <li><a target="_blank"><img src="../images/shouji6.p

评论收藏

内容反馈

版权申诉