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