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