From 7dd78eef0ea142d723910f61c3ba54312445b5f7 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期六, 27 六月 2020 13:27:59 +0800
Subject: [PATCH] #
---
src/main/webapp/views/pda/index.html | 73 ++++++++++++++++++++++++++++++++++++
src/main/webapp/views/pda/login.html | 36 ++++++++----------
2 files changed, 89 insertions(+), 20 deletions(-)
diff --git a/src/main/webapp/views/pda/index.html b/src/main/webapp/views/pda/index.html
index ee9f937..836d887 100644
--- a/src/main/webapp/views/pda/index.html
+++ b/src/main/webapp/views/pda/index.html
@@ -2,9 +2,82 @@
<html lang="en">
<head>
<meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, target-densitydpi=high-dpi, initial-scale=1.0, user-scalable=no"/>
<title>PDA棣栭〉</title>
+ <style>
+ * {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ }
+ html {
+ height: 100%;
+ /*line-height: 1.5;*/
+ }
+ body {
+ height: 100%;
+ }
+
+ /* 瀵艰埅 */
+ .nav {
+ background-color: #fff; /*todo*/
+ color: #000;
+ list-style-type: none;
+ position: fixed;
+ width: 100%;
+ overflow: hidden;
+ box-shadow: 0 1px 2px 0 rgba(0,0,0,.1)
+ }
+ .nav li {
+ float: left;
+ border-right: 1px solid #f1f1f1; /*todo*/
+ }
+ .nav li a {
+ font-size: 14px;
+ letter-spacing: 2px;
+ display: block;
+ text-decoration: none;
+ padding: 6px 10px;
+ text-align: center;
+ /*transform:scale(1.5);*/
+ /*-webkit-transform:scale(1.5);*/
+ /*-moz-transform:scale(1.5);*/
+ }
+ .nav li a:hover {
+ color: #000;
+ }
+ .nav-unselect {
+ color: #666;
+ }
+ .nav-select {
+ background-color: #f1f1f1; /*todo*/
+ color: #000;
+ }
+
+ /* 涓讳綋 */
+ #content {
+ padding-top: 31px;
+ width: 100%;
+ height: 100%;
+ }
+ iframe {
+ border-width: 0;
+ }
+ </style>
</head>
<body>
+<!-- 瀵艰埅鏍� -->
+<ul class="nav">
+ <li><a id="comb" onclick="nav(this.id)" class="nav-select" href="#">缁勬墭</a></li>
+ <li><a id="in" onclick="nav(this.id)" class="nav-unselect" href="#">鍏ュ簱</a></li>
+ <li><a id="out" onclick="nav(this.id)" class="nav-unselect" href="#">鍑哄簱</a></li>
+</ul>
+
+<!-- 涓讳綋鍐呭 -->
+<iframe id="content" src="comb.html"></iframe>
+
</body>
</html>
\ No newline at end of file
diff --git a/src/main/webapp/views/pda/login.html b/src/main/webapp/views/pda/login.html
index 4530fe9..9bf1c23 100644
--- a/src/main/webapp/views/pda/login.html
+++ b/src/main/webapp/views/pda/login.html
@@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="UTF-8">
- <meta name="viewport" content="user-scalable=0">
+ <meta name="viewport" content="width=device-width, target-densitydpi=high-dpi, initial-scale=1.0, user-scalable=no"/>
<title>绯荤粺鐧诲綍</title>
<link rel="stylesheet" href="../../static/layui/css/layui.css" media="all">
<script type="text/javascript" src="../../static/layui/layui.js"></script>
@@ -12,37 +12,33 @@
height: 100%;
overflow: hidden;
}
-
#login-wrapper {
box-sizing:border-box;
background: #fff;
height: 100%;
- padding: 300px 100px;
+ padding: 60px 40px;
text-align: center;
overflow: hidden;
}
-
#login-wrapper h1 {
- font-size: xx-large;
font-weight: bolder;
- margin-bottom: 100px;
+ margin-bottom: 20px;
letter-spacing: 5px;
- transform:scale(3);
- -webkit-transform:scale(3);
- -moz-transform:scale(3);
+ /*transform:scale(3);*/
+ /*-webkit-transform:scale(3);*/
+ /*-moz-transform:scale(3);*/
}
-
.layui-form-item {
- margin-bottom: 50px;
+ margin-bottom: 15px;
position: relative;
}
.layui-form-item .layui-input {
- height: 120px;
- padding-left: 40px;
- font-size: xx-large;
+ height: 30px;
+ padding-left: 20px;
+ font-size: 14px;
border: 1px solid #767676;
color: inherit;
- border-radius: 15px;
+ border-radius: 3px;
transition: 0.3s;
}
.layui-input:hover, .layui-textarea:hover {
@@ -50,15 +46,15 @@
border-width: 1.5px;
}
.login-submit {
- margin-top: 80px;
+ margin-top: 20px;
}
#login-button {
background-color: #0767aa;
- /*width: 80%;*/
- font-size: xx-large;
+ width: 50%;
+ font-size: 14px;
font-weight: bolder;
- border-radius: 10px;
- height: 120px;
+ border-radius: 5px;
+ height: 40px;
}
</style>
</head>
--
Gitblit v1.9.1