From 1ebc7c64d216450b61be46486fffd1950cc80e60 Mon Sep 17 00:00:00 2001
From: vincent <1341870251@qq.com>
Date: 星期二, 26 五月 2020 21:46:54 +0800
Subject: [PATCH] #

---
 src/main/webapp/views/index.html |   61 +++++++++++++++++++++++++++++-
 1 files changed, 59 insertions(+), 2 deletions(-)

diff --git a/src/main/webapp/views/index.html b/src/main/webapp/views/index.html
index 2f45b22..fe2e32b 100644
--- a/src/main/webapp/views/index.html
+++ b/src/main/webapp/views/index.html
@@ -2,16 +2,73 @@
 <html lang="">
 <head>
   <meta charset="utf-8">
-  <title>鑷姩浠撳偍绠$悊绯荤粺</title>
+  <title>鑷姩浠撳簱WCS绯荤粺</title>
   <meta name="renderer" content="webkit">
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+  <link rel="stylesheet" type="text/css" href="../static/css/normalize.css">
+  <link rel="stylesheet" type="text/css" href="../static/css/common.css">
+  <script type="text/javascript" src="../static/js/jquery/jquery-3.3.1.min.js"></script>
+  <script type="text/javascript" src="../static/js/common.js"></script>
   <style>
+    /* 瀵艰埅 */
+    .nav {
+      background-color: #333;
+      list-style-type: none;
+      position: fixed;
+      width: 100%;
+      overflow: hidden;
+    }
+    .nav li {
+      float: left;
+    }
+    .nav li a {
+      display: block;
+      text-decoration: none;
+      padding: 12px 16px;
+      text-align: center;
+    }
+    .nav li a:hover {
+      color: #fff;
+    }
+    .nav li.right {
+      float: right;
+    }
+
+    .nav-unselect {
+      color: rgba(255,255,255,.7);
+    }
+    .nav-select {
+      background-color: #a62d2d;
+      color: #fff;
+    }
+
+    #content {
+      box-sizing: border-box;
+      padding-top: 46px;
+      width: 100%;
+      height: 100%;
+    }
   </style>
 </head>
 <body>
-<h1>WCS</h1>
+  <ul class="nav">
+    <li><a id="stock" onclick="nav(this.id)" class="nav-select" href="#">瀵艰埅涓�</a></li>
+    <li><a id="crn" onclick="nav(this.id)" class="nav-unselect" href="#">瀵艰埅浜�</a></li>
+    <li><a id="led" onclick="nav(this.id)" class="nav-unselect" href="#">瀵艰埅涓�</a></li>
+    <li class="right"><a id="about" class="nav-unselect" onclick="nav(this.id)" href="#">鍏充簬</a></li>
+  </ul>
+
+  <iframe id="content" src="stock.html"></iframe>
+
 </body>
+<script>
+  function nav(id) {
+      $('.nav-select').attr("class", "nav-unselect");
+      $('#'+id).attr("class", "nav-select");
+  }
+
+</script>
 </html>
 
 

--
Gitblit v1.9.1