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
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 @@ ...@@ -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">
<ul> </nav>
<li><a href="edit_pwd.html">修改密码</a></li> <div class="splb">
<li><a href="edit_contact.html">修改联系方式</a></li> <aside>
<li><a href="my_orders.html">我的订单</a></li> <ul>
<li><a href="my_product.html">我的商品</a></li> <li><a href="edit_pwd.html">修改密码</a></li>
<li><a href="purchase_history.html">消费记录</a></li> <li><a href="edit_contact.html">修改联系方式</a></li>
</ul> <li><a href="my_orders.html">我的订单</a></li>
</aside> <li><a href="my_product.html">我的商品</a></li>
<article> <li><a href="purchase_history.html">消费记录</a></li>
<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>
</ul> <li><a href="delete_product.html">删除商品</a></li>
<form action="#" method="get"> <li><a href="massage_list.html">收件箱</a></li>
商品名称:<input type="text" name="name"><br> <li><a href="add_msg.html">发送留言</a></li>
价格：<input type="text" name="price"><br> <li><a href="order_list.html">查询订单</a></li>
描述信息：<textarea cols="30" rows="5" name="description"></textarea><br> </ul>
图片：<input type="file" name="picture"><br> </aside>
视频：<input type="file" name="video"><br> <article>
<input type="submit" value="发布商品"> <div class="product">
<input type="reset" value="取消"> <form action="#" method="get">
</form> <table>
</article> <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> <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;
} }
...@@ -250,4 +258,10 @@ table td a { ...@@ -250,4 +258,10 @@ table td a {
font-family: "微软雅黑"; font-family: "微软雅黑";
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,65 +53,58 @@ ...@@ -47,65 +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>
<ul> <div class="splb">
<li><a href="edit_pwd.html">修改密码</a></li> <aside>
<li><a href="edit_contact.html">修改联系方式</a></li> <ul>
<li><a href="my_orders.html">我的订单</a></li> <li><a href="edit_pwd.html">修改密码</a></li>
<li><a href="my_product.html">我的商品</a></li> <li><a href="edit_contact.html">修改联系方式</a></li>
<li><a href="purchase_history.html">消费记录</a></li> <li><a href="my_orders.html">我的订单</a></li>
</ul> <li><a href="my_product.html">我的商品</a></li>
</aside> <li><a href="purchase_history.html">消费记录</a></li>
<article> <li><a href="add_product.html">发布商品</a></li>
<table border="1"> <li><a href="edit_product.html">修改商品</a></li>
<tr> <li><a href="delete_product.html">删除商品</a></li>
<th><input type="checkbox">全部</th> <li><a href="massage_list.html">收件箱</a></li>
<th>序号</th> <li><a href="add_msg.html">发送留言</a></li>
<th>商品信息</th> <li><a href="order_list.html">查询订单</a></li>
<th>实付款</th> </ul>
<th>发布时间</th> </aside>
<th>状态</th> <article>
<th>操作</th> <table border="1">
</tr> <tr>
<tr> <th><input type="checkbox">全部</th>
<td align="center">1</td> <th>序号</th>
<td>1236448668</td> <th>商品信息</th>
<td><img src="img/1.jpg" width="150px" height="150px"><br>iPad</td> <th>实付款</th>
<td>$199</td> <th>发布时间</th>
<td>2022-6-2 01:52:39</td> <th>状态</th>
<td>上架</td> <th>操作</th>
<td> </tr>
<a href="#">商品详情</a> <tr>
<a href="#">删除</a> <td><input type="checkbox"></td>
</td> <td>1236448668</td>
</tr> <td><img src="img/1.jpg" width="150px" height="150px"><br>iPad</td>
<tr align="right"> <td>$199</td>
<td colspan="6"> <td>2022-6-2 01:52:39</td>
<a href="#">第一页</a> <td>上架</td>
<a href="#">上一页</a> <td>
<a href="#">下一页</a> <a href="#">商品详情</a>
<a href="#">末页</a> <a href="#">删除</a>
</td> </td>
</tr> </tr>
</table> <tr align="right">
</article> <td colspan="6">
<a href="#">第一页</a>
<a href="#">上一页</a>
<a href="#">下一页</a>
<a href="#">末页</a>
</td>
</tr>
</table>
</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,54 +60,70 @@ ...@@ -47,54 +60,70 @@
<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> <div class="splb">
<li><a href="edit_pwd.html">修改密码</a></li> <aside>
<li><a href="edit_contact.html">修改联系方式</a></li> <ul>
<li><a href="my_orders.html">我的订单</a></li> <li><a href="edit_pwd.html">修改密码</a></li>
<li><a href="my_product.html">我的商品</a></li> <li><a href="edit_contact.html">修改联系方式</a></li>
<li><a href="purchase_history.html">消费记录</a></li> <li><a href="my_orders.html">我的订单</a></li>
</ul> <li><a href="my_product.html">我的商品</a></li>
</aside> <li><a href="purchase_history.html">消费记录</a></li>
<article> <li><a href="add_product.html">发布商品</a></li>
<form action="#" method="post"> <li><a href="edit_product.html">修改商品</a></li>
姓名：<input name="name" type="text"/><br/> <li><a href="delete_product.html">删除商品</a></li>
寝室：<input name="room" type="text"/><br/> <li><a href="massage_list.html">收件箱</a></li>
电话：<input name="telephone" type="text"/><br/> <li><a href="add_msg.html">发送留言</a></li>
头像：<input name="picture" type="file"/><br/> <li><a href="order_list.html">查询订单</a></li>
<input type="submit" value="修改"/> </ul>
<input type="reset" value="取消"/> </aside>
</form> <div class="contact_ys">
</article> 修改联系方式
</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> <footer>
<div class="navbar"> <div class="navbar">
<div class="link"> <div class="link">
<ul> <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>
<li><a href="#">版权声明</a></li> <li><a href="#">版权声明</a></li>
</ul> <a class="copyright">版权所有&copy;uuo00_n-team</a>
</div> </ul>
<div class="copyright">
<p>版权所有&copy;uuo00_n-team</p>
</div> </div>
</div> </div>
</footer> </footer>
......
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">
<ul> <aside>
<li><a href="edit_pwd.html">修改密码</a></li> <ul>
<li><a href="edit_contact.html">修改联系方式</a></li> <li><a href="edit_pwd.html">修改密码</a></li>
<li><a href="my_orders.html">我的订单</a></li> <li><a href="edit_contact.html">修改联系方式</a></li>
<li><a href="my_product.html">我的商品</a></li> <li><a href="my_orders.html">我的订单</a></li>
<li><a href="purchase_history.html">消费记录</a></li> <li><a href="my_product.html">我的商品</a></li>
</ul> <li><a href="purchase_history.html">消费记录</a></li>
</aside> <li><a href="add_product.html">发布商品</a></li>
<article> <li><a href="edit_product.html">修改商品</a></li>
<ul> <li><a href="delete_product.html">删除商品</a></li>
<li><a href="add_product.html">发布商品</a></li> <li><a href="massage_list.html">收件箱</a></li>
<li><a href="edit_product.html">修改商品</a></li> <li><a href="add_msg.html">发送留言</a></li>
</ul> <li><a href="order_list.html">查询订单</a></li>
<form action="#" method="get"> </ul>
商品名称:<input type="text" name="name" value="ipad"><br> </aside>
价格：<input type="text" name="price" value="￥1300.00"><br> <article>
描述信息：<textarea cols="30" rows="5" name="description">XXX商品描述</textarea><br> <div class="product">
图片：<input type="file" name="picture"><br> <form action="#" method="get">
视频：<input type="file" name="video"><br> <table>
<input type="submit" value="修改商品"> <tr>
<input type="reset" value="取消"> <td>商品名称:</td>
</form> <td><input type="text" name="name" value="ipad"></td>
</article> </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> <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">
<ul> <aside>
<li><a href="edit_pwd.html">修改密码</a></li> <ul>
<li><a href="edit_contact.html">修改联系方式</a></li> <li><a href="edit_pwd.html">修改密码</a></li>
<li><a href="my_orders.html">我的订单</a></li> <li><a href="edit_contact.html">修改联系方式</a></li>
<li><a href="my_product.html">我的商品</a></li> <li><a href="my_orders.html">我的订单</a></li>
<li><a href="purchase_history.html">消费记录</a></li> <li><a href="my_product.html">我的商品</a></li>
</ul> <li><a href="purchase_history.html">消费记录</a></li>
</aside> <li><a href="add_product.html">发布商品</a></li>
<article> <li><a href="edit_product.html">修改商品</a></li>
<form action="#" method="post"> <li><a href="delete_product.html">删除商品</a></li>
原始密码：<input name="pwd" type="password"/><br/> <li><a href="massage_list.html">收件箱</a></li>
新密码：<input name="pwd" type="password"/><br/> <li><a href="add_msg.html">发送留言</a></li>
确认新密码：<input name="pwd" type="password"/><br/> <li><a href="order_list.html">查询订单</a></li>
<input type="submit" value="修改"/> </ul>
<input type="reset" value="取消"/> </aside>
</form> <div class="pwd_ys">
</article> 修改密码
</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> <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
...@@ -5,8 +5,8 @@ ...@@ -5,8 +5,8 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>首页</title> <title>首页</title>
<script src="js/jquery-ui.min.js"></script> <script src="jquery-1.11.2.min.js"></script>
<script src="js/jquery-3.5.1.js"></script> <link rel="stylesheet" type="text/css" href="css/main.css">
<style> <style>
article { article {
margin-left: 400px; margin-left: 400px;
...@@ -24,61 +24,83 @@ ...@@ -24,61 +24,83 @@
article input { article input {
margin: 10px 0px; margin: 10px 0px;
} }
footer .link div { footer .link div {
float: right; float: right;
margin-top: 20px; margin-top: 20px;
color: #fff; color: #fff;
} }
.index { .index {
width: 800px; width: 800px;
position: relative; position: relative;
left: -30px; left: -30px;
top: -30px; top: -20px;
} }
.index img { .index img {
margin-left: 450px; margin-left: 440px;
margin-top: -550px; margin-top: -580px;
width: 550px; width: 620px;
height: 450px; height: 460px;
} }
hr { hr {
margin-left: 0px; margin-left: 0px;
width: 300px; width: 300px;
} }
.tags {
width: 1070px; .fenlei {
height: 700px; left: 50px;
background-color: #fef9f4;
position: relative; position: relative;
left: 100px;
top: 0;
} }
.link {
position: relative;
top: 100px
}
.user { .user {
width: 200px; width: 200px;
height: 100%; height: 100%;
position: relative; position: relative;
left: 1100px; left: 1050px;
top: -520px; top: -200px;
} }
.tags {
width: 1370px;
height: 700px;
background-color: #fef9f4;
position: relative;
left: 100px;
top: 0px;
}
.user form { .user form {
width: 200px; width: 200px;
height: 200px; height: 200px;
background-color: #fef9f4; /* background-color: #fef9f4; */
} }
.user form input { .user form input {
/* /* width: 200px; */ /* /* width: 200px; */
margin-top: 20px; margin-top: 20px;
} }
.account { .account {
position: relative; position: relative;
left: 20px; left: 30px;
top: 70px; top: 70px;
} }
.account input { .account input {
border: none; border: none;
border-bottom: 1px #e6e6e6 solid; border-bottom: 1px #e6e6e6 solid;
/* background-color: #fef9f4; */ /* background-color: #fef9f4; */
} }
#login { #login {
width: 80px; width: 80px;
height: 40px; height: 40px;
...@@ -88,6 +110,7 @@ ...@@ -88,6 +110,7 @@
font-family: "time new roman"; font-family: "time new roman";
border: 1px #dd2727 solid; border: 1px #dd2727 solid;
} }
.button { .button {
/* padding-left: 30px; */ /* padding-left: 30px; */
/* display: inline; */ /* display: inline; */
...@@ -105,6 +128,13 @@ ...@@ -105,6 +128,13 @@
padding-top: 5px; padding-top: 5px;
margin-right: 39.9px; margin-right: 39.9px;
} }
.sy {
width: 1370px;
height: 460px;
background-color: #fef9f4;
}
.tit { .tit {
vertical-align: middle; vertical-align: middle;
width: 30px; width: 30px;
...@@ -112,22 +142,34 @@ ...@@ -112,22 +142,34 @@
} }
.navss { .navss {
width: 800px; position: relative;
background-color: blue; left: 20px;
top: 10px;
width: 370px;
/* background-color: blue; */
} }
.picture img {
position: relative;
left: 20px;
}
.op { .op {
width: 1800px; width: 1800px;
} }
.link { .link {
width: 200px; width: 220px;
height: 50%; height: 50%;
} }
.link .item h3 {
.link .item h2 {
height: 25px; height: 25px;
padding-left: 25px; padding-left: 25px;
} }
.link .item h3 a { .link .item h2 a {
color: #444241; color: #444241;
} }
...@@ -139,43 +181,44 @@ ...@@ -139,43 +181,44 @@
.link .item p a { .link .item p a {
font-style: 12px; font-style: 12px;
position: relative; position: relative;
top: -10px; top: -10px;
color: #444241; color: #444241;
} }
.goods:first-child { .goods:first-child {
position: relative; position: relative;
left: 220px; left: 350px;
top: -400px; top: -400px;
} }
.goods:nth-child(2) { .goods:nth-child(2) {
position: relative; position: relative;
left: 220px; left: 350px;
top: -400px; top: -400px;
} }
.goods:nth-child(3) { .goods:nth-child(3) {
position: relative; position: relative;
left: 400px; left: 700px;
top: -810px; top: -810px;
} }
.goods:nth-child(4) { .goods:nth-child(4) {
position: relative; position: relative;
left: 400px; left: 700px;
top: -810px; top: -810px;
} }
.goods:nth-child(5) { .goods:nth-child(5) {
position: relative; position: relative;
left: 590px; left: 1000px;
top: -1220px; top: -1220px;
} }
.goods:nth-child(6) { .goods:nth-child(6) {
position: relative; position: relative;
left: 590px; left: 1000px;
top: -1220px; top: -1220px;
} }
...@@ -189,113 +232,131 @@ ...@@ -189,113 +232,131 @@
width: 160px; width: 160px;
height: 160px; height: 160px;
} }
.title { .title {
padding-left: 20px; padding-left: 20px;
} }
.price { .price {
padding-left: 50px; padding-left: 50px;
} }
</style> </style>
<link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="main.css">
</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>
<input type="text" name="search" id="search"> <form class="searchform" action="product_search.html">
<input type="submit" value="搜索" id="button"> <input type="text" name="search" id="search">
</form> <input type="submit" value="搜索" id="button">
<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> </form>
</div> <div class="navigation">
<nav class="op"> <form class="navigation"><br>
<div class="nav"> <a href="#">手机</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<img src="img/MENU.png" alt=""> <a href="#">电脑</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="#">商品分类</a> <a href="#">旧书</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="#">服装</a>
</form>
</div> </div>
<div class="tag"> <nav class="op">
<ul> <div class="nav">
<li><a href="#">首页</a></li> <img src="img/tag.png"/>
<li><a href="#">闲置数码</a></li> <a href="product_list.html">&nbsp;商品分类</a>
<li><a href="#">教材书籍</a></li> </div>
<li><a href="#">运动装备</a></li> <div class="tag">
<li><a href="#">鞋服配饰</a></li> <ul>
<li><a href="#">日用家具</a></li> <li><a href="index.html">首页</a></li>
</ul> <li><a href="#">闲置数码</a></li>
</div> <li><a href="#">教材书籍</a></li>
</nav> <li><a href="#">运动装备</a></li>
<li><a href="#">鞋服配饰</a></li>
<li><a href="#">日用家居</a></li>
</ul>
</div>
</nav>
</header>
<br> <br>
<br> <br>
<div class="tags"> <div class="tags">
<div class="link"> <div class="link">
<div class="item"> <div class="fenlei">
<h3><a href="#">闲置数码</a></h3> <div class="item">
<p> <h2><a href="#">闲置数码</a></h2>
<a href="">智能手机</a> <p>
<a href="">单反相机</a> <br>
</p> <a href="">智能手机</a>
</div> <a href="">单反相机</a>
<hr> </p>
<div class="item"> </div>
<h3><a href="#">鞋服配饰</a></h3>
<p> <hr>
<a href="">连衣裙</a>
<a href="">皮肤衣</a> <div class="item">
</p> <h2><a href="#">鞋服配饰</a></h2>
</div> <p>
<hr> <br>
<a href="">连衣裙</a>
<div class="item"> <a href="">皮肤衣</a>
<h3><a href="#">教科书籍</a></h3> </p>
<p> </div>
<a href="">文学历史</a>
<a href="">科学教育</a> <hr>
</p>
</div> <div class="item">
<hr> <h2><a href="#">教科书籍</a></h2>
<div class="item"> <p>
<h3><a href="#">运动装备</a></h3> <br>
<p> <a href="">文学历史</a>
<a href="">运到鞋</a> <a href="">科学教育</a>
<a href="">皮肤衣</a> </p>
<a href="">行车记录仪</a> </div>
</p>
</div> <hr>
<hr>
<div class="item"> <div class="item">
<h3><a href="#">日用家居</a></h3> <h2><a href="#">运动装备</a></h2>
<p> <p>
<a href="">家庭清洁</a> <br>
<a href="">保温杯</a> <a href="">运到鞋</a>
</p> <a href="">皮肤衣</a>
<a href="">行车记录仪</a>
</p>
</div>
<hr>
<div class="item">
<h2><a href="#">日用家居</a></h2>
<p>
<br>
<a href="">家庭清洁</a>
<a href="">保温杯</a>
</p>
</div>
<hr>
</div> </div>
<hr>
<div class="index"> <div class="index">
<img src="img/index.png" alt=""> <img src="img/index.png" alt="">
</div> </div>
<div class="user"> </div>
<form action="#" class="account">
<input type="text" name="username" placeholder="请输入用户名"> <div class="user">
<input type="password" name="password" placeholder="请输入密码"> <form action="login.html" class="account">
<input type="submit" id="login" value="登录"> <a href="usermanager.html">网站管理</a>
<input type="text" name="username" placeholder="请输入用户名">
<div class="button"> <input type="password" name="password" placeholder="请输入密码">
<a href="注册.html">注册</a> <input type="submit" id="login" value="登录">
</div> <div class="button">
</form> <a href="register.html">注册</a>
</div> </div>
<section id="page"> </form>
</div>
<section id="page">
<div class="sy">
<h3 class="navss"><img src="img/louceng.png" class="tit">闲置数码Idle digital</h3> <h3 class="navss"><img src="img/louceng.png" class="tit">闲置数码Idle digital</h3>
<div class="picture"> <div class="picture">
<img src="img/nav1.png" alt=""> <img src="img/nav1.png" alt="">
...@@ -348,13 +409,12 @@ ...@@ -348,13 +409,12 @@
</div> </div>
<div class="price">￥838.00</div> <div class="price">￥838.00</div>
</div> </div>
</div> </div>
</section> </div>
</section>
</div>
</div> </div>
</body> </body>
</html> </html>
<script type="text/javascript"> <script type="text/javascript">
......
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>
<h2>登录</h2> <div class="dlbk">
</article> <article id="toubu">
<article> <h2>登录</h2>
<form action="index.html" method="get"> </article>
账号：<input name="account" required="required" type="text"/><br> <article class="bg">
密码：<input name="pwd" type="password"/><br> <form action="index.html" method="get">
<input type="submit" value="登录"/> <table>
<input type="reset" value="取消"/> <tr>
</form> <td>账号:<input name="account" required="required" type="text"/></td>
</article> </tr>
<footer> <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="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,42 +54,37 @@ ...@@ -47,42 +54,37 @@
<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">
<ul> <aside>
<li><a href="edit_pwd.html">修改密码</a></li> <ul>
<li><a href="edit_contact.html">修改联系方式</a></li> <li><a href="edit_pwd.html">修改密码</a></li>
<li><a href="my_orders.html">我的订单</a></li> <li><a href="edit_contact.html">修改联系方式</a></li>
<li><a href="my_product.html">我的商品</a></li> <li><a href="my_orders.html">我的订单</a></li>
<li><a href="purchase_history.html">消费记录</a></li> <li><a href="my_product.html">我的商品</a></li>
</ul> <li><a href="purchase_history.html">消费记录</a></li>
</aside> <li><a href="add_product.html">发布商品</a></li>
<article> <li><a href="edit_product.html">修改商品</a></li>
<table border="1"> <li><a href="delete_product.html">删除商品</a></li>
<tr> <li><a href="massage_list.html">收件箱</a></li>
<th>订单号</th> <li><a href="add_msg.html">发送留言</a></li>
<th>商品信息</th> <li><a href="order_list.html">查询订单</a></li>
<th>实付款</th> </ul>
<th>时间</th> </aside>
<th>状态</th> <div class="orders_ys">
<th>操作</th> 消费记录
</tr> </div>
<article>
<table border="1">
<tr>
<th>订单号</th>
<th>商品信息</th>
<th>实付款</th>
<th>时间</th>
<th>状态</th>
<th>操作</th>
</tr>
<tr> <tr>
<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>
...@@ -94,8 +96,9 @@ ...@@ -94,8 +96,9 @@
<a href="#">删除</a> <a href="#">删除</a>
</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,65 +54,63 @@ ...@@ -47,65 +54,63 @@
<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> <div class="splb">
<li><a href="edit_pwd.html">修改密码</a></li> <aside>
<li><a href="edit_contact.html">修改联系方式</a></li> <ul>
<li><a href="my_orders.html">我的订单</a></li> <li><a href="edit_pwd.html">修改密码</a></li>
<li><a href="my_product.html">我的商品</a></li> <li><a href="edit_contact.html">修改联系方式</a></li>
<li><a href="purchase_history.html">消费记录</a></li> <li><a href="my_orders.html">我的订单</a></li>
</ul> <li><a href="my_product.html">我的商品</a></li>
</aside> <li><a href="purchase_history.html">消费记录</a></li>
<article> <li><a href="add_product.html">发布商品</a></li>
<table border="1"> <li><a href="edit_product.html">修改商品</a></li>
<tr> <li><a href="delete_product.html">删除商品</a></li>
<th><input type="checkbox">全部</th> <li><a href="massage_list.html">收件箱</a></li>
<th>序号</th> <li><a href="add_msg.html">发送留言</a></li>
<th>商品信息</th> <li><a href="order_list.html">查询订单</a></li>
<th>实付款</th> </ul>
<th>发布时间</th> </aside>
<th>状态</th> <div class="product_ys">
<th>操作</th> 我的商品
</tr> </div>
<tr> <article>
<td align="center">1</td> <div class="product">
<td>1236448668</td> <table border="1">
<td><img src="img/1.jpg" width="150px" height="150px"><br>iPad</td> <tr>
<td>$199</td> <th><input type="checkbox">全选</th>
<td>2022-6-2 01:52:39</td> <th>序号</th>
<td>上架</td> <th>商品信息</th>
<td> <th>实付款</th>
<a href="#">商品详情</a> <th>发布时间</th>
<a href="#">删除</a> <th>状态</th>
</td> <th>操作</th>
</tr> </tr>
<tr align="right"> <tr>
<td colspan="6"> <td><input type="checkbox"></td>
<a href="#">第一页</a> <td>1236448668</td>
<a href="#">上一页</a> <td><img src="img/1.jpg" width="150px" height="150px"><br>iPad</td>
<a href="#">下一页</a> <td>$199</td>
<a href="#">末页</a> <td>2022-6-2 01:52:39</td>
</td> <td>上架</td>
</tr> <td>
</table> <a href="#">商品详情</a>
</article> <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> <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,63 +74,51 @@ ...@@ -47,63 +74,51 @@
<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>
<h3>购买商品</h3> <div class="gm">
<table> <h3>购买商品</h3>
<tr class="table_head"> <div class="sp">
<td>商品信息</td> <table style="width:100%; height: 80%;">
<td>单价</td> <tr class="table_head">
<td>数量</td> <td>商品信息</td>
<td>总价</td> <td>单价</td>
</tr> <td>数量</td>
<tr> <td>总价</td>
<td> </tr>
<img src="img/ipad.jpg" width="54px" height="54px">iPad <tr>
</td> <td>
<td>￥1300</td> <img src="img/ipad.jpg" style="width: 180px; height: 180px;">
<td>1</td> </td>
<td>￥1300</td> <td>￥1300</td>
</tr> <td>1</td>
</table> <td>￥1300</td>
应付金额：$1300 </tr>
<tr>
<td>iPad</td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>
</div>
</section> </section>
<section> <section>
<h3>收货人信息</h3> <div class="sh">
<form action="#" method="post"> <h3>收货人信息</h3>
收货人：<input type="text" name="username"><br> <form action="pay.html" method="post">
收货地址：<input type="text" name="addr"><br> 收货人：<input type="text" name="username"><br>
联系方式：<input type="text" name="phone"><br> 收货地址：<input type="text" name="addr"><br>
<div class="total">共1件商品 应付金额：￥1305（含运费5.00元） 联系方式：<input type="text" name="phone"><br>
<input type="submit" value="订单结算"> <div class="total">
</div> 共1件商品 应付金额：￥1305（含运费5.00元）
</form> <input type="submit" value="订单结算">
</div>
</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,71 +63,58 @@ ...@@ -47,71 +63,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>
<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> <table id="order">
</aside> <tr>
<article> <td>订单号：</td>
<table id="order"> <td>12316768</td>
<tr> </tr>
<td>订单号：</td> <tr>
<td>12316768</td> <td>收货人：</td>
</tr> <td>张三</td>
<tr> </tr>
<td>收货人：</td> <tr>
<td>张三</td> <td>收货地址：</td>
</tr> <td>xx省xx市xx区xx街xx号</td>
<tr> </tr>
<td>收货地址：</td> <tr>
<td>xx省xx市xx区xx街xx号</td> <td>商品：</td>
</tr> <td><img src="img/1.jpg" alt="1">
<tr> <br>
<td>商品：</td> ipad
<td><img src="img/1.jpg" alt="1"> </td>
<br> </tr>
ipad <tr>
</td> <td>价格：</td>
</tr> <td>￥1300</td>
<tr> </tr>
<td>价格：</td> <tr>
<td>￥1300</td> <td>运费：</td>
</tr> <td>￥1310</td>
<tr> </tr>
<td>运费：</td> <tr>
<td>￥1310</td> <td>时间：</td>
</tr> <td>2022-12-5-11 17:41:00</td>
<tr> </tr>
<td>时间：</td> <tr>
<td>2022-12-5-11 17:41:00</td> <td>状态：</td>
</tr> <td>交易成功</td>
<tr> </tr>
<td>状态：</td> <tr>
<td>交易成功</td> <td><a href="order_list.html">返回订单列表</a></td>
</tr> </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,76 +55,74 @@ ...@@ -47,76 +55,74 @@
<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> <div class="splb">
<li><a href="edit_pwd.html">修改密码</a></li> <aside>
<li><a href="edit_contact.html">修改联系方式</a></li> <ul>
<li><a href="my_orders.html">我的订单</a></li> <li><a href="edit_pwd.html">修改密码</a></li>
<li><a href="my_product.html">我的商品</a></li> <li><a href="edit_contact.html">修改联系方式</a></li>
<li><a href="purchase_history.html">消费记录</a></li> <li><a href="my_orders.html">我的订单</a></li>
</ul> <li><a href="my_product.html">我的商品</a></li>
</aside> <li><a href="purchase_history.html">消费记录</a></li>
<article> <li><a href="add_product.html">发布商品</a></li>
<table> <li><a href="edit_product.html">修改商品</a></li>
<tr class="table_head"> <li><a href="delete_product.html">删除商品</a></li>
<th>订单号</th> <li><a href="massage_list.html">收件箱</a></li>
<th>商品信息</th> <li><a href="add_msg.html">发送留言</a></li>
<th>实付款</th> <li><a href="order_list.html">查询订单</a></li>
<th>时间</th> </ul>
<th>状态</th> </aside>
<th>操作</th> <div id="dd">
</tr> <article>
<tr> <nav class="neirong">
<td>12525355961</td> <h1 align="center">订单列表</h1>
<td><img src="img/product1.jpg"><br>山地自行车</td> </nav>
<td>$440.45</td> <table border="1">
<td> <tr class="table_head">
2019-04-31 09:22:01 <th>订单号</th>
</td> <th>商品信息</th>
<td>取消</td> <th>实付款</th>
<td> <th>时间</th>
<a href="">订单详情</a> <th>状态</th>
</td> <th>操作</th>
</tr> </tr>
<tr> <tr>
<td>12525355961</td> <td>12525355961</td>
<td><img src="img/ipad.jpg"><br>iPad</td> <td><img src="img/product1.jpg"><br>山地自行车</td>
<td>$1300</td> <td>$440.45</td>
<td> <td>
2019-04-31 01:52:39 2019-04-31 09:22:01
</td> </td>
<td>交易成功</td> <td>取消</td>
<td> <td>
<a href="">订单详情</a> <a href="">订单详情</a>
</td> </td>
</tr> </tr>
<tr> <tr>
<td colspan="6" align="right"> <td>12525355961</td>
<a href="#">第一页</a> <td><img src="img/ipad.jpg"><br>iPad</td>
<a href="#">上一页</a> <td>$1300</td>
<a href="#">下一页</a> <td>
<a href="#">末页</a> 2019-04-31 01:52:39
</td> </td>
</tr> <td>交易成功</td>
</table> <td>
</article> <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> <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">
<h3>待支付订单</h3> <div class="dd_hao">
订单号：2017010101<br> <h3>待支付订单</h3>
共1件商品 应付金额：￥1305（含运费5.00元） <p>订单号：2017010101</p>
</section> <p>共1件商品 应付金额：￥1305（含运费5.00元）</p>
<section id="pay_type"> </div>
<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>
</section> </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> </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>
<input type="text" name="search" id="search"> <form class="searchform">
<input type="submit" value="搜索" id="button"> <input type="text" name="search" id="search">
</form> <input type="submit" value="搜索" id="button">
<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> </form>
</div> <div class="navigation">
<nav class="op"> <form class="navigation"><br>
<div class="nav"> <a href="#">手机</a>&nbsp;&nbsp;|&nbsp;
<img src="img/MENU.png" alt=""> <a href="#">电脑</a>&nbsp;&nbsp;|&nbsp;
<a href="#">商品分类</a> <a href="#">旧书</a>&nbsp;&nbsp;|&nbsp;
</div> <a href="#">服装</a>
<div class="tag"> </form>
<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> <section id="detail">
<li><a href="my_orders.html">我的订单</a></li> <h3>商品信息</h3>
<li><a href="my_product.html">我的商品</a></li> <img src="img/01.jpg" style="width: 100%; height: 30%;">
<li><a href="putchase_history.html">消费记录</a></li> <img src="img/02.jpg" alt="">
</ul> <img src="img/03.jpg" alt="">
</aside> <img src="img/04.jpg" alt="">
<h1>ipad 4GB 16GB Wi-Fi版</h1>
<article><br> 现价：200元<br>
<section id="detail"> 编号：33313993<br>
<h3>商品信息</h3> <input type="submit" value="立即购买">
<img src="img/01.jpg" width="500" height="400"> </section>
<video controls="controls" width="640" height="360"> <section id="detail">
<source src="movie/1.mp4"></source> <h4>产生介绍</h4>
</video> <p>1.沿用风靡百年的经典全棉牛津面料，运用领先的液氮整理技术，
<video src="视频文件路径" controls="controls"></video> 面料的抗折皱性能会更好。延续健康的设计理念，推出免烫，
<video controls="controls" width="320" height="240"> </p>
<source src="img/1.mp4" type="video/ogg"/> <p>2.正品，质量优良</p>
<source src="img/1.mp4" type="video/mp4"/> <p>3.九成新</p>
</video> <video controls="controls" style="width: 640px; height: 360px;">
<source src="img/1.mp4"></source>
<h1>ipad 4GB 16GB Wi-Fi版</h1> </video>
现价：200元<br> </section>
编号：33313993<br> </form>
<a href="#">立即购买</a>
<h4>产生介绍</h4>
<p>1.沿用风靡百年的经典全棉牛津面料，运用领先的液氮整理技术，
面料的抗折皱性能会更好。延续健康的设计理念，推出免烫，
2.正品，质量优良
3.九成新
</p>
</section>
</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,60 +61,73 @@ ...@@ -47,60 +61,73 @@
<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> <div class="splb">
<li><a href="edit_pwd.html">修改密码</a></li> <aside>
<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>
<ul> <ul>
<li class="item"> <li><a href="edit_pwd.html">修改密码</a></li>
<img src="img/01.jpg"> <li><a href="edit_contact.html">修改联系方式</a></li>
<p>Macbook</p> <li><a href="my_orders.html">我的订单</a></li>
<p>￥6556.00</p> <li><a href="my_product.html">我的商品</a></li>
</li> <li><a href="purchase_history.html">消费记录</a></li>
<li class="item"> <li><a href="add_product.html">发布商品</a></li>
<a href="#"><img src="img/02.jpg"></a> <li><a href="edit_product.html">修改商品</a></li>
<div class="title"><a href="#">Macbook</a></div> <li><a href="delete_product.html">删除商品</a></li>
<div class="price">￥6556.00</div> <li><a href="massage_list.html">收件箱</a></li>
</li> <li><a href="add_msg.html">发送留言</a></li>
<li><a href="order_list.html">查询订单</a></li>
</ul> </ul>
</section> </aside>
<section> <article>
<a href="#">第一页</a> <select>
<a href="#">上一页</a> 类别：
<a href="#">下一页</a> <option>电子</option>
<a href="#">末页</a> <option>交通</option>
</section> <option>生活</option>
</article> </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> <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,65 +54,63 @@ ...@@ -47,65 +54,63 @@
<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> <div class="splb">
<li><a href="edit_pwd.html">修改密码</a></li> <aside>
<li><a href="edit_contact.html">修改联系方式</a></li> <ul>
<li><a href="my_orders.html">我的订单</a></li> <li><a href="edit_pwd.html">修改密码</a></li>
<li><a href="my_product.html">我的商品</a></li> <li><a href="edit_contact.html">修改联系方式</a></li>
<li><a href="purchase_history.html">消费记录</a></li> <li><a href="my_orders.html">我的订单</a></li>
</ul> <li><a href="my_product.html">我的商品</a></li>
</aside> <li><a href="purchase_history.html">消费记录</a></li>
<article> <li><a href="add_product.html">发布商品</a></li>
<table border="1"> <li><a href="edit_product.html">修改商品</a></li>
<tr> <li><a href="delete_product.html">删除商品</a></li>
<th>订单号</th> <li><a href="massage_list.html">收件箱</a></li>
<th>商品信息</th> <li><a href="add_msg.html">发送留言</a></li>
<th>实付款</th> <li><a href="order_list.html">查询订单</a></li>
<th>时间</th> </ul>
<th>状态</th> </aside>
<th>操作</th> <div class="history_ys">
</tr> 消费记录
<tr> </div>
<td>33276842401</td> <article>
<td> <div class="history">
《C语言程序设计》 <table border="1">
</td> <tr>
<td>$55.20</td> <th>订单号</th>
<td>2019-3-30 00:07:22</td> <th>商品信息</th>
<td>交易成功</td> <th>实付款</th>
<td> <th>时间</th>
<a href="">商品详情</a> <th>状态</th>
<a href="">删除</a> <th>操作</th>
</td> </tr>
</tr> <tr>
<tr align="right"> <td>33276842401</td>
<td colspan="6"> <td>
<a href="#">第一页</a> 《C语言程序设计》
<a href="#">上一页</a> </td>
<a href="#">下一页</a> <td>$55.20</td>
<a href="#">末页</a> <td>2019-3-30 00:07:22</td>
</td> <td>交易成功</td>
</tr> <td>
</table> <a href="">商品详情</a>
</article> <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> <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">
<form action="index.html" method="get"> <h2 id="toubu">注册</h2>
账号：<input name="account" required="required" type="text"/><br> <div class="bg">
密码：<input name="pwd" type="password"/><br> <form action="index.html" method="get">
确认密码：<input name="pwd" type="password"/><br> <table class="bg_zhucexinxi">
寝室：<input name="room" type="text"/><br> <tr>
电话：<input name="telephone" type="text"/><br> <td>账号:</td>
头像：<input name="picture" type="file"/><br> <td><input name="account" required="required" type="text"/></td>
<input type="submit" value="注册"/> </tr>
<input type="reset" value="取消"/> <tr>
</form> <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> </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>
<ul> <nav>
<li><a href="edit_pwd.html">修改密码</a></li> <ul>
<li><a href="edit_contact.html">修改联系方式</a></li> <li><a href="usermanager.html">用户管理</a></li>
<li><a href="my_orders.html">我的订单</a></li> <li><a href="goodsmanage.html">商品审核</a></li>
<li><a href="my_product.html">我的商品</a></li> <li><a href="tag_manage.html">分类管理</a></li>
<li><a href="putchase_history.html">消费记录</a></li> <li><a href="config_manage.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