Skip to content

web_flea_market
web_flea_market
Commit d6d0eb23 authored by HuangJunbo's avatar HuangJunbo 💻 Committed by Administrator
Browse files
Options

创建搜索商品页面，搜索商品CSS样式，创建商品详细页面，商品详细CSS样式 

Signed-off-by: Administrator's avatarAdministrator <admin@example.com>
parent aecb5364
Hide whitespace changes
Inline Side-by-side
Showing with 67 additions and 0 deletions
flea_market/css/style.css
View file @ d6d0eb23
......@@ -29,3 +29,11 @@ ul li {
display: inline-block;
}
* {
margin: 0;
padding: 0;
}
#detail {
border: 2px solid red;
}
flea_market/product_detail.html 0 → 100644
View file @ d6d0eb23
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>商品详细</title>
</head>
<body>
<header>
<h1>跳蚤市场Logo</h1>
<nav>
导航：首页 注册 登录 <a href="user_center.html">用户XXX</a>
</nav>
<hr/>
</header>
<article>
<section id="detail">
<h3>商品信息</h3>
<img src="img/01.jpg" width="500" height="400">
<img src="img/02.jpg" alt="">
<img src="img/03.jpg" alt="">
<img src="img/04.jpg" alt="">
<h1>iPad 4GB 16GB Wi-Fi版</h1>
现价：200元<br>
编号：33313993<br>
<a href="#">立即购买</a>
</section>
<section>
<h4>产品介绍</h4>
<p> 1、沿用风靡百年的经典全棉牛津纺面料，运用领先的液氨整理技术，面料的抗皱性能会更好。延续简约、舒适、健康的设计理念，特推出免烫，易打理的精细免烫牛津纺长袖衬衫系列<br>
2、正品，质量优良<br>
3、九成新
</p>
<video controls="controls" width="640" height="360">
<source src="img/1.mp4">
</video>
</section>
</article>
<footer>
<hr>
<p>版权所有&copy;uuo00_n-team</p>
</footer>
</body>
</html>
\ No newline at end of file
flea_market/product_search.html 0 → 100644
View file @ d6d0eb23
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>搜索商品</title>
</head>
<body>
<header>
<form>
<input name="search">
<input type="button" value="搜索">
</form>
</header>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment