src/main/webapp/static/css/road.css | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/main/webapp/static/image/nav/bg_1.png | 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/main/webapp/static/image/nav/fn_1.png | 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/main/webapp/static/image/nav/fn_1_h.png | 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/main/webapp/static/image/nav/fn_2.png | 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/main/webapp/static/image/nav/fn_2_h.png | 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/main/webapp/static/image/nav/fn_3.png | 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/main/webapp/static/image/nav/fn_3_h.png | 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/main/webapp/static/image/nav/icon.png | 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/main/webapp/views/home/navigation.html | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/main/webapp/views/index.html | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/main/webapp/views/login.html | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/main/webapp/views/login00.html | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 |
src/main/webapp/static/css/road.css
New file @@ -0,0 +1,146 @@ /* CSS Document */ /** * +---------------------------------------------------------- * 主样式 * +---------------------------------------------------------- */ .layui-form-checkbox[lay-skin=primary]:hover i{ border-color: #407CD5; } .layui-form-checked[lay-skin=primary] i{ background-color: #407CD5; border-color: #407CD5; } .layui-btn{ height: 45px; line-height: 45px; } .layui-btn-normal{ background-color: #407CD5; } /*流星*/ .liuxing{ width: 85px; height: 85px; position: absolute; background-size: contain; } .liuxing1 { top: 200px; left: 200px; } .liuxing2 { top: 200px; left: 50%; margin-left: 200px; } .liuxing3 { top: 100px; right: 300px; } .liuxing4 { top: 150px; right: 300px; } .liuxingFla { animation: liuxing 5s ease-in infinite; } .liuxingFla2 { animation: liuxing2 4s ease-in infinite; } .liuxingFla3 { animation: liuxing3 3s linear infinite; } .liuxingFla4 { animation: liuxing4 2s linear infinite; } /* 流星动画 */ @keyframes liuxing { 0% { transform: translate(200px, -200px) } 90% { transform: translate(-180px, 180px); opacity: 1; } 100% { transform: translate(-200px, 200px); opacity: 0; } } @keyframes liuxing2 { 0% { transform: translate(200px, -200px) } 90% { transform: translate(-480px, 480px); opacity: 1; } 100% { transform: translate(-500px, 500px); opacity: 0; } } @keyframes liuxing3 { 0% { transform: translate(200px, -200px) } 90% { transform: translate(-480px, 480px); opacity: 1; } 100% { transform: translate(-500px, 500px); opacity: 0; } } @keyframes liuxing4 { 0% { transform: translate(200px, -200px) } 90% { transform: translate(-180px, 180px); opacity: 1; } 100% { transform: translate(-200px, 200px); opacity: 0; } } /*菜单*/ .moveUpDownFla1 { animation: moveUpDown 5s ease infinite; } .moveUpDownFla2 { animation: moveUpDown 4s linear infinite; } /* 菜单动画 */ @keyframes moveUpDown { 0% { transform: translate(0px, -20px) } 50% { transform: translate(0px, 20px) } 100% { transform: translate(0px, -20px); } } src/main/webapp/static/image/nav/bg_1.png
src/main/webapp/static/image/nav/fn_1.png
src/main/webapp/static/image/nav/fn_1_h.png
src/main/webapp/static/image/nav/fn_2.png
src/main/webapp/static/image/nav/fn_2_h.png
src/main/webapp/static/image/nav/fn_3.png
src/main/webapp/static/image/nav/fn_3_h.png
src/main/webapp/static/image/nav/icon.png
src/main/webapp/views/home/navigation.html
New file @@ -0,0 +1,145 @@ <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>仓储管理系统</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, maximum-scale=1"> <link rel="stylesheet" href="../../static/layui/css/layui.css" media="all"> <link rel="stylesheet" href="../../static/css/road.css"> <style media="screen"> *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-family: 微软雅黑; letter-spacing: 1px; } body{ background: url(../../static/image/nav/bg_1.png); background-size: cover; } .fn_1{ width: 250px; height: 220px; background: url(../../static/image/nav/fn_1.png); background-size: cover; } .fn_1:hover{ background: url(../../static/image/nav/fn_1_h.png); background-size: cover; } .fn_2{ width: 250px; height: 220px; background: url(../../static/image/nav/fn_2.png); background-size: cover; } .fn_2:hover{ background: url(../../static/image/nav/fn_2_h.png); background-size: cover; } .fn_3{ width: 250px; height: 220px; background: url(../../static/image/nav/fn_3.png); background-size: cover; } .fn_3:hover{ background: url(../../static/image/nav/fn_3_h.png); background-size: cover; } .sci-wheel{ position: absolute; top: 0; right: 0; width: 100px; } .header{ width: 100%; height: 100px; line-height: 100px; padding: 0 40px; background:rgba(0,0,0,0.3); } .header img{ float: left; margin: 10px 10px; width: 100px; } .header p{ float: left; font-size: 30px; color: white; letter-spacing: 3px; } .header .home-btn { float: left; margin-top: 20px; width: 74px; height: 74px; border: 1px solid #102262; border-radius: 5px; background: url(../../static/image/nav/icon.png) no-repeat center center; background-size: 45% 45%; cursor: pointer; } .center{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 930px; height: 250px; /* bottom: 300px; */ } .center .list{ display: block; float: left; margin: 0 30px; } .center .list p{ text-align: center; color: #00BAF1; font-size: 18px; margin-top: 240px; } /* .center .list img{ width: 250px; margin: 0 30px; } */ </style> </head> <body> <div class="header"> <p style="margin-left:20px">请选择您要使用的模块</p> </div> <div class="center"> <a class="list fn_1 moveUpDownFla1" ew-href="wrkMast/wrkMast.html?resourceId=214"> <p>运行任务</p> </a> <a class="list fn_2 moveUpDownFla2" ew-href="order/order.html?resourceId=40517"> <p>单据管理</p> </a> <a class="list fn_3 moveUpDownFla1" ew-href="stoMan/stoQue.html?resourceId=10276"> <p>库存明细</p> </a> </div> </body> <script type="text/javascript" src="../../static/js/common.js"></script> <script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js"></script> <script type="text/javascript" src="../../static/layui/layui.js"></script> <script> layui.config({ base: baseUrl + "/static/layui/lay/modules/" }).use(['layer', 'element', 'admin'], function () { var element = layui.element; var $ = layui.jquery; var layer = layui.layer; var admin = layui.admin; }) </script> </html> src/main/webapp/views/index.html
@@ -142,7 +142,7 @@ // 默认加载主页 index.loadHome({ menuPath: baseUrl+'/views/home/console.html', menuPath: baseUrl+'/views/home/navigation.html', menuName: '<i class="layui-icon layui-icon-home"></i>' }); src/main/webapp/views/login.html
@@ -1,5 +1,5 @@ <!DOCTYPE html> <html lang="ja"> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> src/main/webapp/views/login00.html
File was deleted