测试

mTest/css/index.css

@@ -133,21 +133,22 @@
 }
 }
 .bottom-nav {
 .bottom-nav {
   width: 10rem;
   width: 10rem;
-  height: 1.2rem;
+  height: 1.4rem;
   position: fixed;
   position: fixed;
   bottom: 0;
   bottom: 0;
   left: 50%;
   left: 50%;
   margin-left: -5rem;
   margin-left: -5rem;
   z-index: 580;
   z-index: 580;
   background: #FFFFFF;
   background: #FFFFFF;
+  box-shadow: 0rem 0.1rem 0.3rem rgba(0, 0, 0, 0.3);
 }
 }
 .bottom-nav > div {
 .bottom-nav > div {
   width: 25%;
   width: 25%;
-  height: 1.2rem;
+  height: 1.4rem;
+  line-height: 1.4rem;
   float: left;
   float: left;
   font-size: 0;
   font-size: 0;
   text-align: center;
   text-align: center;
-  line-height: 1.2rem;
 }
 }
 .bottom-nav > div .bottom-nav-img1 {
 .bottom-nav > div .bottom-nav-img1 {
   transition: 0.35s all;
   transition: 0.35s all;

mTest/css/index.less

@@ -139,21 +139,21 @@
 }
 }
 .bottom-nav{
 .bottom-nav{
   width: 10rem;
   width: 10rem;
-  height: 1.2rem;
+  height: 1.4rem;
   position: fixed;
   position: fixed;
   bottom: 0;
   bottom: 0;
   left: 50%;
   left: 50%;
   margin-left: -5rem;
   margin-left: -5rem;
   z-index: 580;
   z-index: 580;
   background: #FFFFFF;
   background: #FFFFFF;
+  box-shadow: 0rem 0.1rem 0.3rem rgba(0,0,0,0.3);
   >div{
   >div{
     width: 25%;
     width: 25%;
-    height: 1.2rem;
-    line-height: 1.2rem;
+    height: 1.4rem;
+    line-height: 1.4rem;
     float: left;
     float: left;
     font-size: 0;
     font-size: 0;
     text-align: center;
     text-align: center;
-    line-height: 1.2rem;
     .bottom-nav-img1{
     .bottom-nav-img1{
       transition: 0.35s all;
       transition: 0.35s all;
       width: 0.62rem;
       width: 0.62rem;

mTest/index.html

@@ -34,8 +34,8 @@
     <script src="lib/fsize.js"></script>
     <script src="lib/fsize.js"></script>
     <link rel="stylesheet" href="css/base.css?v=2022111701">
     <link rel="stylesheet" href="css/base.css?v=2022111701">
     <link rel="stylesheet" href="css/layer.css">
     <link rel="stylesheet" href="css/layer.css">
-    <link rel="stylesheet" href="css/index.css?v=2022112201">
-    <link rel="stylesheet" href="css/login.css?v=2022111811">
+    <link rel="stylesheet" href="css/index.css?v=2022112203">
+    <link rel="stylesheet" href="css/login.css?v=2022111813">
     <script src="index.js?v=20221123" defer=""></script>
     <script src="index.js?v=20221123" defer=""></script>
     <link rel="manifest" href="manifest.webmanifest?v=20221123" />
     <link rel="manifest" href="manifest.webmanifest?v=20221123" />