src/main/webapp/views/pda/index.html | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/main/webapp/views/pda/login.html | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 |
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> 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>