first commit

This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions

View File

@@ -0,0 +1,87 @@
<!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/ShoppingCart.css">
<link rel="stylesheet" href="https://at.alicdn.com/t/font_1727743_xl704qtmd5h.css">
<title>华为商城</title>
</head>
<body>
<div class="header">
<h1>购物车</h1>
</div>
<div class="content">
<div class="ShoppingCart">
<img src="../img/new-cart-empty.cc2a5c0.png" alt="">
<p>您的购物车没有商品</p>
<input type="text" placeholder="去购物">
</div>
<div class="SellWell">
<h1>热销推荐</h1>
</div>
<ul class="b">
<li>
<img src="../img/428_428_ACF04CEA5203ABB146D3CA5FBC29E737FAB3F8E8D961A164mp.png" alt="">
<p class="p_b">Mate 30 Pro 5G</p>
<p class="p_y">¥6399<span>¥6599</span></p>
</li>
<li>
<img src="../img/428_428_ACF04CEA5203ABB146D3CA5FBC29E737FAB3F8E8D961A164mp.png" alt="">
<p class="p_b">Mate 30 Pro 5G</p>
<p class="p_y">¥6399<span>¥6599</span></p>
</li>
<li>
<img src="../img/428_428_ACF04CEA5203ABB146D3CA5FBC29E737FAB3F8E8D961A164mp.png" alt="">
<p class="p_b">Mate 30 Pro 5G</p>
<p class="p_y">¥6399<span>¥6599</span></p>
</li>
<li>
<img src="../img/428_428_ACF04CEA5203ABB146D3CA5FBC29E737FAB3F8E8D961A164mp.png" alt="">
<p class="p_b">Mate 30 Pro 5G</p>
<p class="p_y">¥6399<span>¥6599</span></p>
</li>
<li>
<img src="../img/428_428_ACF04CEA5203ABB146D3CA5FBC29E737FAB3F8E8D961A164mp.png" alt="">
<p class="p_b">Mate 30 Pro 5G</p>
<p class="p_y">¥6399<span>¥6599</span></p>
</li>
<li>
<img src="../img/428_428_ACF04CEA5203ABB146D3CA5FBC29E737FAB3F8E8D961A164mp.png" alt="">
<p class="p_b">Mate 30 Pro 5G</p>
<p class="p_y">¥6399<span>¥6599</span></p>
</li>
</ul>
</div>
<!-- 底部菜单 -->
<ul class="foot">
<li>
<a href="../index.html"><img class="ftimg" src="../img/sy.png" alt=""></a>
<span><a href="../index.html">首页</a></span>
<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>
<img class="ftimg" src="../img/cart.png" alt="">
<span><a href="">购物车</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>

View File

