diff --git a/web/addPeople.html b/web/addPeople.html index 85ade75..ba15c6f 100644 --- a/web/addPeople.html +++ b/web/addPeople.html @@ -19,7 +19,7 @@

老人注册

-
+

@@ -27,8 +27,7 @@

老人注册

- - +

diff --git a/web/addPeople_style.css b/web/addPeople_style.css index 23a9c09..d3ef8c0 100644 --- a/web/addPeople_style.css +++ b/web/addPeople_style.css @@ -35,7 +35,7 @@ body { .register_1 { width: 400px; height: 500px; - background-color: white; + background-color: rgba(255, 255, 255, 0.6); position: absolute; top: 75px; left: 850px; @@ -58,6 +58,7 @@ body { font-size: 15px; margin: 50px 0 30px 0; outline: none; + background-color: rgba(255, 255, 255, 0.4); } .register_1 form input#next { width: 40px; @@ -75,7 +76,7 @@ body { -webkit-transform: translate(0,-1px); -o-transform: translate(0,-1px); -moz-transform: translate(0,-1px); - box-shadow: 3px 3px 3px rgba(192, 192, 192, 0.801); + box-shadow: 3px 3px 3px rgba(131, 131, 131, 0.6); } .register_1 form input#next:active { background-color: rgba(255, 115, 0, 0.3); @@ -85,7 +86,7 @@ body { .register_2 { width: 400px; height: 500px; - background-color: white; + background-color: rgba(255, 255, 255, 0.6); position: absolute; top: 75px; left: 850px; @@ -103,10 +104,11 @@ body { left: 90px; text-align: center; border-radius: 25px; - border: 0.5px solid rgb(170, 170, 170); + border: 0.5px solid rgb(170, 170, 170, 0.6); font-size: 15px; margin: 20px 0 0 0; outline: none; + background-color: rgba(255, 255, 255, 0.4); } .register_2 form .gender input{ width: 10px; @@ -149,7 +151,7 @@ body { -webkit-transform: translate(0,-1px); -o-transform: translate(0,-1px); -moz-transform: translate(0,-1px); - box-shadow: 3px 3px 3px rgba(192, 192, 192, 0.801); + box-shadow: 3px 3px 3px rgba(131, 131, 131, 0.6); } .register_2 form input#submit:active { background-color: rgba(255, 115, 0, 0.3); diff --git a/web/deletePeople.html b/web/deletePeople.html new file mode 100644 index 0000000..9533064 --- /dev/null +++ b/web/deletePeople.html @@ -0,0 +1,28 @@ + + + + + + + Old People Home - 老人注销 + + + + +
+ O + ld + P + eople + H + ome +
+
+

注销老人

+ +
+ + +
+ + \ No newline at end of file diff --git a/web/deletePeople_style.css b/web/deletePeople_style.css new file mode 100644 index 0000000..282f487 --- /dev/null +++ b/web/deletePeople_style.css @@ -0,0 +1,80 @@ +body { + margin: 0px; + background-color: papayawhip; + background-image: url("images/老人3.jpg"); + background-repeat: no-repeat; + background-size: 100%; +} + +/* LOGO */ +.box1 { + text-align: left; + position: absolute; + top: 30px; + left: 10px; + user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -webkit-user-select: none; +} +.upper { + color: rgb(255, 115, 0); + font-weight: bolder; + font-family: sans-serif; + font-size: 45px; + letter-spacing: -10px; +} +.lower { + color: rgb(255, 183, 124); + font-family: sans-serif; + font-size: 45px; + letter-spacing: -5px; +} + +/* 注销界面 */ +.delete { + width: 420px; + height: 250px; + background-color: rgba(255, 255, 255, 0.6); + position: absolute; + top: 150px; + left: 830px; +} +.delete h2 { + padding: 0 0 0 30px; + color: rgb(255, 115, 0); +} +.delete form input { + width: 300px; + height: 35px; + position: relative; + top: 20px; + left: 60px; + text-align: center; + outline: none; + border-radius: 25px; + border: 0.5px solid rgba(128, 128, 128, 0.6); + background-color: rgba(255, 255, 255, 0.3); +} +.delete form input#submit { + width: 40px; + height: 40px; + border: none; + background-color: rgb(255, 115, 0); + color: white; + position: relative; + top: 80px; + left: 355px; +} +.delete form input#submit:hover { + transform: translate(0,-1px); + -ms-transform: translate(0,-1px); + -webkit-transform: translate(0,-1px); + -o-transform: translate(0,-1px); + -moz-transform: translate(0,-1px); + box-shadow: 3px 3px 3px rgba(131, 131, 131, 0.6); +} +.delete form input#submit:active { + background-color: rgba(255, 115, 0, 0.3); + /* js写一个弹出确认框 显示老人名字和身份证号 */ +} \ No newline at end of file diff --git a/web/firstPage.html b/web/firstPage.html index 71f0df2..2611707 100644 --- a/web/firstPage.html +++ b/web/firstPage.html @@ -27,37 +27,38 @@
+
- + - + - + - + - + - +
001001 002 003004004
005 006 007008008
009 010 011012012
013 014 015016016
017 018 019020020
@@ -67,7 +68,7 @@ 老人注册
  • - 老人注销 + 老人注销
    • diff --git a/web/firstPage_style.css b/web/firstPage_style.css index 1aa6266..20c5b77 100644 --- a/web/firstPage_style.css +++ b/web/firstPage_style.css @@ -1,9 +1,9 @@ body { - background-color: papayawhip; + height: 1450px; margin: 0px; - background-image: url("images/天空2.jpg"); + background-image: url("images/天空1.jpg"); background-repeat: no-repeat; - background-size: 100%; + background-size: cover; } /* LOGO */ @@ -78,11 +78,10 @@ ul { width: auto; height: auto; /* background-color: yellow; */ - margin: 0 0 0 210px; + margin: 0 0 0 190px; } .box2 table tr td { padding: 150px 50px 90px 0; - /* background-color: yellow; */ } .box2 table tr td a { color: papayawhip; @@ -90,13 +89,18 @@ ul { font-size: 14px; background-image: url("icons/房间.png"); background-repeat: no-repeat; - padding: 100px 90px 20px 115px; - background-position: 80px 30px; + padding: 100px 90px 20px 100px; + background-position: 70px 35px; background-size: 40%; + margin: 0 0 0 5px; + /* background-color: yellow; */ } .box2 table tr td a:hover { background-image: url("icons/房间light.png"); } +.box2 table tr td.last { + padding: 150px 0 90px 0; +} /* 纵向导航栏 */ .guide { diff --git a/web/images/天空3.jpg b/web/images/天空3.jpg new file mode 100644 index 0000000..54fb69b Binary files /dev/null and b/web/images/天空3.jpg differ diff --git a/web/images/天空4.jpg b/web/images/天空4.jpg new file mode 100644 index 0000000..ae22e40 Binary files /dev/null and b/web/images/天空4.jpg differ diff --git a/web/images/老人2.jpg b/web/images/老人2.jpg index 05cf014..44d51b9 100644 Binary files a/web/images/老人2.jpg and b/web/images/老人2.jpg differ diff --git a/web/images/老人3.jpg b/web/images/老人3.jpg new file mode 100644 index 0000000..88faa5f Binary files /dev/null and b/web/images/老人3.jpg differ diff --git a/web/login.html b/web/login.html index fb1bab1..53403bb 100644 --- a/web/login.html +++ b/web/login.html @@ -13,8 +13,7 @@

    管理员登录

    - -
    +





    diff --git a/web/personal.html b/web/personal.html index a719a05..de9705c 100644 --- a/web/personal.html +++ b/web/personal.html @@ -28,16 +28,18 @@
    -
    - -
    -
    -

    管理员


    -

    root

     -
    -
    - -
    + +
    + +
    +
    +

    管理员


    +

    root

     +
    +
    + +
    +

    消息

    @@ -61,8 +63,7 @@

    修改密码

    - -
    +





    diff --git a/web/personal_style.css b/web/personal_style.css index be2c9ea..c3fa847 100644 --- a/web/personal_style.css +++ b/web/personal_style.css @@ -1,6 +1,10 @@ body { - background-color: papayawhip; + height: 880px; + /* background-color: papayawhip; */ margin: 0px; + background-image: url("images/天空1.jpg"); + background-repeat: no-repeat; + background-size: cover; } /* LOGO */ @@ -133,7 +137,7 @@ ul { -webkit-transform: translate(0,-1px); -o-transform: translate(0,-1px); -moz-transform: translate(0,-1px); - box-shadow: 10px 10px 5px rgb(252, 227, 188); + box-shadow: 10px 10px 5px rgba(90, 90, 90, 0.3); } /* 消息块 */ @@ -151,7 +155,7 @@ ul { -webkit-transform: translate(0,-1px); -o-transform: translate(0,-1px); -moz-transform: translate(0,-1px); - box-shadow: 10px 10px 5px rgb(252, 227, 188); + box-shadow: 10px 10px 5px rgb(90, 90, 90, 0.3); } .messages h2 { /* background-color: yellow; */ @@ -196,7 +200,7 @@ ul { -webkit-transform: translate(0,-1px); -o-transform: translate(0,-1px); -moz-transform: translate(0,-1px); - box-shadow: 10px 10px 5px rgb(252, 227, 188); + box-shadow: 10px 10px 5px rgb(90, 90, 90, 0.3); } .modify h2 { padding: 0 0 0 20px; diff --git a/web/views.html b/web/views.html new file mode 100644 index 0000000..0dfccf8 --- /dev/null +++ b/web/views.html @@ -0,0 +1,59 @@ + + + + + + + Old People Home - 查看 + + + + +
    + O + ld + P + eople + H + ome +
    +
    + +
    +
    +

    老人资料卡

    + 身份证号码
    + 姓名
    + 性别
    + 生日
    + 账号
    + 电话
    + 亲属 + + + + + + +
    姓名关系联系电话
    +
    +
    +

    房间实况

    + 温度
    + 湿度
    + 是否有人
    + 时间 +
    +
    +

    健康监测卡

    +

    折线图

    +
    + + \ No newline at end of file diff --git a/web/views_style.css b/web/views_style.css new file mode 100644 index 0000000..f372b22 --- /dev/null +++ b/web/views_style.css @@ -0,0 +1,122 @@ +body { + height: 2000px; + margin: 0px; + background-image: url("images/天空1.jpg"); + background-repeat: no-repeat; + background-size: cover; +} + +/* LOGO */ +.box1 { + text-align: left; + position: absolute; + top: 30px; + left: 10px; + user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -webkit-user-select: none; +} +.upper { + color: rgb(255, 115, 0); + font-weight: bolder; + font-family: sans-serif; + font-size: 45px; + letter-spacing: -10px; +} +.lower { + color: rgb(255, 183, 124); + font-family: sans-serif; + font-size: 45px; + letter-spacing: -5px; +} + +/* 横向菜单栏 */ +.menu { + width: auto; + height: 50px; + background-color: rgb(255, 183, 124); + margin-top: 100px; +} +ul { + width: auto; + list-style-type: none; + white-space: nowrap; + padding: 0; +} +.menu li { + float: left; +} +.menu li#self { + margin: 0 0 0 979px; +} +.menu li a { + color: white; + text-decoration-line: none; + display: block; + padding: 14px 40px 15px 70px; +} +.menu li a:hover { + background-color: rgba(248, 148, 66, 0.7); +} +.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; +} + +/* 资料卡 */ +.info { + width: 450px; + height: 350px; + background-color: white; + position: absolute; + top: 170px; + left: 140px; +} +.info h2 { + padding: 0 0 0 20px; + color: rgb(255, 115, 0); +} +.info span { + position: relative; + left: 20px; + padding: 10px 0 10px 0; + /* background-color: yellow; */ +} + +/* 房间实况 */ +.room { + width: 450px; + height: 350px; + background-color: white; + position: absolute; + top: 170px; + left: 660px; +} +.room h2 { + padding: 0 0 0 20px; + color: rgb(255, 115, 0); +} + +/* 健康监测卡 */ +.health { + width: 450px; + height: 350px; + background-color: white; + position: absolute; + top: 580px; + left: 140px; +} +.health h2 { + padding: 0 0 0 20px; + color: rgb(255, 115, 0); +} \ No newline at end of file