shen/OldPeopleHome
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
vickihe
2019-09-02 17:51:16 +08:00
parent 97a950f915
commit 39cf6d119d
21 changed files with 159 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
web/contents.html
View File

@@ -5,8 +5,40 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="contents_style.css">
</head>
<body>
<table class="room">
<tr>
<td><a href="#">001</a></td>
<td><a href="#">002</a></td>
<td><a href="#">003</a></td>
<td><a href="#">004</a></td>
</tr>
<tr>
<td><a href="#">005</a></td>
<td><a href="#">006</a></td>
<td><a href="#">007</a></td>
<td><a href="#">008</a></td>
</tr>
<tr>
<td><a href="#">009</a></td>
<td><a href="#">010</a></td>
<td><a href="#">011</a></td>
<td><a href="#">012</a></td>
</tr>
<tr>
<td><a href="#">013</a></td>
<td><a href="#">014</a></td>
<td><a href="#">015</a></td>
<td><a href="#">016</a></td>
</tr>
<tr>
<td><a href="#">017</a></td>
<td><a href="#">018</a></td>
<td><a href="#">019</a></td>
<td><a href="#">020</a></td>
</tr>
</table>
</body>
</html>

3
web/contents_style.css Normal file
View File

@@ -0,0 +1,3 @@
.room tr td {
padding: 90px;
}

57
web/firstPage.html
View File

@@ -18,22 +18,57 @@
</div>
<div class="menu">
<ul>
<li class="rightBorder">
<a href="#" id="main" class="row_menu">主页</a>
</li>
<li class="rightBorder">
<a href="#" id="check" class="row_menu">查看</a>
</li>
<li class="rightBorder">
<a href="#" id="manage" class="row_menu">管理</a>
</li>
<li>
<a href="#" id="self" class="row_menu">个人中心</a>
<a href="firstPage.html" id="firstPage">首页</a>
</li>
<li id="self">
<a href="#" id="my">个人</a>
</li>
</ul>
</div>
<div class="box2">
<iframe id="contents" src="contents.html" frameborder="1" width="1080" height="100%" name="contents"></iframe>
<table>
<tr>
<td><a href="#">001</a></td>
<td><a href="#">002</a></td>
<td><a href="#">003</a></td>
<td><a href="#">004</a></td>
</tr>
<tr>
<td><a href="#">005</a></td>
<td><a href="#">006</a></td>
<td><a href="#">007</a></td>
<td><a href="#">008</a></td>
</tr>
<tr>
<td><a href="#">009</a></td>
<td><a href="#">010</a></td>
<td><a href="#">011</a></td>
<td><a href="#">012</a></td>
</tr>
<tr>
<td><a href="#">013</a></td>
<td><a href="#">014</a></td>
<td><a href="#">015</a></td>
<td><a href="#">016</a></td>
</tr>
<tr>
<td><a href="#">017</a></td>
<td><a href="#">018</a></td>
<td><a href="#">019</a></td>
<td><a href="#">020</a></td>
</tr>
</table>
</div>
<div class="guide">
<ul>
<li>
<a href="#">老人注册</a><br>
</li>
<li id="delete">
<a href="#">老人注销</a>
</li>
</ul>
</div>
</body>
</html>

130
web/firstPage_style.css
View File

@@ -6,7 +6,7 @@ body {
text-align: left;
position: absolute;
top: 30px;
left: 100px;
left: 10px;
user-select: none;
-moz-user-select: none;
-ms-user-select: none;
@@ -21,73 +21,97 @@ body {
}
.lower {
color: rgb(255, 183, 124);
/* font-weight: bold; */
font-family: sans-serif;
font-size: 45px;
letter-spacing: -5px;
}
.box2 {
margin-left: 100px;
margin-top: 20px;
}
#contents {
background-color: white;
border: none;
border-radius: 2px;
}
/* 横向菜单栏 */
.menu {
width: 1080px;
width: auto;
height: 50px;
background-color: rgb(255, 183, 124);
margin-left: 100px;
margin-top: 100px;
border-radius: 2px;
}
ul {
list-style: none;
text-decoration: none;
padding: 0;
user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
width: auto;
list-style-type: none;
white-space: nowrap;
padding: 0;
}
li {
display: inline-block;
width: 266px;
height: 50px;
margin-left: 80px;
margin-top: 15px;
margin: 0;
text-align: center;
/* transform: translateX(30deg);
-moz-transform: translateX(30deg);
-ms-transform: translateX(30deg);
-o-transform: translateX(30deg);
-webkit-transform: translateX(30deg);
animation: li .2s infinite; */
.menu li {
float: left;
}
.row_menu {
position: relative;
top: 15px;
.menu li#self {
margin: 0 0 0 979px;
}
a {
text-decoration-line: none;
font-family: youyuan;
font-size: 16px;
.menu li a {
/* text-indent: -9999px; */
color: white;
text-decoration-line: none;
display: block;
padding: 14px 40px 15px 70px;
}
li:hover {
background-color: rgb(255, 115, 0);
.menu li a:hover {
background-color: rgba(248, 148, 66, 0.7);
}
/* @keyframes li {
0%{
transform: translateX(30deg);
}
} */
.row_menu:active {
color: rgb(255, 183, 124);
.menu ul li a#firstPage {
background-image: url("icons/首页.png");
background-repeat: no-repeat;
background-size: 12%;
background-position: 35px 16px;
}
.menu ul li a#my {
background-image: url("icons/管理员.png");
background-repeat: no-repeat;
background-size: 12%;
background-position: 35px 16px;
}
/* 操作界面 */
.box2 {
width: auto;
height: auto;
/* background-color: yellow; */
margin: 0 0 0 250px;
}
.box2 table tr td {
padding: 150px 50px 90px 0;
}
.box2 table tr td a {
color: white;
text-decoration-line: none;
background-image: url("icons/房间.png");
background-repeat: no-repeat;
padding: 110px 90px 20px;
background-position: 38px;
}
.box2 table tr td a:hover {
background-image: url("icons/房间light.png");
}
/* 纵向导航栏 */
.guide {
width: 190px;
height: 1100px;
background-color: rgba(255, 183, 124, 0.3);
position: absolute;
top: 150px;
}
.guide li {
margin: 50px 0 0 0;
}
.guide li#delete {
margin: 60px 0;
/* background-color: yellow; */
}
.guide li a {
text-decoration-line: none;
color: white;
padding: 16px 76px 20px 50px;
/* background-color: yellow; */
}
.guide li a:hover {
background-color: rgba(248, 148, 66, 0.7);
}

12
web/frame_people.html
View File

@@ -1,12 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<p>people</p>
</body>
</html>

5
web/frame_people_style.css
View File

@@ -1,5 +0,0 @@
body {
width: 700px;
height: 100%;
background-color: yellow;
}

12
web/frame_rooms.html
View File

@@ -1,12 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<p>rooms</p>
</body>
</html>

5
web/frame_rooms_style.css
View File

@@ -1,5 +0,0 @@
body {
width: 700px;
height: 100%;
background-color: yellow;
}

BIN
web/icons/个人中心.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.9 KiB

BIN
web/icons/个人中心hover.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.9 KiB

BIN
web/icons/主页.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.7 KiB

BIN
web/icons/主页hover.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.2 KiB

BIN
web/icons/房间.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
web/icons/房间light.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
web/icons/查看.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.4 KiB

BIN
web/icons/查看hover.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.5 KiB

BIN
web/icons/管理.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.6 KiB

BIN
web/icons/管理hover.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.8 KiB

BIN
web/icons/管理员.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 813 B

BIN
web/icons/老人.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
web/icons/首页.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 401 B