@@ -0,0 +1,155 @@
<!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/classification.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>
<!-- 内容 -->
<div class="content">
<div class="content_left">
<ul class="contentleft_core">
<li>新品</li>
<li>华为手机</li>
<li>荣耀手机</li>
<li>笔记本&平板</li>
<li>智能穿戴&VR</li>
<li>智慧屏</li>
<li>智能家居</li>
<li>耳机音箱</li>
<li>专属配件</li>
<li>通用配件</li>
<li>生态产品</li>
<li>增值服务</li>
<li>智能计算</li>
</ul>
</div>
<div class="content_right">
<img class="img1" src="../img/699xFAijRAmtVrpOZQfY.jpg" alt="">
<img class="img1" src="../img/ug4zaI5tB2qaC7q6oN0w.jpg" alt="">
<div class="details">
<p class="titlep">手机</p>
<ul>
<li>
<img src="../img/428_428_3D49606EC05C3B4ED89368F84D0B672CF5B647187113B9A2mp.png" alt="">
<p>HUAWEI P 40 5G</p>
</li>
<li>
<img src="../img/428_428_3D49606EC05C3B4ED89368F84D0B672CF5B647187113B9A2mp.png" alt="">
<p>HUAWEI P 40 5G</p>
</li>
<li>
<img src="../img/428_428_3D49606EC05C3B4ED89368F84D0B672CF5B647187113B9A2mp.png" alt="">
<p>HUAWEI P 40 5G</p>
</li>
<li>
<img src="../img/428_428_3D49606EC05C3B4ED89368F84D0B672CF5B647187113B9A2mp.png" alt="">
<p>HUAWEI P 40 5G</p>
</li>
<li>
<img src="../img/428_428_3D49606EC05C3B4ED89368F84D0B672CF5B647187113B9A2mp.png" alt="">
<p>HUAWEI P 40 5G</p>
</li>
<li>
<img src="../img/428_428_3D49606EC05C3B4ED89368F84D0B672CF5B647187113B9A2mp.png" alt="">
<p>HUAWEI P 40 5G</p>
</li>
<li>
<img src="../img/428_428_3D49606EC05C3B4ED89368F84D0B672CF5B647187113B9A2mp.png" alt="">
<p>HUAWEI P 40 5G</p>
</li>
<li>
<img src="../img/428_428_3D49606EC05C3B4ED89368F84D0B672CF5B647187113B9A2mp.png" alt="">
<p>HUAWEI P 40 5G</p>
</li>
<li>
<img src="../img/428_428_3D49606EC05C3B4ED89368F84D0B672CF5B647187113B9A2mp.png" alt="">
<p>HUAWEI P 40 5G</p>
</li>
</ul>
</div>
<div class="details">
<p class="titlep">手机</p>
<ul>
<li>
<img src="../img/428_428_3D49606EC05C3B4ED89368F84D0B672CF5B647187113B9A2mp.png" alt="">
<p>HUAWEI P 40 5G</p>
</li>
<li>
<img src="../img/428_428_3D49606EC05C3B4ED89368F84D0B672CF5B647187113B9A2mp.png" alt="">
<p>HUAWEI P 40 5G</p>
</li>
<li>
<img src="../img/428_428_3D49606EC05C3B4ED89368F84D0B672CF5B647187113B9A2mp.png" alt="">
<p>HUAWEI P 40 5G</p>
</li>
<li>
<img src="../img/428_428_3D49606EC05C3B4ED89368F84D0B672CF5B647187113B9A2mp.png" alt="">
<p>HUAWEI P 40 5G</p>
</li>
<li>
<img src="../img/428_428_3D49606EC05C3B4ED89368F84D0B672CF5B647187113B9A2mp.png" alt="">
<p>HUAWEI P 40 5G</p>
</li>
<li>
<img src="../img/428_428_3D49606EC05C3B4ED89368F84D0B672CF5B647187113B9A2mp.png" alt="">
<p>HUAWEI P 40 5G</p>
</li>
<li>
<img src="../img/428_428_3D49606EC05C3B4ED89368F84D0B672CF5B647187113B9A2mp.png" alt="">
<p>HUAWEI P 40 5G</p>
</li>
<li>
<img src="../img/428_428_3D49606EC05C3B4ED89368F84D0B672CF5B647187113B9A2mp.png" alt="">
<p>HUAWEI P 40 5G</p>
</li>
<li>
<img src="../img/428_428_3D49606EC05C3B4ED89368F84D0B672CF5B647187113B9A2mp.png" alt="">
<p>HUAWEI P 40 5G</p>
</li>
</ul>
</div>
</div>
</div>
<!-- 底部菜单 -->
<ul class="foot">
<li>
<a href="../index.html"><img class="ftimg" src="../img/sy.png" alt=""></a>
<span><a href="../index.html">首页</a></span>
<li>
<img class="ftimg" src="../img/category.png" alt="">
<span><a href="">分类</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>

View File

