Skip to content

web_flea_market
web_flea_market
Commit c9e9f982 authored by HuangJunbo's avatar HuangJunbo 💻
Browse files
Options

最后的修改 

Signed-off-by: HuangJunbo's avataruuo00_n <uuo00_n@outlook.com>
parent 826355c6
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 1564 additions and 1235 deletions
flea_market/add_msg.html 0 → 100644
View file @ c9e9f982
<!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>发送留言</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
<script src="js/jquery-3.5.1.js"></script>
<script src="js/jquery-ui.min.js"></script>
<style>
article {
margin-left: 400px;
margin-top: -400px;
}
footer {
width: 100%;
height: 50px;
position: relative;
background-color: #cccccc;
margin-top: 0px;
top: -150px;
}
textarea {
width: 500px;
height: 100px;
border-radius: 10px;
margin: 10px auto;
}
.button {
background-color: #3DE3E3;
border-radius: 10px;
}
.submit {
text-align: center;
}
.navbar {
margin-top: 150px;
}
section {
margin: 50px;
margin-left: 80px;
}
.bh {
border: 1px solid #000;
width: 80%;
height: 60px;
margin-top: 20px;
}
.nr {
border: 1px solid #000;
width: 80%;
height: 250px;
}
.ly {
margin-top: -480px;
margin-left: 200px;
}
</style>
</head>
<body>
<header>
<div class="logo"><a href="index.html"><img src="img/logo.png"/></a></div>
<form class="searchform">
<input type="text" name="search" id="search">
<input type="submit" value="搜索" id="button">
</form>
<div class="navigation">
<form class="navigation"><br>
<a href="#">手机</a>&nbsp;&nbsp;|&nbsp;
<a href="#">电脑</a>&nbsp;&nbsp;|&nbsp;
<a href="#">旧书</a>&nbsp;&nbsp;|&nbsp;
<a href="#">服装</a>
</form>
</div>
<nav class="op">
</nav>
</header>
<div class="splb">
<aside>
<ul>
<li><a href="edit_pwd.html">修改密码</a></li>
<li><a href="edit_contact.html">修改联系方式</a></li>
<li><a href="my_orders.html">我的订单</a></li>
<li><a href="my_product.html">我的商品</a></li>
<li><a href="purchase_history.html">消费记录</a></li>
<li><a href="add_product.html">发布商品</a></li>
<li><a href="edit_product.html">修改商品</a></li>
<li><a href="delete_product.html">删除商品</a></li>
<li><a href="massage_list.html">收件箱</a></li>
<li><a href="add_msg.html">发送留言</a></li>
<li><a href="order_list.html">查询订单</a></li>
</ul>
</aside>
<div class="ly">
<section class="bh">
&nbsp;商品编号: <a href="product_detail.html">100301</a><br>
&nbsp;商品名称:iPad
</section>
<section class="nr">
<form action="" method="post">
留言内容: <textarea name="msg" placeholder="请输入对该商品的留言(最多输入150个字符)" required maxlength="150"></textarea><br>
<div class="submit">
<input type="submit" value="留言"/>
<input type="reset" value="取消"/>
</div>
</form>
</section>
</div>
</div>
<footer>
<div class="navbar">
<div class="link">
<ul>
<li><a href="#">关于我们</a></li>
<li><a href="#">网站地图</a></li>
<li><a href="#">联系客服</a></li>
<li><a href="#">版权声明</a></li>
<a class="copyright">版权所有&copy;uuo00_n-team</a>
</ul>
</div>
</div>
</footer>
</body>
</html>
\ No newline at end of file
flea_market/add_product.html
View file @ c9e9f982
......@@ -18,7 +18,7 @@
position: relative;
background-color: #cccccc;
margin-top: 55px;
top: -50px;
top: -55px;
}
article input {
......@@ -30,11 +30,17 @@
margin-top: 20px;
color: #fff;
}
.product {
position: relative;
left: 100px;
top: -100px;
}
</style>
</head>
<body>
<header>
<div class="logo"><img src="img/logo.png"/></div>
<div class="logo"><a href="index.html"><img src="img/logo.png"/></a></div>
<form class="searchform">
<input type="text" name="search" id="search">
<input type="submit" value="搜索" id="button">
......@@ -47,46 +53,58 @@
<a href="#">服装</a>
</form>
</div>
<nav class="op">
<div class="nav">
<img src="img/tag.png"/>
<a href="#">商品分类</a>
</div>
<div class="tag">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">闲置数码</a></li>
<li><a href="#">教材书籍</a></li>
<li><a href="#">运动装备</a></li>
<li><a href="#">鞋服配饰</a></li>
<li><a href="#">日用家居</a></li>
</ul>
</div>
</nav>
</header>
<aside>
<ul>
<li><a href="edit_pwd.html">修改密码</a></li>
<li><a href="edit_contact.html">修改联系方式</a></li>
<li><a href="my_orders.html">我的订单</a></li>
<li><a href="my_product.html">我的商品</a></li>
<li><a href="purchase_history.html">消费记录</a></li>
</ul>
</aside>
<article>
<ul>
<li><a href="add_product.html">发布商品</a></li>
</ul>
<form action="#" method="get">
商品名称:<input type="text" name="name"><br>
价格：<input type="text" name="price"><br>
描述信息：<textarea cols="30" rows="5" name="description"></textarea><br>
图片：<input type="file" name="picture"><br>
视频：<input type="file" name="video"><br>
<input type="submit" value="发布商品">
<input type="reset" value="取消">
</form>
</article>
<nav class="op">
</nav>
<div class="splb">
<aside>
<ul>
<li><a href="edit_pwd.html">修改密码</a></li>
<li><a href="edit_contact.html">修改联系方式</a></li>
<li><a href="my_orders.html">我的订单</a></li>
<li><a href="my_product.html">我的商品</a></li>
<li><a href="purchase_history.html">消费记录</a></li>
<li><a href="add_product.html">发布商品</a></li>
<li><a href="edit_product.html">修改商品</a></li>
<li><a href="delete_product.html">删除商品</a></li>
<li><a href="massage_list.html">收件箱</a></li>
<li><a href="add_msg.html">发送留言</a></li>
<li><a href="order_list.html">查询订单</a></li>
</ul>
</aside>
<article>
<div class="product">
<form action="#" method="get">
<table>
<tr>
<td>商品名称:</td>
<td><input type="text" name="name"></td>
</tr>
<tr>
<td>价格：</td>
<td><input type="text" name="price"></textarea></td>
</tr>
<tr>
<td>描述信息：</td>
<td><textarea cols="30" rows="5" name="description"></textarea></td>
</tr>
<tr>
<td>图片：</td>
<td><input type="file" name="picture"></td>
</tr>
<tr>
<td>视频：</td>
<td><input type="file" name="video"></td>
</tr>
<tr>
<td><input type="submit" value="发布商品"></td>
<td><input type="reset" value="取消"></td>
</tr>
</table>
</form>
</div>
</article>
</div>
<footer>
<div class="navbar">
<div class="link">
......@@ -95,11 +113,9 @@
<li><a href="#">网站地图</a></li>
<li><a href="#">联系客服</a></li>
<li><a href="#">版权声明</a></li>
<a class="copyright">版权所有&copy;uuo00_n-team</a>
</ul>
</div>
<div class="copyright">
<div id="copyright">版权所有&copy;uuo00_n-team</div>
</div>
</div>
</footer>
</body>
......
flea_market/config_manage.html
View file @ c9e9f982
......@@ -9,7 +9,7 @@
<style>
article {
margin-left: 400px;
margin-top: -450px;
margin-top: -500px;
}
footer {
......@@ -18,7 +18,7 @@
position: relative;
background-color: #cccccc;
margin-top: 55px;
top: -50px;
top: 0px;
}
article input {
......@@ -30,11 +30,15 @@
margin-top: 20px;
color: #fff;
}
.navbar {
margin-top: 200px;
}
</style>
</head>
<body>
<header>
<div class="logo"><img src="img/logo.png"/></div>
<div class="logo"><a href="index.html"><img src="img/logo.png"/></a></div>
<form class="searchform">
<input type="text" name="search" id="search">
<input type="submit" value="搜索" id="button">
......@@ -47,35 +51,11 @@
<a href="#">服装</a>
</form>
</div>
<nav class="op">
<div class="nav">
<img src="img/tag.png"/>
<a href="#">商品分类</a>
</div>
<div class="tag">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">闲置数码</a></li>
<li><a href="#">教材书籍</a></li>
<li><a href="#">运动装备</a></li>
<li><a href="#">鞋服配饰</a></li>
<li><a href="#">日用家居</a></li>
</ul>
</div>
</nav>
</header>
<nav class="op">
</nav>
<aside>
<ul>
<li><a href="edit_pwd.html">修改密码</a></li>
<li><a href="edit_contact.html">修改联系方式</a></li>
<li><a href="my_orders.html">我的订单</a></li>
<li><a href="my_product.html">我的商品</a></li>
<li><a href="purchase_history.html">消费记录</a></li>
</ul>
</aside>
<article>
<nav>
<h4>系统管理</h4>
<ul>
<li><a href="usermanager.html">用户管理</a></li>
<li><a href="goodsmanage.html">商品审核</a></li>
......@@ -83,6 +63,8 @@
<li><a href="config_manage.html">配置管理</a></li>
</ul>
</nav>
</aside>
<article>
<h2>配置管理</h2>
<form action="#" method="post">
<table>
......@@ -123,11 +105,9 @@
<li><a href="#">网站地图</a></li>
<li><a href="#">联系客服</a></li>
<li><a href="#">版权声明</a></li>
<a class="copyright">版权所有&copy;uuo00_n-team</a>
</ul>
</div>
<div class="copyright">
<p>版权所有&copy;uuo00_n-team</p>
</div>
</div>
</footer>
</body>
......
flea_market/css/main.css
View file @ c9e9f982
body {
min-height: 100vh;
margin: 0;
padding: 0;
background-color: #f5f5f5;
box-sizing: border-box;
}
.logo img {
position: relative;
top: -10px;
}
a {
text-decoration: none;
}
img {
width: 250px;
width: 280px;
height: 100px;
}
......@@ -20,6 +27,7 @@ img {
}
.op {
position: relative;
height: 70px;
background-color: rgb(75, 39, 39);
}
......@@ -28,7 +36,7 @@ img {
width: 300px;
position: relative;
left: 100px;
top: 30px;
top: 40px;
margin-left: 150px;
}
......@@ -36,7 +44,7 @@ img {
width: 550px;
position: relative;
left: 380px;
top: -25px;
top: -75px;
margin-left: 200px;
}
......@@ -60,14 +68,18 @@ img {
}
.navigation {
width: 500px;
width: 550px;
position: relative;
left: 380px;
top: -20px;
left: 385px;
top: -50px;
color: #e6e6e6;
margin-left: -90px;
}
.navigation a {
font-size: 20px;
}
.navigation a:link {
color: #9a9a9a;
}
......@@ -86,18 +98,19 @@ img {
.nav {
background-color: #C40000;
width: 200px;
width: 300px;
font-size: medium;
font-family: "times new roman";
position: relative;
left: 100px;
left: -180px;
border: 2px #C40000 solid;
margin-left: 180px;
}
.nav a {
position: relative;
top: -10px;
font-size: 25px;
top: -18px;
}
.tag ul, .tag ul li {
......@@ -107,26 +120,23 @@ img {
}
.tag ul li {
width: 100px;
width: 200px;
float: left;
}
.tag ul li a {
font-size: 25px;
}
.tag {
width: 900px;
width: 1500px;
height: 100%;
position: relative;
left: 460px;
top: -48px;
left: 280px;
top: -65px;
z-index: 1;
}
/* footer {
width: 100%;
height: 50px;
position: relative;
background-color: #cccccc;
margin-top: 60px;
} */
.link {
width: 80%;
}
......@@ -156,16 +166,12 @@ link li a:active {
color: #f3f3f3;
}
.navbar p {
color: #fefefe;
.navbar .link .copyright {
color: #d400ff;
font-size: x-small;
position: absolute;
left: 50px;
top: 50px;
margin-left: 200px;
}
.navbar {
position: relative;
left: 350px;
top: 30px;
margin-left: 200px;
}
......@@ -218,13 +224,10 @@ input {
}
.submit {
/* width: 110px; */
height: 35px;
/* background-color: #c40000; */
color: #ffffff;
font-size: medium;
font-family: "times new roman";
/* border: 1px #c40000 solid; */
margin: 10px;
position: relative;
top: 25px;
......@@ -239,6 +242,11 @@ tr th {
background-color: #fff2e8;
font-family: "微软雅黑";
font-size: 15px;
}
tr td {
font-family: "微软雅黑";
font-size: 15px;
}
......@@ -250,4 +258,10 @@ table td a {
font-family: "微软雅黑";
border-radius: 2px;
font-style: none;
}
.splb {
border: 3px solid #c40000;
background-color: #e6e6e6;
height: 560px;
}
\ No newline at end of file
flea_market/css/style.css
View file @ c9e9f982
......@@ -24,14 +24,12 @@ body {
float: left;
width: 45%;
height: 200px;
/* margin: 10px; */
}
#pay_info {
float: right;
width: 45%;
height: 200px;
/* margin: 10px; */
}
.clear {
......
flea_market/delete_product.html
View file @ c9e9f982
......@@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<title>删除页面</title>
<title>删除商品</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
<script src="js/jquery-3.5.1.js"></script>
<script src="js/jquery-ui.min.js"></script>
......@@ -18,7 +18,7 @@
position: relative;
background-color: #cccccc;
margin-top: 55px;
top: 100px;
top: -55px;
}
article input {
......@@ -30,11 +30,17 @@
margin-top: 20px;
color: #fff;
}
.product {
position: relative;
left: 100px;
top: -100px;
}
</style>
</head>
<body>
<header>
<div class="logo"><img src="img/logo.png"/></div>
<div class="logo"><a href="index.html"><img src="img/logo.png"/></a></div>
<form class="searchform">
<input type="text" name="search" id="search">
<input type="submit" value="搜索" id="button">
......@@ -47,65 +53,58 @@
<a href="#">服装</a>
</form>
</div>
<nav class="op">
<div class="nav">
<img src="img/tag.png"/>
<a href="#">商品分类</a>
</div>
<div class="tag">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">闲置数码</a></li>
<li><a href="#">教材书籍</a></li>
<li><a href="#">运动装备</a></li>
<li><a href="#">鞋服配饰</a></li>
<li><a href="#">日用家居</a></li>
</ul>
</div>
</nav>
</header>
<aside>
<ul>
<li><a href="edit_pwd.html">修改密码</a></li>
<li><a href="edit_contact.html">修改联系方式</a></li>
<li><a href="my_orders.html">我的订单</a></li>
<li><a href="my_product.html">我的商品</a></li>
<li><a href="purchase_history.html">消费记录</a></li>
</ul>
</aside>
<article>
<table border="1">
<tr>
<th><input type="checkbox">全部</th>
<th>序号</th>
<th>商品信息</th>
<th>实付款</th>
<th>发布时间</th>
<th>状态</th>
<th>操作</th>
</tr>
<tr>
<td align="center">1</td>
<td>1236448668</td>
<td><img src="img/1.jpg" width="150px" height="150px"><br>iPad</td>
<td>$199</td>
<td>2022-6-2 01:52:39</td>
<td>上架</td>
<td>
<a href="#">商品详情</a>
<a href="#">删除</a>
</td>
</tr>
<tr align="right">
<td colspan="6">
<a href="#">第一页</a>
<a href="#">上一页</a>
<a href="#">下一页</a>
<a href="#">末页</a>
</td>
</tr>
</table>
</article>
<nav class="op"></nav>
<div class="splb">
<aside>
<ul>
<li><a href="edit_pwd.html">修改密码</a></li>
<li><a href="edit_contact.html">修改联系方式</a></li>
<li><a href="my_orders.html">我的订单</a></li>
<li><a href="my_product.html">我的商品</a></li>
<li><a href="purchase_history.html">消费记录</a></li>
<li><a href="add_product.html">发布商品</a></li>
<li><a href="edit_product.html">修改商品</a></li>
<li><a href="delete_product.html">删除商品</a></li>
<li><a href="massage_list.html">收件箱</a></li>
<li><a href="add_msg.html">发送留言</a></li>
<li><a href="order_list.html">查询订单</a></li>
</ul>
</aside>
<article>
<table border="1">
<tr>
<th><input type="checkbox">全部</th>
<th>序号</th>
<th>商品信息</th>
<th>实付款</th>
<th>发布时间</th>
<th>状态</th>
<th>操作</th>
</tr>
<tr>
<td><input type="checkbox"></td>
<td>1236448668</td>
<td><img src="img/1.jpg" width="150px" height="150px"><br>iPad</td>
<td>$199</td>
<td>2022-6-2 01:52:39</td>
<td>上架</td>
<td>
<a href="#">商品详情</a>
<a href="#">删除</a>
</td>
</tr>
<tr align="right">
<td colspan="6">
<a href="#">第一页</a>
<a href="#">上一页</a>
<a href="#">下一页</a>
<a href="#">末页</a>
</td>
</tr>
</table>
</article>
</div>
<footer>
<div class="navbar">
<div class="link">
......@@ -114,11 +113,9 @@
<li><a href="#">网站地图</a></li>
<li><a href="#">联系客服</a></li>
<li><a href="#">版权声明</a></li>
<a class="copyright">版权所有&copy;uuo00_n-team</a>
</ul>
</div>
<div class="copyright">
<p>版权所有&copy;uuo00_n-team</p>
</div>
</div>
</footer>
</body>
......
flea_market/edit_contact.html
View file @ c9e9f982
......@@ -18,7 +18,7 @@
position: relative;
background-color: #cccccc;
margin-top: 55px;
top: 100px;
top: -55px;
}
article input {
......@@ -30,11 +30,24 @@
margin-top: 20px;
color: #fff;
}
.contact_ys {
position: relative;
border: 2px dashed #c40000;
left: 15%;
top: -564px;
}
.contact {
position: relative;
left: -100px;
top: -50px;
}
</style>
</head>
<body>
<header>
<div class="logo"><img src="img/logo.png"/></div>
<div class="logo"><a href="index.html"><img src="img/logo.png"/></a></div>
<form class="searchform">
<input type="text" name="search" id="search">
<input type="submit" value="搜索" id="button">
......@@ -47,54 +60,70 @@
<a href="#">服装</a>
</form>
</div>
<nav class="op">
<div class="nav">
<img src="img/tag.png"/>
<a href="#">商品分类</a>
</div>
<div class="tag">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">闲置数码</a></li>
<li><a href="#">教材书籍</a></li>
<li><a href="#">运动装备</a></li>
<li><a href="#">鞋服配饰</a></li>
<li><a href="#">日用家居</a></li>
</ul>
</div>
</nav>
</header>
<aside>
<ul>
<li><a href="edit_pwd.html">修改密码</a></li>
<li><a href="edit_contact.html">修改联系方式</a></li>
<li><a href="my_orders.html">我的订单</a></li>
<li><a href="my_product.html">我的商品</a></li>
<li><a href="purchase_history.html">消费记录</a></li>
</ul>
</aside>
<article>
<form action="#" method="post">
姓名：<input name="name" type="text"/><br/>
寝室：<input name="room" type="text"/><br/>
电话：<input name="telephone" type="text"/><br/>
头像：<input name="picture" type="file"/><br/>
<input type="submit" value="修改"/>
<input type="reset" value="取消"/>
</form>
</article>
<nav class="op"></nav>
<div class="splb">
<aside>
<ul>
<li><a href="edit_pwd.html">修改密码</a></li>
<li><a href="edit_contact.html">修改联系方式</a></li>
<li><a href="my_orders.html">我的订单</a></li>
<li><a href="my_product.html">我的商品</a></li>
<li><a href="purchase_history.html">消费记录</a></li>
<li><a href="add_product.html">发布商品</a></li>
<li><a href="edit_product.html">修改商品</a></li>
<li><a href="delete_product.html">删除商品</a></li>
<li><a href="massage_list.html">收件箱</a></li>
<li><a href="add_msg.html">发送留言</a></li>
<li><a href="order_list.html">查询订单</a></li>
</ul>
</aside>
<div class="contact_ys">
修改联系方式
</div>
<article>
<form action="#" method="post">
<div class="contact">
<table>
<tr>
<td>账号：</td>
<td><input name="name" type="text"/></td>
</tr>
<tr>
<td>姓名：</td>
<td><input name="name" type="text"/></td>
</tr>
<tr>
<td>寝室：</td>
<td><input name="room" type="text"/></td>
</tr>
<tr>
<td>电话：</td>
<td><input name="telephone" type="text"/></td>
</tr>
<tr>
<td>头像：</td>
<td><input name="picture" type="file"/></td>
</tr>
<tr>
<td><input type="submit" value="修改"/></td>
<td><input type="reset" value="取消"/></td>
</tr>
</table>
</div>
</form>
</article>
</div>
<footer>
<div class="navbar">
<div class="link">
<ul>
<li><a href="#">关于我们</a></li>
<li><a href="#">网站地图</a></li>
<li><a href="#">联系客服</a></li>
<li><a href="#">版权声明</a></li>
</ul>
</div>
<div class="copyright">
<p>版权所有&copy;uuo00_n-team</p>
<ul>
<li><a href="#">关于我们</a></li>
<li><a href="#">网站地图</a></li>
<li><a href="#">联系客服</a></li>
<li><a href="#">版权声明</a></li>
<a class="copyright">版权所有&copy;uuo00_n-team</a>
</ul>
</div>
</div>
</footer>
......
flea_market/edit_product.html
View file @ c9e9f982
......@@ -18,7 +18,7 @@
position: relative;
background-color: #cccccc;
margin-top: 55px;
top: -60px;
top: -55px;
}
article input {
......@@ -30,11 +30,17 @@
margin-top: 20px;
color: #fff;
}
.product {
position: relative;
left: 100px;
top: -100px;
}
</style>
</head>
<body>
<header>
<div class="logo"><img src="img/logo.png"/></div>
<div class="logo"><a href="index.html"><img src="img/logo.png"/></a></div>
<form class="searchform">
<input type="text" name="search" id="search">
<input type="submit" value="搜索" id="button">
......@@ -47,47 +53,57 @@
<a href="#">服装</a>
</form>
</div>
<nav class="op">
<div class="nav">
<img src="img/tag.png"/>
<a href="#">商品分类</a>
</div>
<div class="tag">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">闲置数码</a></li>
<li><a href="#">教材书籍</a></li>
<li><a href="#">运动装备</a></li>
<li><a href="#">鞋服配饰</a></li>
<li><a href="#">日用家居</a></li>
</ul>
</div>
</nav>
<nav class="op"></nav>
</header>
<aside>
<ul>
<li><a href="edit_pwd.html">修改密码</a></li>
<li><a href="edit_contact.html">修改联系方式</a></li>
<li><a href="my_orders.html">我的订单</a></li>
<li><a href="my_product.html">我的商品</a></li>
<li><a href="purchase_history.html">消费记录</a></li>
</ul>
</aside>
<article>
<ul>
<li><a href="add_product.html">发布商品</a></li>
<li><a href="edit_product.html">修改商品</a></li>
</ul>
<form action="#" method="get">
商品名称:<input type="text" name="name" value="ipad"><br>
价格：<input type="text" name="price" value="￥1300.00"><br>
描述信息：<textarea cols="30" rows="5" name="description">XXX商品描述</textarea><br>
图片：<input type="file" name="picture"><br>
视频：<input type="file" name="video"><br>
<input type="submit" value="修改商品">
<input type="reset" value="取消">
</form>
</article>
<div class="splb">
<aside>
<ul>
<li><a href="edit_pwd.html">修改密码</a></li>
<li><a href="edit_contact.html">修改联系方式</a></li>
<li><a href="my_orders.html">我的订单</a></li>
<li><a href="my_product.html">我的商品</a></li>
<li><a href="purchase_history.html">消费记录</a></li>
<li><a href="add_product.html">发布商品</a></li>
<li><a href="edit_product.html">修改商品</a></li>
<li><a href="delete_product.html">删除商品</a></li>
<li><a href="massage_list.html">收件箱</a></li>
<li><a href="add_msg.html">发送留言</a></li>
<li><a href="order_list.html">查询订单</a></li>
</ul>
</aside>
<article>
<div class="product">
<form action="#" method="get">
<table>
<tr>
<td>商品名称:</td>
<td><input type="text" name="name" value="ipad"></td>
</tr>
<tr>
<td>价格：</td>
<td><input type="text" name="price" value="￥1300.00"></td>
</tr>
<tr>
<td>描述信息：</td>
<td><textarea cols="30" rows="5" name="description">XXX商品描述</textarea></td>
</tr>
<tr>
<td>图片：</td>
<td><input type="file" name="picture"></td>
</tr>
<tr>
<td>视频：</td>
<td><input type="file" name="video"></td>
</tr>
<tr>
<td><input type="submit" value="修改商品"></td>
<td><input type="reset" value="取消"></td>
</tr>
</table>
</form>
</div>
</article>
</div>
<footer>
<div class="navbar">
<div class="link">
......@@ -96,11 +112,9 @@
<li><a href="#">网站地图</a></li>
<li><a href="#">联系客服</a></li>
<li><a href="#">版权声明</a></li>
<a class="copyright">版权所有&copy;uuo00_n-team</a>
</ul>
</div>
<div class="copyright">
<p>版权所有&copy;uuo00_n-team</p>
</div>
</div>
</footer>
</body>
......
flea_market/edit_pwd.html
View file @ c9e9f982
......@@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<title>edit_pwd</title>
<title>修改密码</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
<script src="js/jquery-3.5.1.js"></script>
<script src="js/jquery-ui.min.js"></script>
......@@ -18,7 +18,7 @@
position: relative;
background-color: #cccccc;
margin-top: 55px;
top: 100px;
top: -55px;
}
article input {
......@@ -30,11 +30,24 @@
margin-top: 20px;
color: #fff;
}
.pwd_ys {
position: relative;
border: 2px dashed #c40000;
left: 15%;
top: -564px;
}
.password {
position: relative;
left: -100px;
top: -50px;
}
</style>
</head>
<body>
<header>
<div class="logo"><img src="img/logo.png"/></div>
<div class="logo"><a href="index.html"><img src="img/logo.png"/></a></div>
<form class="searchform">
<input type="text" name="search" id="search">
<input type="submit" value="搜索" id="button">
......@@ -47,41 +60,52 @@
<a href="#">服装</a>
</form>
</div>
<nav class="op">
<div class="nav">
<img src="img/tag.png"/>
<a href="#">商品分类</a>
</div>
<div class="tag">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">闲置数码</a></li>
<li><a href="#">教材书籍</a></li>
<li><a href="#">运动装备</a></li>
<li><a href="#">鞋服配饰</a></li>
<li><a href="#">日用家居</a></li>
</ul>
</div>
</nav>
<nav class="op"></nav>
</header>
<aside>
<ul>
<li><a href="edit_pwd.html">修改密码</a></li>
<li><a href="edit_contact.html">修改联系方式</a></li>
<li><a href="my_orders.html">我的订单</a></li>
<li><a href="my_product.html">我的商品</a></li>
<li><a href="purchase_history.html">消费记录</a></li>
</ul>
</aside>
<article>
<form action="#" method="post">
原始密码：<input name="pwd" type="password"/><br/>
新密码：<input name="pwd" type="password"/><br/>
确认新密码：<input name="pwd" type="password"/><br/>
<input type="submit" value="修改"/>
<input type="reset" value="取消"/>
</form>
</article>
<div class="splb">
<aside>
<ul>
<li><a href="edit_pwd.html">修改密码</a></li>
<li><a href="edit_contact.html">修改联系方式</a></li>
<li><a href="my_orders.html">我的订单</a></li>
<li><a href="my_product.html">我的商品</a></li>
<li><a href="purchase_history.html">消费记录</a></li>
<li><a href="add_product.html">发布商品</a></li>
<li><a href="edit_product.html">修改商品</a></li>
<li><a href="delete_product.html">删除商品</a></li>
<li><a href="massage_list.html">收件箱</a></li>
<li><a href="add_msg.html">发送留言</a></li>
<li><a href="order_list.html">查询订单</a></li>
</ul>
</aside>
<div class="pwd_ys">
修改密码
</div>
<article>
<form action="#" method="post">
<div class="password">
<table>
<tr>
<td>原始密码：</td>
<td><input name="pwd" type="password"/></td>
</tr>
<tr>
<td>新密码：</td>
<td><input name="pwd" type="password"/></td>
</tr>
<tr>
<td>确认新密码：</td>
<td><input name="pwd" type="password"/></td>
</tr>
<tr>
<td><input type="submit" value="修改"/></td>
<td><input type="reset" value="取消"/></td>
</tr>
</table>
</div>
</form>
</article>
</div>
<footer>
<div class="navbar">
<div class="link">
......@@ -90,11 +114,9 @@
<li><a href="#">网站地图</a></li>
<li><a href="#">联系客服</a></li>
<li><a href="#">版权声明</a></li>
<a class="copyright">版权所有&copy;uuo00_n-team</a>
</ul>
</div>
<div class="copyright">
<p>版权所有&copy;uuo00_n-team</p>
</div>
</div>
</footer>
</body>
......
flea_market/goodsmanage.html
View file @ c9e9f982
......@@ -25,16 +25,25 @@
margin: 10px 0px;
}
article .checkbox {
width: 30px;
height: 30px;
}
footer .link div {
float: right;
margin-top: 20px;
color: #fff;
}
.navbar {
margin-top: 10px;
}
</style>
</head>
<body>
<header>
<div class="logo"><img src="img/logo.png"/></div>
<div class="logo"><a href="index.html"><img src="img/logo.png"/></a></div>
<form class="searchform">
<input type="text" name="search" id="search">
<input type="submit" value="搜索" id="button">
......@@ -47,22 +56,7 @@
<a href="#">服装</a>
</form>
</div>
<nav class="op">
<div class="nav">
<img src="img/tag.png"/>
<a href="#">商品分类</a>
</div>
<div class="tag">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">闲置数码</a></li>
<li><a href="#">教材书籍</a></li>
<li><a href="#">运动装备</a></li>
<li><a href="#">鞋服配饰</a></li>
<li><a href="#">日用家居</a></li>
</ul>
</div>
</nav>
<nav class="op"></nav>
</header>
<aside>
<nav>
......@@ -84,7 +78,7 @@
</div>
<table>
<tr>
<th><input type="checkbox">全选</th>
<th><input type="checkbox" class="checkbox">全选</th>
<th>商品编号</th>
<th>商品名</th>
<th>价格</th>
......@@ -92,7 +86,7 @@
<th>操作</th>
</tr>
<tr>
<td><input type="checkbox" name="checkbox"></td>
<td><input type="checkbox" name="checkbox" class="checkbox"></td>
<td>1000</td>
<td>iPad</td>
<td>￥2208</td>
......@@ -123,11 +117,9 @@
<li><a href="#">网站地图</a></li>
<li><a href="#">联系客服</a></li>
<li><a href="#">版权声明</a></li>
<a class="copyright">版权所有&copy;uuo00_n-team</a>
</ul>
</div>
<div class="copyright">
<p>版权所有&copy;uuo00_n-team</p>
</div>
</div>
</footer>
</body>
......
flea_market/index.html
View file @ c9e9f982
This diff is collapsed.
flea_market/login.html
View file @ c9e9f982
......@@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<title>login</title>
<title>登录</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
<script src="js/jquery-3.5.1.js"></script>
<script src="js/jquery-ui.min.js"></script>
......@@ -18,7 +18,7 @@
position: relative;
background-color: #cccccc;
margin-top: 55px;
top: 150px;
top: 45px;
}
article input {
......@@ -30,11 +30,33 @@
margin-top: 20px;
color: #fff;
}
.dlbk {
margin: 0 auto;
width: 700px;
border: 1px solid #000;
}
.bg {
position: relative;
left: -150px;
top: -50px;
}
.bg .table_dl {
position: relative;
left: -90px;
}
#toubu {
position: relative;
left: -60px;
}
</style>
</head>
<body>
<header>
<div class="logo"><img src="img/logo.png"/></div>
<div class="logo"><a href="index.html"><img src="img/logo.png"/></a></div>
<form class="searchform">
<input type="text" name="search" id="search">
<input type="submit" value="搜索" id="button">
......@@ -47,35 +69,31 @@
<a href="#">服装</a>
</form>
</div>
<nav class="op">
<div class="nav">
<img src="img/tag.png"/>
<a href="#">商品分类</a>
</div>
<div class="tag">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">闲置数码</a></li>
<li><a href="#">教材书籍</a></li>
<li><a href="#">运动装备</a></li>
<li><a href="#">鞋服配饰</a></li>
<li><a href="#">日用家居</a></li>
</ul>
</div>
</nav>
</header>
<article>
<h2>登录</h2>
</article>
<article>
<form action="index.html" method="get">
账号：<input name="account" required="required" type="text"/><br>
密码：<input name="pwd" type="password"/><br>
<input type="submit" value="登录"/>
<input type="reset" value="取消"/>
</form>
</article>
<footer>
<div>
<div class="dlbk">
<article id="toubu">
<h2>登录</h2>
</article>
<article class="bg">
<form action="index.html" method="get">
<table>
<tr>
<td>账号:<input name="account" required="required" type="text"/></td>
</tr>
<tr>
<td>密码:<input name="pwd" type="password"/></td>
</tr>
<tr class="table_dl">
<td><input type="submit" value="登录"/></td>
<td><input type="reset" value="取消"/></td>
</tr>
</table>
</form>
</article>
</div>
</div>
<footer class="awa">
<div class="navbar">
<div class="link">
<ul>
......@@ -83,11 +101,9 @@
<li><a href="#">网站地图</a></li>
<li><a href="#">联系客服</a></li>
<li><a href="#">版权声明</a></li>
<a class="copyright">版权所有&copy;uuo00_n-team</a>
</ul>
</div>
<div class="copyright">
<p>版权所有&copy;uuo00_n-team</p>
</div>
</div>
</footer>
</body>
......
flea_market/massage_list.html
View file @ c9e9f982
......@@ -2,14 +2,14 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<title>商品审核</title>
<title>收件箱</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
<script src="js/jquery-3.5.1.js"></script>
<script src="js/jquery-ui.min.js"></script>
<style>
article {
margin-left: 500px;
margin-top: -400px;
margin-top: -500px;
}
footer {
......@@ -18,7 +18,7 @@
position: relative;
background-color: #cccccc;
margin-top: 55px;
top: 50px;
top: -150px;
}
article input {
......@@ -30,11 +30,15 @@
margin-top: 20px;
color: #fff;
}
.navbar {
margin-top: 150px;
}
</style>
</head>
<body>
<header>
<div class="logo"><img src="img/logo.png"/></div>
<div class="logo"><a href="index.html"><img src="img/logo.png"/></a></div>
<form class="searchform">
<input type="text" name="search" id="search">
<input type="submit" value="搜索" id="button">
......@@ -47,36 +51,24 @@
<a href="#">服装</a>
</form>
</div>
<nav class="op">
<div class="nav">
<img src="img/tag.png"/>
<a href="#">商品分类</a>
</div>
<div class="tag">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">闲置数码</a></li>
<li><a href="#">教材书籍</a></li>
<li><a href="#">运动装备</a></li>
<li><a href="#">鞋服配饰</a></li>
<li><a href="#">日用家居</a></li>
</ul>
</div>
</nav>
<nav class="op"></nav>
</header>
<aside>
<section>
<div class="splb">
<aside>
<ul>
<li><a href="edit_pwd.html">修改密码</a></li>
<li><a href="edit_contact.html">修改联系方式</a></li>
<li><a href="my_orders.html">我的订单</a></li>
<li><a href="my_product.html">我的商品</a></li>
<li><a href="purchase_history.html">消费记录</a></li>
<li><a href="add_product.html">发布商品</a></li>
<li><a href="edit_product.html">修改商品</a></li>
<li><a href="delete_product.html">删除商品</a></li>
<li><a href="massage_list.html">收件箱</a></li>
<li><a href="add_msg.html">发送留言</a></li>
<li><a href="order_list.html">查询订单</a></li>
</ul>
</section>
</aside>
</aside>
<article>
<h2>收件箱</h2>
<section>
......@@ -111,6 +103,7 @@
<input type="button" value="设为已读">
<input type="submit" value="删除">
</article>
</div>
<footer>
<div class="navbar">
<div class="link">
......@@ -119,11 +112,9 @@
<li><a href="#">网站地图</a></li>
<li><a href="#">联系客服</a></li>
<li><a href="#">版权声明</a></li>
<a class="copyright">版权所有&copy;uuo00_n-team</a>
</ul>
</div>
<div class="copyright">
<p>版权所有&copy;uuo00_n-team</p>
</div>
</div>
</footer>
</body>
......
flea_market/message.html
View file @ c9e9f982
......@@ -8,10 +8,12 @@
<script src="js/jquery-ui.min.js"></script>
<style>
article {
margin-left: 400px;
margin-top: -450px;
margin-left: 300px;
width: 80%;
height: 400px;
}
footer {
width: 100%;
height: 50px;
......@@ -25,16 +27,40 @@
margin: 10px 0px;
}
textarea {
width: 500px;
height: 100px;
border-radius: 10px;
margin: 10px auto;
}
footer .link div {
float: right;
margin-top: 20px;
color: #fff;
}
.fj {
border: 1px solid #000;
width: 80%;
height: 300px;
}
.hf {
border: 1px solid #000;
width: 80%;
height: 250px;
margin-top: 20px;
}
.navbar {
margin-top: 150px;
}
</style>
</head>
<body>
<header>
<div class="logo"><img src="img/logo.png"/></div>
<div class="logo"><a href="index.html"><img src="img/logo.png"/></a></div>
<form class="searchform">
<input type="text" name="search" id="search">
<input type="submit" value="搜索" id="button">
......@@ -47,47 +73,24 @@
<a href="#">服装</a>
</form>
</div>
<nav class="op">
<div class="nav">
<img src="img/tag.png"/>
<a href="#">商品分类</a>
</div>
<div class="tag">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">闲置数码</a></li>
<li><a href="#">教材书籍</a></li>
<li><a href="#">运动装备</a></li>
<li><a href="#">鞋服配饰</a></li>
<li><a href="#">日用家居</a></li>
</ul>
</div>
</nav>
</header>
<aside>
<ul>
<li><a href="edit_pwd.html">修改密码</a></li>
<li><a href="edit_contact.html">修改联系方式</a></li>
<li><a href="my_orders.html">我的订单</a></li>
<li><a href="my_product.html">我的商品</a></li>
<li><a href="purchase_history.html">消费记录</a></li>
</ul>
</aside>
<nav class="op"></nav>
<nav class="call_back">
<h1 align="center">留言回复</h1>
</nav>
<article>
<section>
<section class="fj">
发件人：xxx<br>
时间：2019-1-30 6:30<br>
相关商品:iPad
<img src="img/ipad.jpg" width="80"/>
<img src="img/ipad.jpg" style="width: 80px; height: 90px;"/>
<br>
内容:<br>
<textarea rows="4">
请问这是什么型号的，什么时候买的？
</textarea>
<textarea rows="4">请问这是什么型号的，什么时候买的？</textarea>
</section>
<section>
<section class="hf">
回复：
<form action="#" method="post">
<form action="massage_list.html" method="post">
<textarea name="msg" placeholder="请输入回复内容（最多输入150个字符）" required maxlength="150"></textarea>
<br>
<input type="submit" value="回复">
......@@ -102,11 +105,9 @@
<li><a href="#">网站地图</a></li>
<li><a href="#">联系客服</a></li>
<li><a href="#">版权声明</a></li>
<a class="copyright">版权所有&copy;uuo00_n-team</a>
</ul>
</div>
<div class="copyright">
<p>版权所有&copy;uuo00_n-team</p>
</div>
</div>
</footer>
</body>
......
flea_market/my_orders.html
View file @ c9e9f982
......@@ -18,7 +18,7 @@
position: relative;
background-color: #cccccc;
margin-top: 55px;
top: 150px;
top: -55px;
}
article input {
......@@ -30,11 +30,18 @@
margin-top: 20px;
color: #fff;
}
.orders_ys {
position: relative;
border: 2px dashed #c40000;
left: 15%;
top: -564px;
}
</style>
</head>
<body>
<header>
<div class="logo"><img src="img/logo.png"/></div>
<div class="logo"><a href="index.html"><img src="img/logo.png"/></a></div>
<form class="searchform">
<input type="text" name="search" id="search">
<input type="submit" value="搜索" id="button">
......@@ -47,42 +54,37 @@
<a href="#">服装</a>
</form>
</div>
<nav class="op">
<div class="nav">
<img src="img/tag.png"/>
<a href="#">商品分类</a>
</div>
<div class="tag">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">闲置数码</a></li>
<li><a href="#">教材书籍</a></li>
<li><a href="#">运动装备</a></li>
<li><a href="#">鞋服配饰</a></li>
<li><a href="#">日用家居</a></li>
</ul>
</div>
</nav>
<nav class="op"></nav>
</header>
<aside>
<ul>
<li><a href="edit_pwd.html">修改密码</a></li>
<li><a href="edit_contact.html">修改联系方式</a></li>
<li><a href="my_orders.html">我的订单</a></li>
<li><a href="my_product.html">我的商品</a></li>
<li><a href="purchase_history.html">消费记录</a></li>
</ul>
</aside>
<article>
<table border="1">
<tr>
<th>订单号</th>
<th>商品信息</th>
<th>实付款</th>
<th>时间</th>
<th>状态</th>
<th>操作</th>
</tr>
<div class="splb">
<aside>
<ul>
<li><a href="edit_pwd.html">修改密码</a></li>
<li><a href="edit_contact.html">修改联系方式</a></li>
<li><a href="my_orders.html">我的订单</a></li>
<li><a href="my_product.html">我的商品</a></li>
<li><a href="purchase_history.html">消费记录</a></li>
<li><a href="add_product.html">发布商品</a></li>
<li><a href="edit_product.html">修改商品</a></li>
<li><a href="delete_product.html">删除商品</a></li>
<li><a href="massage_list.html">收件箱</a></li>
<li><a href="add_msg.html">发送留言</a></li>
<li><a href="order_list.html">查询订单</a></li>
</ul>
</aside>
<div class="orders_ys">
消费记录
</div>
<article>
<table border="1">
<tr>
<th>订单号</th>
<th>商品信息</th>
<th>实付款</th>
<th>时间</th>
<th>状态</th>
<th>操作</th>
</tr>
<tr>
<td>1236448668</td>
<td><img src="img/1.jpg" width="150px" height="150px"><br>iPad</td>
......@@ -94,8 +96,9 @@
<a href="#">删除</a>
</td>
</tr>
</table>
</article>
</table>
</article>
</div>
<footer>
<div class="navbar">
<div class="link">
......@@ -104,11 +107,9 @@
<li><a href="#">网站地图</a></li>
<li><a href="#">联系客服</a></li>
<li><a href="#">版权声明</a></li>
<a class="copyright">版权所有&copy;uuo00_n-team</a>
</ul>
</div>
<div class="copyright">
<p>版权所有&copy;uuo00_n-team</p>
</div>
</div>
</footer>
</body>
......
flea_market/my_product.html
View file @ c9e9f982
......@@ -18,7 +18,7 @@
position: relative;
background-color: #cccccc;
margin-top: 55px;
top: 50px;
top: -55px;
}
article input {
......@@ -30,11 +30,18 @@
margin-top: 20px;
color: #fff;
}
.product_ys {
position: relative;
border: 2px dashed #c40000;
left: 15%;
top: -564px;
}
</style>
</head>
<body>
<header>
<div class="logo"><img src="img/logo.png"/></div>
<div class="logo"><a href="index.html"><img src="img/logo.png"/></a></div>
<form class="searchform">
<input type="text" name="search" id="search">
<input type="submit" value="搜索" id="button">
......@@ -47,65 +54,63 @@
<a href="#">服装</a>
</form>
</div>
<nav class="op">
<div class="nav">
<img src="img/tag.png"/>
<a href="#">商品分类</a>
</div>
<div class="tag">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">闲置数码</a></li>
<li><a href="#">教材书籍</a></li>
<li><a href="#">运动装备</a></li>
<li><a href="#">鞋服配饰</a></li>
<li><a href="#">日用家居</a></li>
</ul>
</div>
</nav>
</header>
<aside>
<ul>
<li><a href="edit_pwd.html">修改密码</a></li>
<li><a href="edit_contact.html">修改联系方式</a></li>
<li><a href="my_orders.html">我的订单</a></li>
<li><a href="my_product.html">我的商品</a></li>
<li><a href="purchase_history.html">消费记录</a></li>
</ul>
</aside>
<article>
<table border="1">
<tr>
<th><input type="checkbox">全部</th>
<th>序号</th>
<th>商品信息</th>
<th>实付款</th>
<th>发布时间</th>
<th>状态</th>
<th>操作</th>
</tr>
<tr>
<td align="center">1</td>
<td>1236448668</td>
<td><img src="img/1.jpg" width="150px" height="150px"><br>iPad</td>
<td>$199</td>
<td>2022-6-2 01:52:39</td>
<td>上架</td>
<td>
<a href="#">商品详情</a>
<a href="#">删除</a>
</td>
</tr>
<tr align="right">
<td colspan="6">
<a href="#">第一页</a>
<a href="#">上一页</a>
<a href="#">下一页</a>
<a href="#">末页</a>
</td>
</tr>
</table>
</article>
<nav class="op"></nav>
<div class="splb">
<aside>
<ul>
<li><a href="edit_pwd.html">修改密码</a></li>
<li><a href="edit_contact.html">修改联系方式</a></li>
<li><a href="my_orders.html">我的订单</a></li>
<li><a href="my_product.html">我的商品</a></li>
<li><a href="purchase_history.html">消费记录</a></li>
<li><a href="add_product.html">发布商品</a></li>
<li><a href="edit_product.html">修改商品</a></li>
<li><a href="delete_product.html">删除商品</a></li>
<li><a href="massage_list.html">收件箱</a></li>
<li><a href="add_msg.html">发送留言</a></li>
<li><a href="order_list.html">查询订单</a></li>
</ul>
</aside>
<div class="product_ys">
我的商品
</div>
<article>
<div class="product">
<table border="1">
<tr>
<th><input type="checkbox">全选</th>
<th>序号</th>
<th>商品信息</th>
<th>实付款</th>
<th>发布时间</th>
<th>状态</th>
<th>操作</th>
</tr>
<tr>
<td><input type="checkbox"></td>
<td>1236448668</td>
<td><img src="img/1.jpg" width="150px" height="150px"><br>iPad</td>
<td>$199</td>
<td>2022-6-2 01:52:39</td>
<td>上架</td>
<td>
<a href="#">商品详情</a>
<a href="#">删除</a>
</td>
</tr>
<tr align="right">
<td colspan="6">
<a href="#">第一页</a>
<a href="#">上一页</a>
<a href="#">下一页</a>
<a href="#">末页</a>
</td>
</tr>
</table>
</div>
</article>
</div>
<footer>
<div class="navbar">
<div class="link">
......@@ -114,11 +119,9 @@
<li><a href="#">网站地图</a></li>
<li><a href="#">联系客服</a></li>
<li><a href="#">版权声明</a></li>
<a class="copyright">版权所有&copy;uuo00_n-team</a>
</ul>
</div>
<div class="copyright">
<p>版权所有&copy;uuo00_n-team</p>
</div>
</div>
</footer>
</body>
......
flea_market/order.html
View file @ c9e9f982
......@@ -7,10 +7,6 @@
<script src="js/jquery-3.5.1.js"></script>
<script src="js/jquery-ui.min.js"></script>
<style>
article {
margin-left: 400px;
margin-top: -530px;
}
footer {
width: 100%;
......@@ -30,11 +26,42 @@
margin-top: 20px;
color: #fff;
}
.gm {
margin: 0 auto;
border: 1px solid #000;
width: 80%;
height: 380px;
margin-bottom: 20px;
}
.sp {
margin: 0 auto;
border: 1px solid #000;
width: 80%;
height: 70%;
}
.sh {
margin: 0 auto;
border: 1px solid #000;
width: 80%;
height: 300px;
}
.total {
margin-left: 600px;
margin-top: 10px;
}
.op {
margin: 1px 0px;
}
</style>
</head>
<body>
<header>
<div class="logo"><img src="img/logo.png"/></div>
<div class="logo"><a href="index.html"><img src="img/logo.png"/></a></div>
<form class="searchform">
<input type="text" name="search" id="search">
<input type="submit" value="搜索" id="button">
......@@ -47,63 +74,51 @@
<a href="#">服装</a>
</form>
</div>
<nav class="op">
<div class="nav">
<img src="img/tag.png"/>
<a href="#">商品分类</a>
</div>
<div class="tag">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">闲置数码</a></li>
<li><a href="#">教材书籍</a></li>
<li><a href="#">运动装备</a></li>
<li><a href="#">鞋服配饰</a></li>
<li><a href="#">日用家居</a></li>
</ul>
</div>
</nav>
<nav class="op"></nav>
</header>
<aside>
<ul>
<li><a href="edit_pwd.html">修改密码</a></li>
<li><a href="edit_contact.html">修改联系方式</a></li>
<li><a href="my_orders.html">我的订单</a></li>
<li><a href="my_product.html">我的商品</a></li>
<li><a href="purchase_history.html">消费记录</a></li>
</ul>
</aside>
<article>
<section>
<h3>购买商品</h3>
<table>
<tr class="table_head">
<td>商品信息</td>
<td>单价</td>
<td>数量</td>
<td>总价</td>
</tr>
<tr>
<td>
<img src="img/ipad.jpg" width="54px" height="54px">iPad
</td>
<td>￥1300</td>
<td>1</td>
<td>￥1300</td>
</tr>
</table>
应付金额：$1300
<div class="gm">
<h3>购买商品</h3>
<div class="sp">
<table style="width:100%; height: 80%;">
<tr class="table_head">
<td>商品信息</td>
<td>单价</td>
<td>数量</td>
<td>总价</td>
</tr>
<tr>
<td>
<img src="img/ipad.jpg" style="width: 180px; height: 180px;">
</td>
<td>￥1300</td>
<td>1</td>
<td>￥1300</td>
</tr>
<tr>
<td>iPad</td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>
</div>
</section>
<section>
<h3>收货人信息</h3>
<form action="#" method="post">
收货人：<input type="text" name="username"><br>
收货地址：<input type="text" name="addr"><br>
联系方式：<input type="text" name="phone"><br>
<div class="total">共1件商品 应付金额：￥1305（含运费5.00元）
<input type="submit" value="订单结算">
</div>
</form>
<div class="sh">
<h3>收货人信息</h3>
<form action="pay.html" method="post">
收货人：<input type="text" name="username"><br>
收货地址：<input type="text" name="addr"><br>
联系方式：<input type="text" name="phone"><br>
<div class="total">
共1件商品 应付金额：￥1305（含运费5.00元）
<input type="submit" value="订单结算">
</div>
</form>
</div>
</section>
</article>
<footer>
......@@ -114,11 +129,9 @@
<li><a href="#">网站地图</a></li>
<li><a href="#">联系客服</a></li>
<li><a href="#">版权声明</a></li>
<a class="copyright">版权所有&copy;uuo00_n-team</a>
</ul>
</div>
<div class="copyright">
<p>版权所有&copy;uuo00_n-team</p>
</div>
</div>
</footer>
</body>
......
flea_market/order_details.html
View file @ c9e9f982
......@@ -7,10 +7,6 @@
<script src="js/jquery-3.5.1.js"></script>
<script src="js/jquery-ui.min.js"></script>
<style>
article {
margin-left: 400px;
margin-top: -400px;
}
footer {
width: 100%;
......@@ -18,7 +14,7 @@
position: relative;
background-color: #cccccc;
margin-top: 55px;
top: -100px;
top: -120px;
}
article input {
......@@ -30,11 +26,31 @@
margin-top: 20px;
color: #fff;
}
.details {
margin: 0 auto;
border: 1px solid #000;
width: 80%;
height: 500px;
}
.navbar {
margin-top: 150px;
}
.xx {
margin-top: 40px;
margin-left: 400px;
}
.op {
margin: 1px 0px;
}
</style>
</head>
<body>
<header>
<div class="logo"><img src="img/logo.png"/></div>
<div class="logo"><a href="index.html"><img src="img/logo.png"/></a></div>
<form class="searchform">
<input type="text" name="search" id="search">
<input type="submit" value="搜索" id="button">
......@@ -47,71 +63,58 @@
<a href="#">服装</a>
</form>
</div>
<nav class="op">
<div class="nav">
<img src="img/tag.png"/>
<a href="#">商品分类</a>
</div>
<div class="tag">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">闲置数码</a></li>
<li><a href="#">教材书籍</a></li>
<li><a href="#">运动装备</a></li>
<li><a href="#">鞋服配饰</a></li>
<li><a href="#">日用家居</a></li>
</ul>
</div>
</nav>
</header>
<aside>
<ul>
<li><a href="edit_pwd.html">修改密码</a></li>
<li><a href="edit_contact.html">修改联系方式</a></li>
<li><a href="my_orders.html">我的订单</a></li>
<li><a href="my_product.html">我的商品</a></li>
<li><a href="purchase_history.html">消费记录</a></li>
</ul>
</aside>
<article>
<table id="order">
<tr>
<td>订单号：</td>
<td>12316768</td>
</tr>
<tr>
<td>收货人：</td>
<td>张三</td>
</tr>
<tr>
<td>收货地址：</td>
<td>xx省xx市xx区xx街xx号</td>
</tr>
<tr>
<td>商品：</td>
<td><img src="img/1.jpg" alt="1">
<br>
ipad
</td>
</tr>
<tr>
<td>价格：</td>
<td>￥1300</td>
</tr>
<tr>
<td>运费：</td>
<td>￥1310</td>
</tr>
<tr>
<td>时间：</td>
<td>2022-12-5-11 17:41:00</td>
</tr>
<tr>
<td>状态：</td>
<td>交易成功</td>
</tr>
</table>
</article>
<nav class="op"></nav>
<nav id="font">
<h1 align="center">订单详细</h1>
</nav>
<div class="details">
<article>
<div class="xx">
<table id="order">
<tr>
<td>订单号：</td>
<td>12316768</td>
</tr>
<tr>
<td>收货人：</td>
<td>张三</td>
</tr>
<tr>
<td>收货地址：</td>
<td>xx省xx市xx区xx街xx号</td>
</tr>
<tr>
<td>商品：</td>
<td><img src="img/1.jpg" alt="1">
<br>
ipad
</td>
</tr>
<tr>
<td>价格：</td>
<td>￥1300</td>
</tr>
<tr>
<td>运费：</td>
<td>￥1310</td>
</tr>
<tr>
<td>时间：</td>
<td>2022-12-5-11 17:41:00</td>
</tr>
<tr>
<td>状态：</td>
<td>交易成功</td>
</tr>
<tr>
<td><a href="order_list.html">返回订单列表</a></td>
</tr>
</table>
</div>
</article>
</div>
<footer>
<div class="navbar">
<div class="link">
......@@ -120,11 +123,9 @@
<li><a href="#">网站地图</a></li>
<li><a href="#">联系客服</a></li>
<li><a href="#">版权声明</a></li>
<a class="copyright">版权所有&copy;uuo00_n-team</a>
</ul>
</div>
<div class="copyright">
<p>版权所有&copy;uuo00_n-team</p>
</div>
</div>
</footer>
</body>
......
flea_market/order_list.html
View file @ c9e9f982
......@@ -7,9 +7,12 @@
<script src="js/jquery-3.5.1.js"></script>
<script src="js/jquery-ui.min.js"></script>
<style>
article {
margin-left: 300px;
margin-top: -400px;
#dd {
margin: 0 auto;
width: 850px;
height: 550px;
margin-top: -615px;
margin-left: 400px;
}
footer {
......@@ -18,7 +21,12 @@
position: relative;
background-color: #cccccc;
margin-top: 55px;
top: 0px;
top: -55px;
}
article img {
width: 180px;
height: 200px;
}
article input {
......@@ -34,7 +42,7 @@
</head>
<body>
<header>
<div class="logo"><img src="img/logo.png"/></div>
<div class="logo"><a href="index.html"><img src="img/logo.png"/></a></div>
<form class="searchform">
<input type="text" name="search" id="search">
<input type="submit" value="搜索" id="button">
......@@ -47,76 +55,74 @@
<a href="#">服装</a>
</form>
</div>
<nav class="op">
<div class="nav">
<img src="img/tag.png"/>
<a href="#">商品分类</a>
</div>
<div class="tag">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">闲置数码</a></li>
<li><a href="#">教材书籍</a></li>
<li><a href="#">运动装备</a></li>
<li><a href="#">鞋服配饰</a></li>
<li><a href="#">日用家居</a></li>
</ul>
</div>
</nav>
</header>
<aside>
<ul>
<li><a href="edit_pwd.html">修改密码</a></li>
<li><a href="edit_contact.html">修改联系方式</a></li>
<li><a href="my_orders.html">我的订单</a></li>
<li><a href="my_product.html">我的商品</a></li>
<li><a href="purchase_history.html">消费记录</a></li>
</ul>
</aside>
<article>
<table>
<tr class="table_head">
<th>订单号</th>
<th>商品信息</th>
<th>实付款</th>
<th>时间</th>
<th>状态</th>
<th>操作</th>
</tr>
<tr>
<td>12525355961</td>
<td><img src="img/product1.jpg"><br>山地自行车</td>
<td>$440.45</td>
<td>
2019-04-31 09:22:01
</td>
<td>取消</td>
<td>
<a href="">订单详情</a>
</td>
</tr>
<tr>
<td>12525355961</td>
<td><img src="img/ipad.jpg"><br>iPad</td>
<td>$1300</td>
<td>
2019-04-31 01:52:39
</td>
<td>交易成功</td>
<td>
<a href="">订单详情</a>
</td>
</tr>
<tr>
<td colspan="6" align="right">
<a href="#">第一页</a>
<a href="#">上一页</a>
<a href="#">下一页</a>
<a href="#">末页</a>
</td>
</tr>
</table>
</article>
<nav class="op"></nav>
<div class="splb">
<aside>
<ul>
<li><a href="edit_pwd.html">修改密码</a></li>
<li><a href="edit_contact.html">修改联系方式</a></li>
<li><a href="my_orders.html">我的订单</a></li>
<li><a href="my_product.html">我的商品</a></li>
<li><a href="purchase_history.html">消费记录</a></li>
<li><a href="add_product.html">发布商品</a></li>
<li><a href="edit_product.html">修改商品</a></li>
<li><a href="delete_product.html">删除商品</a></li>
<li><a href="massage_list.html">收件箱</a></li>
<li><a href="add_msg.html">发送留言</a></li>
<li><a href="order_list.html">查询订单</a></li>
</ul>
</aside>
<div id="dd">
<article>
<nav class="neirong">
<h1 align="center">订单列表</h1>
</nav>
<table border="1">
<tr class="table_head">
<th>订单号</th>
<th>商品信息</th>
<th>实付款</th>
<th>时间</th>
<th>状态</th>
<th>操作</th>
</tr>
<tr>
<td>12525355961</td>
<td><img src="img/product1.jpg"><br>山地自行车</td>
<td>$440.45</td>
<td>
2019-04-31 09:22:01
</td>
<td>取消</td>
<td>
<a href="">订单详情</a>
</td>
</tr>
<tr>
<td>12525355961</td>
<td><img src="img/ipad.jpg"><br>iPad</td>
<td>$1300</td>
<td>
2019-04-31 01:52:39
</td>
<td>交易成功</td>
<td>
<a href="order_details.html">订单详情</a>
</td>
</tr>
<tr>
<td colspan="6" align="right">
<a href="#">第一页</a>
<a href="#">上一页</a>
<a href="#">下一页</a>
<a href="#">末页</a>
</td>
</tr>
</table>
</article>
</div>
</div>
<footer>
<div class="navbar">
<div class="link">
......@@ -125,11 +131,9 @@
<li><a href="#">网站地图</a></li>
<li><a href="#">联系客服</a></li>
<li><a href="#">版权声明</a></li>
<a class="copyright">版权所有&copy;uuo00_n-team</a>
</ul>
</div>
<div class="copyright">
<p>版权所有&copy;uuo00_n-team</p>
</div>
</div>
</footer>
</body>
......
flea_market/pay.html
View file @ c9e9f982
......@@ -7,11 +7,6 @@
<script src="js/jquery-3.5.1.js"></script>
<script src="js/jquery-ui.min.js"></script>
<style>
article {
margin-left: 400px;
margin-top: -400px;
}
footer {
width: 100%;
height: 50px;
......@@ -30,11 +25,48 @@
margin-top: 20px;
color: #fff;
}
.dd_hao {
margin: 0 auto;
border: 1px solid #000;
width: 90%;
height: 300px;
margin-bottom: 20px;
}
.zf {
margin: 0 auto;
width: 90%;
height: 300px;
}
.dd_fk {
float: left;
border: 1px solid #000;
width: 48%;
height: 300px;
}
.dd_fk input {
width: 20px;
height: 20px;
}
.dd_zf {
float: right;
border: 1px solid #000;
width: 48%;
height: 300px;
}
.navbar {
margin-top: 150px;
}
</style>
</head>
<body>
<header>
<div class="logo"><img src="img/logo.png"/></div>
<div class="logo"><a href="index.html"><img src="img/logo.png"/></a></div>
<form class="searchform">
<input type="text" name="search" id="search">
<input type="submit" value="搜索" id="button">
......@@ -47,53 +79,51 @@
<a href="#">服装</a>
</form>
</div>
<nav class="op">
<div class="nav">
<img src="img/tag.png"/>
<a href="#">商品分类</a>
</div>
<div class="tag">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">闲置数码</a></li>
<li><a href="#">教材书籍</a></li>
<li><a href="#">运动装备</a></li>
<li><a href="#">鞋服配饰</a></li>
<li><a href="#">日用家居</a></li>
</ul>
</div>
</nav>
</header>
<aside>
<ul>
<li><a href="edit_pwd.html">修改密码</a></li>
<li><a href="edit_contact.html">修改联系方式</a></li>
<li><a href="my_orders.html">我的订单</a></li>
<li><a href="my_product.html">我的商品</a></li>
<li><a href="purchase_history.html">消费记录</a></li>
</ul>
</aside>
<nav class="op"></nav>
<nav id="pay">
<h1 align="center">支付</h1>
</nav>
<article>
<section id="pay_order">
<h3>待支付订单</h3>
订单号：2017010101<br>
共1件商品 应付金额：￥1305（含运费5.00元）
</section>
<section id="pay_type">
<h3>支付方式：</h3>
<input type="radio" name="pay_type1"/>银行卡
<input type="radio" name="pay_type2"/>微信支付
<input type="radio" name="pay_type3"/>支付宝
<input type="radio" name="pay_type4"/>货到付款
</section>
<section id="pay_info">
<h3>支付</h3>
<form action="">
账号：<input type="text" name="account"/><br>
密码：<input type="password" name="pwd"/><br>
<input type="submit" value="确认支付"/>
</form>
<div class="dd_hao">
<h3>待支付订单</h3>
<p>订单号：2017010101</p>
<p>共1件商品 应付金额：￥1305（含运费5.00元）</p>
</div>
</section>
<div class="zf">
<section id="pay_type">
<div class="dd_fk">
<h3>支付方式：</h3>
<input type="radio" name="pay_type"/>&nbsp;银行卡&nbsp;
<input type="radio" name="pay_type"/>&nbsp;微信支付&nbsp;
<input type="radio" name="pay_type"/>&nbsp;支付宝&nbsp;
<input type="radio" name="pay_type"/>&nbsp;货到付款
</div>
</section>
<section id="pay_info">
<div class="dd_zf">
<h3>支付账号</h3>
<form action="order_details.html">
<table>
<tr>
<td>账号:</td>
<td><input type="text" name="account"/></td>
</tr>
<tr>
<td>密码:</td>
<td><input type="password" name="pwd"/></td>
</tr>
</table>
<input type="submit" value="确认支付"/>
<!-- 账号：<input type="text" name="account"/>
密码：<input type="password" name="pwd"/>
<input type="submit" value="确认支付"/> -->
</form>
</div>
</section>
</div>
</article>
<footer>
<div class="navbar">
......@@ -103,11 +133,9 @@
<li><a href="#">网站地图</a></li>
<li><a href="#">联系客服</a></li>
<li><a href="#">版权声明</a></li>
<a class="copyright">版权所有&copy;uuo00_n-team</a>
</ul>
</div>
<div class="copyright">
<p>版权所有&copy;uuo00_n-team</p>
</div>
</div>
</footer>
</body>
......
flea_market/product_detail.html
View file @ c9e9f982
......@@ -8,12 +8,14 @@
<script src="js/jquery-ui.min.js"></script>
<style>
#detail {
margin: 1px auto;
border: 2px solid red;
width: 55%;
width: 60%;
}
img {
width: 100%;
#detail img {
width: 140px;
height: 140px;
}
video {
......@@ -21,10 +23,6 @@
height: 60px;
}
article {
margin-left: 400px;
margin-top: -520px;
}
footer {
width: 100%;
......@@ -47,74 +45,47 @@
</style>
</head>
<body>
<div class="logo"><img src="img/logo.png" alt=""></div>
<form class="searchform">
<input type="text" name="search" id="search">
<input type="submit" value="搜索" id="button">
</form>
<div class="navigation">
<form class="navigation">
<br>
<a href="#">手机</a>&nbsp;&nbsp;|&nbsp;
<a href="#">电脑</a>&nbsp;&nbsp;|&nbsp;
<a href="#">旧书</a>&nbsp;&nbsp;|&nbsp;
<a href="#">服装</a>
<header>
<div class="logo"><a href="index.html"><img src="img/logo.png"/></a></div>
<form class="searchform">
<input type="text" name="search" id="search">
<input type="submit" value="搜索" id="button">
</form>
</div>
<nav class="op">
<div class="nav">
<img src="img/MENU.png" alt="">
<a href="#">商品分类</a>
</div>
<div class="tag">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">闲置数码</a></li>
<li><a href="#">教材书籍</a></li>
<li><a href="#">运动装备</a></li>
<li><a href="#">鞋服配饰</a></li>
<li><a href="#">日用家具</a></li>
</ul>
<div class="navigation">
<form class="navigation"><br>
<a href="#">手机</a>&nbsp;&nbsp;|&nbsp;
<a href="#">电脑</a>&nbsp;&nbsp;|&nbsp;
<a href="#">旧书</a>&nbsp;&nbsp;|&nbsp;
<a href="#">服装</a>
</form>
</div>
</nav>
<aside>
<ul>
<li><a href="edit_pwd.html">修改密码</a></li>
<li><a href="edit_contact.html">修改联系方式</a></li>
<li><a href="my_orders.html">我的订单</a></li>
<li><a href="my_product.html">我的商品</a></li>
<li><a href="putchase_history.html">消费记录</a></li>
</ul>
</aside>
<article><br>
<section id="detail">
<h3>商品信息</h3>
<img src="img/01.jpg" width="500" height="400">
<video controls="controls" width="640" height="360">
<source src="movie/1.mp4"></source>
</video>
<video src="视频文件路径" controls="controls"></video>
<video controls="controls" width="320" height="240">
<source src="img/1.mp4" type="video/ogg"/>
<source src="img/1.mp4" type="video/mp4"/>
</video>
<h1>ipad 4GB 16GB Wi-Fi版</h1>
现价：200元<br>
编号：33313993<br>
<a href="#">立即购买</a>
<h4>产生介绍</h4>
<p>1.沿用风靡百年的经典全棉牛津面料，运用领先的液氮整理技术，
面料的抗折皱性能会更好。延续健康的设计理念，推出免烫，
2.正品，质量优良
3.九成新
</p>
</section>
</header>
<nav class="op"></nav>
<article>
<form action="order.html">
<section id="detail">
<h3>商品信息</h3>
<img src="img/01.jpg" style="width: 100%; height: 30%;">
<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>
<input type="submit" value="立即购买">
</section>
<section id="detail">
<h4>产生介绍</h4>
<p>1.沿用风靡百年的经典全棉牛津面料，运用领先的液氮整理技术，
面料的抗折皱性能会更好。延续健康的设计理念，推出免烫，
</p>
<p>2.正品，质量优良</p>
<p>3.九成新</p>
<video controls="controls" style="width: 640px; height: 360px;">
<source src="img/1.mp4"></source>
</video>
</section>
</form>
</article>
<footer>
<div class="navbar">
......@@ -124,11 +95,9 @@
<li><a href="#">网站地图</a></li>
<li><a href="#">联系客服</a></li>
<li><a href="#">版权声明</a></li>
<a class="copyright">版权所有&copy;uuo00_n-team</a>
</ul>
</div>
<div class="copyright">
<p>版权所有&copy;uuo00_n-team</p>
</div>
</div>
</footer>
</body>
......
flea_market/product_list.html
View file @ c9e9f982
......@@ -18,7 +18,7 @@
position: relative;
background-color: #cccccc;
margin-top: 55px;
top: 0px;
top: -55px;
}
article input {
......@@ -30,11 +30,25 @@
margin-top: 20px;
color: #fff;
}
ul {
list-style-type: circle;
}
ul li {
display: inline-block;
}
.fy {
position: relative;
left: 700px;
top: 100px;
}
</style>
</head>
<body>
<header>
<div class="logo"><img src="img/logo.png"/></div>
<div class="logo"><a href="index.html"><img src="img/logo.png"/></a></div>
<form class="searchform">
<input type="text" name="search" id="search">
<input type="submit" value="搜索" id="button">
......@@ -47,60 +61,73 @@
<a href="#">服装</a>
</form>
</div>
<nav class="op">
<div class="nav">
<img src="img/tag.png"/>
<a href="#">商品分类</a>
</div>
<div class="tag">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">闲置数码</a></li>
<li><a href="#">教材书籍</a></li>
<li><a href="#">运动装备</a></li>
<li><a href="#">鞋服配饰</a></li>
<li><a href="#">日用家居</a></li>
</ul>
</div>
</nav>
</header>
<aside>
<ul>
<li><a href="edit_pwd.html">修改密码</a></li>
<li><a href="edit_contact.html">修改联系方式</a></li>
<li><a href="my_orders.html">我的订单</a></li>
<li><a href="my_product.html">我的商品</a></li>
<li><a href="purchase_history.html">消费记录</a></li>
</ul>
</aside>
<article>
<select>
类别：
<option>电子</option>
<option>交通</option>
<option>生活</option>
</select>
<section>
<nav class="op"></nav>
<div class="splb">
<aside>
<ul>
<li class="item">
<img src="img/01.jpg">
<p>Macbook</p>
<p>￥6556.00</p>
</li>
<li class="item">
<a href="#"><img src="img/02.jpg"></a>
<div class="title"><a href="#">Macbook</a></div>
<div class="price">￥6556.00</div>
</li>
<li><a href="edit_pwd.html">修改密码</a></li>
<li><a href="edit_contact.html">修改联系方式</a></li>
<li><a href="my_orders.html">我的订单</a></li>
<li><a href="my_product.html">我的商品</a></li>
<li><a href="purchase_history.html">消费记录</a></li>
<li><a href="add_product.html">发布商品</a></li>
<li><a href="edit_product.html">修改商品</a></li>
<li><a href="delete_product.html">删除商品</a></li>
<li><a href="massage_list.html">收件箱</a></li>
<li><a href="add_msg.html">发送留言</a></li>
<li><a href="order_list.html">查询订单</a></li>
</ul>
</section>
<section>
<a href="#">第一页</a>
<a href="#">上一页</a>
<a href="#">下一页</a>
<a href="#">末页</a>
</section>
</article>
</aside>
<article>
<select>
类别：
<option>电子</option>
<option>交通</option>
<option>生活</option>
</select>
<section>
<ul>
<li class="item">
<img src="img/01.jpg">
<div class="title"><a href="#">Macbook</a></div>
<div class="price">￥6556.00</div>
</li>
<li class="item">
<a href="#"><img src="img/02.jpg"></a>
<div class="title"><a href="#">Macbook</a></div>
<div class="price">￥6556.00</div>
</li>
<li class="item">
<a href="#"><img src="img/02.jpg"></a>
<div class="title"><a href="#">Macbook</a></div>
<div class="price">￥6556.00</div>
</li>
<li class="item">
<a href="#"><img src="img/02.jpg"></a>
<div class="title"><a href="#">Macbook</a></div>
<div class="price">￥6556.00</div>
</li>
<li class="item">
<a href="#"><img src="img/02.jpg"></a>
<div class="title"><a href="#">Macbook</a></div>
<div class="price">￥6556.00</div>
</li>
<li class="item">
<a href="#"><img src="img/02.jpg"></a>
<div class="title"><a href="#">Macbook</a></div>
<div class="price">￥6556.00</div>
</li>
</ul>
</section>
<section class="fy">
<a href="#">第一页</a>
<a href="#">上一页</a>
<a href="#">下一页</a>
<a href="#">末页</a>
</section>
</article>
</div>
<footer>
<div class="navbar">
<div class="link">
......
flea_market/product_search.html
View file @ c9e9f982
......@@ -3,13 +3,43 @@
<head>
<meta charset="UTF-8">
<title>搜索商品</title>
<link rel="stylesheet" href="css/main.css">
<style>
* {
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<header>
<form>
<input name="search">
<input type="button" value="搜索">
<div class="logo"><a href="index.html"><img src="img/logo.png"/></a></div>
<form class="searchform">
<input type="text" name="search" id="search">
<input type="submit" value="搜索" id="button">
</form>
<div class="navigation">
<form class="navigation"><br>
<a href="#">手机</a>&nbsp;&nbsp;|&nbsp;
<a href="#">电脑</a>&nbsp;&nbsp;|&nbsp;
<a href="#">旧书</a>&nbsp;&nbsp;|&nbsp;
<a href="#">服装</a>
</form>
</div>
</header>
<a href="product_detail.html">关键字搜索:</a>
<footer>
<div class="navbar">
<div class="link">
<ul>
<li><a href="#">关于我们</a></li>
<li><a href="#">网站地图</a></li>
<li><a href="#">联系客服</a></li>
<li><a href="#">版权声明</a></li>
<a class="copyright">版权所有&copy;uuo00_n-team</a>
</ul>
</div>
</div>
</footer>
</body>
</html>
\ No newline at end of file
flea_market/purchase_history.html
View file @ c9e9f982
......@@ -18,7 +18,7 @@
position: relative;
background-color: #cccccc;
margin-top: 55px;
top: 190px;
top: -60px;
}
article input {
......@@ -30,11 +30,18 @@
margin-top: 20px;
color: #fff;
}
.history_ys {
position: relative;
border: 2px dashed #c40000;
left: 15%;
top: -564px;
}
</style>
</head>
<body>
<header>
<div class="logo"><img src="img/logo.png"/></div>
<div class="logo"><a href="index.html"><img src="img/logo.png"/></a></div>
<form class="searchform">
<input type="text" name="search" id="search">
<input type="submit" value="搜索" id="button">
......@@ -47,65 +54,63 @@
<a href="#">服装</a>
</form>
</div>
<nav class="op">
<div class="nav">
<img src="img/tag.png"/>
<a href="#">商品分类</a>
</div>
<div class="tag">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">闲置数码</a></li>
<li><a href="#">教材书籍</a></li>
<li><a href="#">运动装备</a></li>
<li><a href="#">鞋服配饰</a></li>
<li><a href="#">日用家居</a></li>
</ul>
</div>
</nav>
</header>
<aside>
<ul>
<li><a href="edit_pwd.html">修改密码</a></li>
<li><a href="edit_contact.html">修改联系方式</a></li>
<li><a href="my_orders.html">我的订单</a></li>
<li><a href="my_product.html">我的商品</a></li>
<li><a href="purchase_history.html">消费记录</a></li>
</ul>
</aside>
<article>
<table border="1">
<tr>
<th>订单号</th>
<th>商品信息</th>
<th>实付款</th>
<th>时间</th>
<th>状态</th>
<th>操作</th>
</tr>
<tr>
<td>33276842401</td>
<td>
《C语言程序设计》
</td>
<td>$55.20</td>
<td>2019-3-30 00:07:22</td>
<td>交易成功</td>
<td>
<a href="">商品详情</a>
<a href="">删除</a>
</td>
</tr>
<tr align="right">
<td colspan="6">
<a href="#">第一页</a>
<a href="#">上一页</a>
<a href="#">下一页</a>
<a href="#">末页</a>
</td>
</tr>
</table>
</article>
<nav class="op"></nav>
<div class="splb">
<aside>
<ul>
<li><a href="edit_pwd.html">修改密码</a></li>
<li><a href="edit_contact.html">修改联系方式</a></li>
<li><a href="my_orders.html">我的订单</a></li>
<li><a href="my_product.html">我的商品</a></li>
<li><a href="purchase_history.html">消费记录</a></li>
<li><a href="add_product.html">发布商品</a></li>
<li><a href="edit_product.html">修改商品</a></li>
<li><a href="delete_product.html">删除商品</a></li>
<li><a href="massage_list.html">收件箱</a></li>
<li><a href="add_msg.html">发送留言</a></li>
<li><a href="order_list.html">查询订单</a></li>
</ul>
</aside>
<div class="history_ys">
消费记录
</div>
<article>
<div class="history">
<table border="1">
<tr>
<th>订单号</th>
<th>商品信息</th>
<th>实付款</th>
<th>时间</th>
<th>状态</th>
<th>操作</th>
</tr>
<tr>
<td>33276842401</td>
<td>
《C语言程序设计》
</td>
<td>$55.20</td>
<td>2019-3-30 00:07:22</td>
<td>交易成功</td>
<td>
<a href="">商品详情</a>
<a href="">删除</a>
</td>
</tr>
<tr align="right">
<td colspan="6">
<a href="#">第一页</a>
<a href="#">上一页</a>
<a href="#">下一页</a>
<a href="#">末页</a>
</td>
</tr>
</table>
</div>
</article>
</div>
<footer>
<div class="navbar">
<div class="link">
......@@ -114,11 +119,9 @@
<li><a href="#">网站地图</a></li>
<li><a href="#">联系客服</a></li>
<li><a href="#">版权声明</a></li>
<a class="copyright">版权所有&copy;uuo00_n-team</a>
</ul>
</div>
<div class="copyright">
<p>版权所有&copy;uuo00_n-team</p>
</div>
</div>
</footer>
</body>
......
flea_market/register.html
View file @ c9e9f982
......@@ -7,9 +7,23 @@
<script src="js/jquery-3.5.1.js"></script>
<script src="js/jquery-ui.min.js"></script>
<style>
.a {
background-color: #fff;
}
article {
margin-left: 400px;
margin-top: 25px;
/* margin-left: 400px;
margin-top: 25px; */
margin: 0 auto;
width: 800px;
border: 1px solid #000;
text-align: center;
position: relative;
top: -60px;
}
article table {
margin: 0 auto;
}
footer {
......@@ -30,11 +44,16 @@
margin-top: 20px;
color: #fff;
}
#toubu {
position: relative;
left: 20px;
}
</style>
</head>
<body>
<header>
<div class="logo"><img src="img/logo.png"/></div>
<div class="logo"><a href="index.html"><img src="img/logo.png"/></a></div>
<form class="searchform">
<input type="text" name="search" id="search">
<input type="submit" value="搜索" id="button">
......@@ -47,37 +66,47 @@
<a href="#">服装</a>
</form>
</div>
<nav class="op">
<div class="nav">
<img src="img/tag.png"/>
<a href="#">商品分类</a>
</div>
<div class="tag">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">闲置数码</a></li>
<li><a href="#">教材书籍</a></li>
<li><a href="#">运动装备</a></li>
<li><a href="#">鞋服配饰</a></li>
<li><a href="#">日用家居</a></li>
</ul>
</div>
</nav>
</header>
<article>
<h2>登录</h2>
<form action="index.html" method="get">
账号：<input name="account" required="required" type="text"/><br>
密码：<input name="pwd" type="password"/><br>
确认密码：<input name="pwd" type="password"/><br>
寝室：<input name="room" type="text"/><br>
电话：<input name="telephone" type="text"/><br>
头像：<input name="picture" type="file"/><br>
<input type="submit" value="注册"/>
<input type="reset" value="取消"/>
</form>
<div class="bg_zt">
<h2 id="toubu">注册</h2>
<div class="bg">
<form action="index.html" method="get">
<table class="bg_zhucexinxi">
<tr>
<td>账号:</td>
<td><input name="account" required="required" type="text"/></td>
</tr>
<tr>
<td>密码:</td>
<td><input name="pwd" type="password"/></td>
</tr>
<tr>
<td>确认密码:</td>
<td><input name="pwd" type="password"/></td>
</tr>
<tr>
<td>寝室:</td>
<td><input name="room" type="text"/></td>
</tr>
<tr>
<td>电话:</td>
<td><input name="telephone" type="text"/></td>
</tr>
<tr>
<td>头像:</td>
<td><input name="picture" type="file"/></td>
</tr>
<tr>
<td><input type="submit" value="注册"/></td>
<td><input type="reset" value="取消"/></td>
</tr>
</table>
</form>
</div>
</div>
</article>
<footer>
<footer class="awa">
<div class="navbar">
<div class="link">
<ul>
......@@ -85,11 +114,9 @@
<li><a href="#">网站地图</a></li>
<li><a href="#">联系客服</a></li>
<li><a href="#">版权声明</a></li>
<a class="copyright">版权所有&copy;uuo00_n-team</a>
</ul>
</div>
<div class="copyright">
<p>版权所有&copy;uuo00_n-team</p>
</div>
</div>
</footer>
</body>
......
flea_market/sys_manage.html
View file @ c9e9f982
......@@ -36,7 +36,7 @@
</head>
<body>
<header>
<div class="logo"><img src="img/logo.png"/></div>
<div class="logo"><a href="index.html"><img src="img/logo.png"/></a></div>
<form class="searchform">
<input type="text" name="search" id="search">
<input type="submit" value="搜索" id="button">
......
flea_market/tag_manage.html
View file @ c9e9f982
......@@ -6,7 +6,7 @@
<link rel="stylesheet" type="text/css" href="css/main.css">
<style>
article {
margin-left: 400px;
margin-left: 550px;
margin-top: -550px;
}
......@@ -28,11 +28,15 @@
margin-top: 20px;
color: #fff;
}
.navbar {
margin-top: 180px;
}
</style>
</head>
<body>
<header>
<div class="logo"><img src="img/logo.png" alt=""></div>
<div class="logo"><a href="index.html"><img src="img/logo.png"/></a></div>
<form class="searchform">
<input type="text" name="search" id="search">
<input type="submit" value="搜索" id="button">
......@@ -46,42 +50,19 @@
<a href="#">服装</a>
</form>
</div>
<nav class="op">
<div class="nav">
<img src="img/MENU.png" alt="">
<a href="#">商品分类</a>
</div>
<div class="tag">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">闲置数码</a></li>
<li><a href="#">教材书籍</a></li>
<li><a href="#">运动装备</a></li>
<li><a href="#">鞋服配饰</a></li>
<li><a href="#">日用家具</a></li>
</ul>
</div>
</nav>
<nav class="op"></nav>
</header>
<aside>
<ul>
<li><a href="edit_pwd.html">修改密码</a></li>
<li><a href="edit_contact.html">修改联系方式</a></li>
<li><a href="my_orders.html">我的订单</a></li>
<li><a href="my_product.html">我的商品</a></li>
<li><a href="putchase_history.html">消费记录</a></li>
</ul>
</aside>
<article>
<nav>
<h4>系统管理</h4>
<ul>
<li><a href="usermanager.html">用户管理</a></li>
<li><a href="goodsmanage.html">商品审核</a></li>
<li><a href="tag_manage.html">分类管理</a></li>
<li><a href="config.html">配置管理</a></li>
<li><a href="config_manage.html">配置管理</a></li>
</ul>
</nav>
</aside>
<article>
<h3>分类管理</h3>
<div><a href="tagadd.html">新增分类</a></div>
<table>
......@@ -146,11 +127,9 @@
<li><a href="#">网站地图</a></li>
<li><a href="#">联系客服</a></li>
<li><a href="#">版权声明</a></li>
<a class="copyright">版权所有&copy;uuo00_n-team</a>
</ul>
</div>
<div class="copyright">
<div id="copyright">版权所有&copy;uuo00_n-team</div>
</div>
</div>
</footer>
</body>
......
flea_market/tagadd.html
View file @ c9e9f982
......@@ -8,8 +8,8 @@
<script src="js/jquery-ui.min.js"></script>
<style>
article {
margin-left: 400px;
margin-top: -400px;
margin-left: 450px;
margin-top: -500px;
}
footer {
......@@ -30,11 +30,15 @@
margin-top: 20px;
color: #fff;
}
.navbar {
margin-top: 130px;
}
</style>
</head>
<body>
<header>
<div class="logo"><img src="img/logo.png"/></div>
<div class="logo"><a href="index.html"><img src="img/logo.png"/></a></div>
<form class="searchform">
<input type="text" name="search" id="search">
<input type="submit" value="搜索" id="button">
......@@ -47,22 +51,7 @@
<a href="#">服装</a>
</form>
</div>
<nav class="op">
<div class="nav">
<img src="img/tag.png"/>
<a href="#">商品分类</a>
</div>
<div class="tag">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">闲置数码</a></li>
<li><a href="#">教材书籍</a></li>
<li><a href="#">运动装备</a></li>
<li><a href="#">鞋服配饰</a></li>
<li><a href="#">日用家居</a></li>
</ul>
</div>
</nav>
<nav class="op"></nav>
</header>
<aside>
<ul>
......@@ -99,11 +88,9 @@
<li><a href="#">网站地图</a></li>
<li><a href="#">联系客服</a></li>
<li><a href="#">版权声明</a></li>
<a class="copyright">版权所有&copy;uuo00_n-team</a>
</ul>
</div>
<div class="copyright">
<div id="copyright">版权所有&copy;uuo00_n-team</div>
</div>
</div>
</footer>
</body>
......
flea_market/user_center.html
View file @ c9e9f982
......@@ -34,7 +34,7 @@
</head>
<body>
<header>
<div class="logo"><img src="img/logo.png" alt=""></div>
<div class="logo"><a href="index.html"><img src="img/logo.png"/></a></div>
<form class="searchform">
<input type="text" name="search" id="search">
<input type="submit" value="搜索" id="button">
......@@ -86,7 +86,7 @@
<li><a href="#">联系客服</a>&nbsp;&nbsp;|&nbsp;</li>
<li><a href="#">版权声明</a></li>
</ul>
<div>版权所有$copy;XXX 公司</div>
<a class="copyright">版权所有&copy;uuo00_n-team</a>
</div>
</div>
</footer>
......
flea_market/usermanager.html
View file @ c9e9f982
......@@ -10,8 +10,8 @@
<script src="js/jquery-ui.min.js"></script>
<style>
article {
margin-left: 400px;
margin-top: -460px;
margin-left: 600px;
margin-top: -550px;
}
footer {
......@@ -32,52 +32,46 @@
margin-top: 20px;
color: #fff;
}
.op {
width: 1800px;
}
.navbar {
margin-top: 150px;
}
</style>
</head>
<body>
<header>
<div class="logo"><img src="img/logo.png" alt=""></div>
<form class="searchform">
<div class="logo"><a href="index.html"><img src="img/logo.png"/></a></div>
<form class="searchform" action="product_search.html">
<input type="text" name="search" id="search">
<input type="submit" value="搜索" id="button">
</form>
<div class="navigation">
<form class="navigation">
<br>
<a href="#">手机</a>&nbsp;&nbsp;|&nbsp;
<a href="#">电脑</a>&nbsp;&nbsp;|&nbsp;
<a href="#">旧书</a>&nbsp;&nbsp;|&nbsp;
<form class="navigation"><br>
<a href="#">手机</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="#">电脑</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="#">旧书</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="#">服装</a>
</form>
</div>
<nav class="op">
<div class="nav">
<img src="img/MENU.png" alt="">
<a href="#">商品分类</a>
</div>
<div class="tag">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">闲置数码</a></li>
<li><a href="#">教材书籍</a></li>
<li><a href="#">运动装备</a></li>
<li><a href="#">鞋服配饰</a></li>
<li><a href="#">日用家具</a></li>
</ul>
</div>
</nav>
<nav class="op"></nav>
</header>
<aside>
<ul>
<li><a href="edit_pwd.html">修改密码</a></li>
<li><a href="edit_contact.html">修改联系方式</a></li>
<li><a href="my_orders.html">我的订单</a></li>
<li><a href="my_product.html">我的商品</a></li>
<li><a href="putchase_history.html">消费记录</a></li>
</ul>
<nav>
<ul>
<li><a href="usermanager.html">用户管理</a></li>
<li><a href="goodsmanage.html">商品审核</a></li>
<li><a href="tag_manage.html">分类管理</a></li>
<li><a href="config_manage.html">配置管理</a></li>
</ul>
</nav>
</aside>
<article>
<h3>用户管理</h3>
<h2>用户管理</h2>
<div>
<form action="#" method="post">
<input type="text" name="search">
......@@ -134,6 +128,7 @@
</tr>
</table>
</article>
<footer>
<div class="navbar">
<div class="link">
......@@ -142,11 +137,9 @@
<li><a href="#">网站地图</a></li>
<li><a href="#">联系客服</a></li>
<li><a href="#">版权声明</a></li>
<a class="copyright">版权所有&copy;uuo00_n-team</a>
</ul>
</div>
<div class="copyright">
<div id="copyright">版权所有&copy;uuo00_n-team</div>
</div>
</div>
</footer>
</body>
......
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