1 Star 0 Fork 36

颜梦洁/mall-project

forked from vux/mall-project 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
index.html 6.49 KB
一键复制 编辑 原始数据 按行查看 历史
vux 提交于 2022-08-09 11:35 . 初始化项目静态文件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>首页</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" href="./css/reset.css">
<link rel="stylesheet" href="./css/index.css">
</head>
<body>
<header>
<img class="list" src="./img/index/listico.png" alt="">
<span class="title">首页</span>
<img class="search" src="./img/index/searchico.png" alt="">
</header>
<div class="banner_nav">
<a href="#"><img class="banner" src="./img/index/banner.jpg" alt=""></a>
<ul class="subnav">
<li>
<a href="#">
<img src="./img/index/item1.png" alt="">
<div class="nav_name">新品/热销</div>
</a>
</li>
<li>
<a href="#">
<img src="./img/index/item2.png" alt="">
<div class="nav_name">超值拼团</div>
</a>
</li>
<li>
<a href="#">
<img src="./img/index/item3.png" alt="">
<div class="nav_name">新人福利</div>
</a>
</li>
<li>
<a href="#">
<img src="./img/index/item4.png" alt="">
<div class="nav_name">时尚动态</div>
</a>
</li>
</ul>
</div>
<div class="products">
<div class="head">
<div class="title">精品热卖</div>
<div class="line"></div>
<div class="en">SALE</div>
</div>
<ul>
<li>
<a href="#">
<img src="./img/index/product1.jpg" alt="">
<div class="name">英式经典三防女式长风衣</div>
<div class="price">¥599</div>
</a>
</li>
<li>
<a href="#">
<img src="./img/index/product2.jpg" alt="">
<div class="name">超轻至暖铜氨丝白鹅绒被</div>
<div class="price">¥999</div>
</a>
</li>
<li>
<a href="#">
<img src="./img/index/product3.jpg" alt="">
<div class="name">羊毛混纺经典长款大衣</div>
<div class="price">¥1299</div>
</a>
</li>
<li>
<a href="#">
<img src="./img/index/product4.jpg" alt="">
<div class="name">英式经典三防女式长风衣</div>
<div class="price">¥599</div>
</a>
</li>
<li>
<a href="#">
<img src="./img/index/product5.jpg" alt="">
<div class="name">超轻至暖铜氨丝白鹅绒被</div>
<div class="price">¥999</div>
</a>
</li>
<li>
<a href="#">
<img src="./img/index/product6.jpg" alt="">
<div class="name">羊毛混纺经典长款大衣</div>
<div class="price">¥1299</div>
</a>
</li>
</ul>
</div>
<div class="sproducts">
<div class="head">
<div class="title">精选优品</div>
<div class="line"></div>
<div class="en">SELECTION</div>
</div>
<ul>
<li>
<a href="#">
<img src="./img/index/sproduct1.jpg" alt="">
<div class="name_price">
<div class="name">本家HOME</div>
<div class="price">29.9元起</div>
</div>
<div class="introduce">每满100立减20元</div>
</a>
</li>
<li>
<a href="#">
<img src="./img/index/sproduct1.jpg" alt="">
<div class="name_price">
<div class="name">本家HOME</div>
<div class="price">29.9元起</div>
</div>
<div class="introduce">每满100立减20元</div>
</a>
</li>
<li>
<a href="#">
<img src="./img/index/sproduct1.jpg" alt="">
<div class="name_price">
<div class="name">本家HOME</div>
<div class="price">29.9元起</div>
</div>
<div class="introduce">每满100立减20元</div>
</a>
</li>
</ul>
</div>
<div class="goods">
<div class="head">
<div class="title">好物推荐</div>
<div class="line"></div>
<div class="en">RECOMMEND</div>
</div>
<ul>
<li>
<a href="#">
<img src="./img/index/gthing1.jpg" alt="">
<div class="name">狐步小吊灯</div>
<div class="introduce">曼妙裙摆 任意空间的光线舞者</div>
<div class="price">¥469</div>
</a>
</li>
<li>
<a href="#">
<img src="./img/index/gthing2.jpg" alt="">
<div class="name">折简餐具组|碗套装</div>
<div class="introduce">国画四色 诠释最美器具</div>
<div class="price">¥999</div>
</a>
</li>
<li>
<a href="#">
<img src="./img/index/gthing3.jpg" alt="">
<div class="name">竹枝抱枕</div>
<div class="introduce">上百竹枝首尾相依 静生生物</div>
<div class="price">¥1299</div>
</a>
</li>
<li>
<a href="#">
<img src="./img/index/gthing4.jpg" alt="">
<div class="name">澎湃声波牙刷 Pro</div>
<div class="introduce">一件能明显提升幸福感的小物件</div>
<div class="price">¥599</div>
</a>
</li>
<li>
<a href="#">
<img src="./img/index/gthing1.jpg" alt="">
<div class="name">狐步小吊灯</div>
<div class="introduce">曼妙裙摆 任意空间的光线舞者</div>
<div class="price">¥469</div>
</a>
</li>
<li>
<a href="#">
<img src="./img/index/gthing2.jpg" alt="">
<div class="name">折简餐具组|碗套装</div>
<div class="introduce">国画四色 诠释最美器具</div>
<div class="price">¥999</div>
</a>
</li>
<li>
<a href="#">
<img src="./img/index/gthing3.jpg" alt="">
<div class="name">竹枝抱枕</div>
<div class="introduce">上百竹枝首尾相依 静生生物</div>
<div class="price">¥1299</div>
</a>
</li>
<li>
<a href="#">
<img src="./img/index/gthing4.jpg" alt="">
<div class="name">澎湃声波牙刷 Pro</div>
<div class="introduce">一件能明显提升幸福感的小物件</div>
<div class="price">¥599</div>
</a>
</li>
</ul>
</div>
<nav>
<ul class="nav">
<li>
<a href="#">
<img src="./img/index/nav1s.png" alt="">
<div class="name">首页</div>
</a>
</li>
<li>
<a href="#">
<img src="./img/index/nav2.png" alt="">
<div class="name">优选</div>
</a>
</li>
<li>
<a href="#">
<img src="./img/index/nav3.png" alt="">
<div class="name">分类</div>
</a>
</li>
<li>
<a href="#">
<img src="./img/index/nav4.png" alt="">
<div class="name">购物车</div>
</a>
</li>
<li>
<a href="#">
<img src="./img/index/nav5.png" alt="">
<div class="name">我的</div>
</a>
</li>
</ul>
</nav>
<div class="to_top"><img src="./img/index/top.png" alt=""></div>
</body>
</html>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/ymengjije/mall-project.git
git@gitee.com:ymengjije/mall-project.git
ymengjije
mall-project
mall-project
master

搜索帮助

0d507c66 1850385 C8b1a773 1850385