@@ -0,0 +1,175 @@
<!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/find.css">
<link rel="stylesheet" href="https://at.alicdn.com/t/font_1727743_xl704qtmd5h.css">
<title>华为商城</title>
</head>
<body>
<div class="header">
<h1>发现频道</h1>
</div>
<div class="Notice">
<ul class="Notice_core">
<li>
<img src="../img/icon_headline.png" alt="">
<p>商城公告</p>
</li>
<li>
<img src="../img/tiHS593NPXbqgwfT47xk.png" alt="">
<p>企业购</p>
</li>
<li>
<img src="../img/icon_fans.png" alt="">
<p>粉丝互动</p>
</li>
<li>
<img src="../img/nwylDYIPCm4pn2hNwA46.png" alt="">
<p>视频专区</p>
</li>
<li>
<img src="../img/icon_public_surver.png" alt="">
<p>华为众测</p>
</li>
</ul>
</div>
<div class="Headlines">
<h1>商城头条</h1>
<span>声明</span>
</div>
<ul class="content">
<li>
<div class="content_img">
</div>
<p class="p_name">一张图看懂华为2019年年报</p>
<p class="p_promotion">长风万里,破浪前行</p>
<p class="p_other">
<span>2020-03-31</span>
<span>7413 阅读</span>
</p>
</li>
<li>
<div class="content_img">
</div>
<p class="p_name">一张图看懂华为2019年年报</p>
<p class="p_promotion">长风万里,破浪前行</p>
<p class="p_other">
<span>2020-03-31</span>
<span>7413 阅读</span>
</p>
</li>
<li>
<div class="content_img">
</div>
<p class="p_name">一张图看懂华为2019年年报</p>
<p class="p_promotion">长风万里,破浪前行</p>
<p class="p_other">
<span>2020-03-31</span>
<span>7413 阅读</span>
</p>
</li>
<li>
<div class="content_img">
</div>
<p class="p_name">一张图看懂华为2019年年报</p>
<p class="p_promotion">长风万里,破浪前行</p>
<p class="p_other">
<span>2020-03-31</span>
<span>7413 阅读</span>
</p>
</li>
<li>
<div class="content_img">
</div>
<p class="p_name">一张图看懂华为2019年年报</p>
<p class="p_promotion">长风万里,破浪前行</p>
<p class="p_other">
<span>2020-03-31</span>
<span>7413 阅读</span>
</p>
</li>
<li>
<div class="content_img">
</div>
<p class="p_name">一张图看懂华为2019年年报</p>
<p class="p_promotion">长风万里,破浪前行</p>
<p class="p_other">
<span>2020-03-31</span>
<span>7413 阅读</span>
</p>
</li>
<li>
<div class="content_img">
</div>
<p class="p_name">一张图看懂华为2019年年报</p>
<p class="p_promotion">长风万里,破浪前行</p>
<p class="p_other">
<span>2020-03-31</span>
<span>7413 阅读</span>
</p>
</li>
<li>
<div class="content_img">
</div>
<p class="p_name">一张图看懂华为2019年年报</p>
<p class="p_promotion">长风万里,破浪前行</p>
<p class="p_other">
<span>2020-03-31</span>
<span>7413 阅读</span>
</p>
</li>
<li>
<div class="content_img">
</div>
<p class="p_name">一张图看懂华为2019年年报</p>
<p class="p_promotion">长风万里,破浪前行</p>
<p class="p_other">
<span>2020-03-31</span>
<span>7413 阅读</span>
</p>
</li>
</ul>
<!-- 底部菜单 -->
<ul class="foot">
<li>
<a href="../index.html"><img class="ftimg" src="../img/sy.png" alt=""></a>
<span><a href="../index.html">首页</a></span>
<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>
<img class="ftimg" src="../img/find.png" alt="">
<span><a href="">发现</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>

View File

