添加底部导航栏样式

target/classes/static/css/layuimini.css

@@ -836,6 +836,11 @@
         left: 0;
     }
 
+    .layuimini-footer-content {
+        left: 0;
+    }
+
+
     .layui-layout-admin .layui-body .layui-tab-item.layui-show {
         border-top: 1px solid #e2e2e2;
     }
@@ -915,6 +920,35 @@
         z-index: 997;
     }
 
+    .layuimini-footer-content {
+        z-index: 997;
+        text-align: center;
+    }
+
+    .layuimini-footer-content-right {
+        width: 35%;
+        display: inline-block;
+    }
+
+    .layuimini-footer-content-center {
+        width: 20%;
+        display: inline-block;
+    }
+
+    .layuimini-footer-content-left {
+        width: 35%;
+        display: inline-block;
+    }
+
+    .layuimini-footer-content-item {
+        width: 1%;
+        position: relative;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        display: table-cell;
+    }
+
+
     /*修复UC之类的浏览器点击无效*/
     .layuimini-make {
         cursor: pointer;

target/classes/static/css/public.css

@@ -163,3 +163,67 @@ body {
     color: #fff;
     cursor: pointer;
 }
+
+
+
+.layuimini-qiuck-module a i {
+    display: inline-block;
+    width: 100%;
+    height: 60px;
+    line-height: 60px;
+    text-align: center;
+    border-radius: 2px;
+    font-size: 30px;
+    background-color: #F8F8F8;
+    color: #333;
+    transition: all .3s;
+    -webkit-transition: all .3s;
+}
+
+.layuimini-qiuck-module a cite {
+    position: relative;
+    top: 2px;
+    display: block;
+    color: #666;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+    font-size: 14px;
+}
+
+
+.layuimini-notice:hover, .layuimini-myTask:hover {
+    background: #f6f6f6;
+}
+
+.layuimini-notice, .layuimini-myTask {
+    padding: 7px 16px;
+    clear: both;
+    font-size: 12px !important;
+    cursor: pointer;
+    position: relative;
+    transition: background 0.2s ease-in-out;
+}
+
+.layuimini-notice-title, .layuimini-notice-label, .layuimini-myTask-type {
+    padding-right: 70px !important;
+    text-overflow: ellipsis !important;
+    overflow: hidden !important;
+    white-space: nowrap !important;
+}
+
+.layuimini-notice-title, .layuimini-myTask-type {
+    line-height: 28px;
+    font-size: 14px;
+}
+
+.layuimini-notice-extra, .layuimini-myTask-extra {
+    position: absolute;
+    top: 50%;
+    margin-top: -8px;
+    right: 16px;
+    display: inline-block;
+    height: 16px;
+    color: #999;
+}
+

target/classes/static/lib/layui-v2.6.3/css/layui.css

@@ -963,6 +963,7 @@ a cite {
     background-color: #23262E
 }
 
+
 .layui-layout-admin .layui-side {
     top: 60px;
     width: 200px;
@@ -982,15 +983,16 @@ a cite {
 
 .layui-layout-admin .layui-footer {
     position: fixed;
-    left: 200px;
+    left: 0;
     right: 0;
     bottom: 0;
     z-index: 990;
-    height: 44px;
+    height: 50px;
-    line-height: 44px;
+    line-height: 50px;
     padding: 0 15px;
     box-shadow: -1px 0 4px rgb(0 0 0 / 12%);
-    background-color: #FAFAFA
+    background-color: #FAFAFA;
+    table-layout: fixed;
 }
 
 .layui-layout-admin .layui-logo {

target/classes/templates/index_mobile.html

@@ -17,6 +17,7 @@
     <link rel="stylesheet" href="/static/lib/layui-v2.6.3/css/layui.css" media="all">
     <link rel="stylesheet" href="/static/css/layuimini.css?v=2.0.4.2" media="all">
     <link rel="stylesheet" href="/static/css/themes/default.css" media="all">
+    <link rel="stylesheet" href="/static/css/public.css" media="all">
     <link rel="stylesheet" href="/static/lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all">
     <!--[if lt IE 9]>
     <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
@@ -30,23 +31,24 @@
     <script src="../static/js/vue/vue-router.js"></script>
     <script src="../static/lib/http-vue-loader/src/httpVueLoader.js"></script>
     <style id="layuimini-bg-color">
-        .layui-header{
+        .layui-header {
             height: 35px !important;
         }
+
         .layui-nav {
             height: 35px !important;
         }
 
-         .layui-nav-item {
+        .layui-nav-item {
             color: #1b1d21;
             line-height: 35px !important;
         }
-        .layui-layout-admin .layui-body{
+
+        .layui-layout-admin .layui-body {
             top: 35px !important;
         }
 
 
-
     </style>
 </head>
 <body class="layui-layout-body layuimini-all">
@@ -105,11 +107,57 @@
         </div>
     </div>
 
-    <!--无限极左侧菜单-->
+    <!--    底部导航栏-->
-    <div class="layui-side layui-bg-black layuimini-menu-left">
+    <div class="layui-footer ">
-
+        <div class="layuimini-footer-content">
+            <!--            导航栏左侧按钮-->
+            <div class="layuimini-footer-content-left">
+                <div class="layuimini-footer-content-item">
+                    <a href="javascript:;" layuimini-content-href="/welcome" data-title="首页" style="display: inline-block"
+                       data-icon="fa fa-window-maximize">
+                        <i class="fa fa-home  fa-fw" style=" position: relative; top: -5px; left: 15px;"></i>
+                        <span style=" display: inline-block; position: relative; top: 10px;left: -11px;">首页</span>
+                    </a>
+                </div>
+                <div class="layuimini-footer-content-item">
+                    <a href="javascript:;" layuimini-content-href="/welcome" data-title="首页" style="display: inline-block"
+                       data-icon="fa fa-window-maximize">
+                        <i class="fa fa-home  fa-fw" style=" position: relative; top: -5px; left: 15px;"></i>
+                        <span style=" display: inline-block; position: relative; top: 10px;left: -11px;">首页</span>
+                    </a>
+                </div>
+            </div>
+            <!--            导航栏中间按钮-->
+            <div class="layuimini-footer-content-center">
+                <div class="layuimini-footer-content-item">
+                    <a href="javascript:;" layuimini-content-href="/welcome" data-title="首页" style="display: inline-block"
+                       data-icon="fa fa-window-maximize">
+                        <i class="fa fa-home  fa-fw" style=" position: relative; top: -5px; left: 15px;"></i>
+                        <span style=" display: inline-block; position: relative; top: 10px;left: -11px;">首页</span>
+                    </a>
+                </div>
+            </div>
+            <!--            导航栏右侧按钮-->
+            <div class="layuimini-footer-content-right">
+                <div class="layuimini-footer-content-item">
+                    <a href="javascript:;" layuimini-content-href="/welcome" data-title="首页" style="display: inline-block"
+                       data-icon="fa fa-window-maximize">
+                        <i class="fa fa-home  fa-fw" style=" position: relative; top: -5px; left: 15px;"></i>
+                        <span style=" display: inline-block; position: relative; top: 10px;left: -11px;">首页</span>
+                    </a>
+                </div>
+                <div class="layuimini-footer-content-item">
+                    <a href="javascript:;" layuimini-content-href="/welcome" data-title="首页" style="display: inline-block"
+                       data-icon="fa fa-window-maximize">
+                        <i class="fa fa-home  fa-fw" style=" position: relative; top: -5px; left: 15px;"></i>
+                        <span style=" display: inline-block; position: relative; top: 10px;left: -11px;">首页</span>
+                    </a>
+                </div>
+            </div>
+        </div>
     </div>
 
+
     <!--初始化加载层-->
     <div class="layuimini-loader">
         <div class="layuimini-loader-inner"></div>
@@ -118,8 +166,6 @@
     <!--手机端遮罩层-->
     <div class="layuimini-make"></div>
 
-    <!-- 移动导航 -->
-    <div class="layuimini-site-mobile"><i class="layui-icon"></i></div>
 
     <div class="layui-body">
 
@@ -165,7 +211,6 @@
             miniAdmin = layui.miniAdmin;
 
 
-
         var dataByConfig;
         var uid = $("#uid").text();
         var options = {
@@ -234,7 +279,7 @@
                     timestamp: data.timestamp, // 必填，生成签名的时间戳
                     nonceStr: data.noncestr, // 必填，生成签名的随机串
                     signature: data.jsapi_ticket_enterprises,// 必填，签名，见 附录-JS-SDK使用权限签名算法
-                    jsApiList: ['invoke','thirdPartyOpenPage','scanQRCode'] // 必填，需要使用的JS接口列表，凡是要调用的接口都需要传进来
+                    jsApiList: ['invoke', 'thirdPartyOpenPage', 'scanQRCode'] // 必填，需要使用的JS接口列表，凡是要调用的接口都需要传进来
                 });
             }
         });

target/classes/templates/pages/other/welcome.html

@@ -37,30 +37,6 @@
             margin-top: 10px
         }
 
-        .layuimini-qiuck-module a i {
-            display: inline-block;
-            width: 100%;
-            height: 60px;
-            line-height: 60px;
-            text-align: center;
-            border-radius: 2px;
-            font-size: 30px;
-            background-color: #F8F8F8;
-            color: #333;
-            transition: all .3s;
-            -webkit-transition: all .3s;
-        }
-
-        .layuimini-qiuck-module a cite {
-            position: relative;
-            top: 2px;
-            display: block;
-            color: #666;
-            text-overflow: ellipsis;
-            overflow: hidden;
-            white-space: nowrap;
-            font-size: 14px;
-        }
 
         .welcome-module {
             width: 100%;
@@ -112,40 +88,7 @@
             background-color: #F8F8F8;
         }
 
-        .layuimini-notice:hover, .layuimini-myTask:hover {
-            background: #f6f6f6;
-        }
 
-        .layuimini-notice, .layuimini-myTask {
-            padding: 7px 16px;
-            clear: both;
-            font-size: 12px !important;
-            cursor: pointer;
-            position: relative;
-            transition: background 0.2s ease-in-out;
-        }
-
-        .layuimini-notice-title, .layuimini-notice-label, .layuimini-myTask-type {
-            padding-right: 70px !important;
-            text-overflow: ellipsis !important;
-            overflow: hidden !important;
-            white-space: nowrap !important;
-        }
-
-        .layuimini-notice-title, .layuimini-myTask-type {
-            line-height: 28px;
-            font-size: 14px;
-        }
-
-        .layuimini-notice-extra, .layuimini-myTask-extra {
-            position: absolute;
-            top: 50%;
-            margin-top: -8px;
-            right: 16px;
-            display: inline-block;
-            height: 16px;
-            color: #999;
-        }
     </style>
 </head>
 <body>