@@ -0,0 +1,164 @@
<!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/home.css">
<link rel="stylesheet" href="https://at.alicdn.com/t/font_1727743_xl704qtmd5h.css">
<title>华为商城</title>
</head>
<body>
<div class="header">
<div class="header_left">
<img src="../img/defaultface_user_after.png" alt="">
<p>登录/注册</p>
</div>
<div class="header_right">
<img src="../img/icon_setting.3e822f4.png" alt="">
<img src="../img/homexz.png" alt="">
</div>
</div>
<div class="content">
<div class="SignIn">
<div class="SignIn_core">
<div class="SignIn_dl">
<img src="../img/defaultface_user_after.png" alt="">
<div class="SignIndl_right">
<p class="b">登录/领积分</p>
<p class="p">签到得积分</p>
</div>
</div>
</div>
<ul class="property">
<li>
<span></span>
<p>积分</p>
</li>
<li>
<span></span>
<p>积分</p>
</li>
<li>
<span></span>
<p>积分</p>
</li>
</ul>
</div>
<div class="Order">
<div class="Order_core">
<div class="tilite">
<p class="l">我的订单</p>
<p class="r">全部订单></p>
</div>
<ul class="Order_b">
<li>
<img src="../img/v7aUv4jiCp2BhZmmVXWn.png" alt="">
<p>待付款</p>
</li>
<li>
<img src="../img/v7aUv4jiCp2BhZmmVXWn.png" alt="">
<p>待付款</p>
</li>
<li>
<img src="../img/v7aUv4jiCp2BhZmmVXWn.png" alt="">
<p>待付款</p>
</li>
<li>
<img src="../img/v7aUv4jiCp2BhZmmVXWn.png" alt="">
<p>待付款</p>
</li>
<li>
<img src="../img/v7aUv4jiCp2BhZmmVXWn.png" alt="">
<p>待付款</p>
</li>
</ul>
</div>
</div>
<div class="Order">
<div class="Order_core">
<div class="tilite">
<p class="l">我的订单</p>
<p class="r">全部订单></p>
</div>
<ul class="Order_b">
<li>
<img src="../img/v7aUv4jiCp2BhZmmVXWn.png" alt="">
<p>待付款</p>
</li>
<li>
<img src="../img/v7aUv4jiCp2BhZmmVXWn.png" alt="">
<p>待付款</p>
</li>
<li>
<img src="../img/v7aUv4jiCp2BhZmmVXWn.png" alt="">
<p>待付款</p>
</li>
<li>
<img src="../img/v7aUv4jiCp2BhZmmVXWn.png" alt="">
<p>待付款</p>
</li>
<li>
<img src="../img/v7aUv4jiCp2BhZmmVXWn.png" alt="">
<p>待付款</p>
</li>
</ul>
</div>
</div>
<div class="Order">
<div class="Order_core">
<div class="tilite">
<p class="l">我的订单</p>
<p class="r">全部订单></p>
</div>
<ul class="Order_b">
<li>
<img src="../img/v7aUv4jiCp2BhZmmVXWn.png" alt="">
<p>待付款</p>
</li>
<li>
<img src="../img/v7aUv4jiCp2BhZmmVXWn.png" alt="">
<p>待付款</p>
</li>
<li>
<img src="../img/v7aUv4jiCp2BhZmmVXWn.png" alt="">
<p>待付款</p>
</li>
<li>
<img src="../img/v7aUv4jiCp2BhZmmVXWn.png" alt="">
<p>待付款</p>
</li>
<li>
<img src="../img/v7aUv4jiCp2BhZmmVXWn.png" alt="">
<p>待付款</p>
</li>
</ul>
</div>
</div>
</div>
<!-- 底部菜单 -->
<ul class="foot">
<li>
<a href="../index.html"><img class="ftimg" src="../img/sy.png" alt=""></a>
<span><a href="../index.html">首页</a></span>
<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>
<img class="ftimg" src="../img/personal.png" alt="">
<span><a >我的</a></span>
</li>
</ul>
</body>
</html>