底部菜单组件

pages/welfareMall/components/tabbar.js

@@ -66,8 +66,8 @@ Component({
             })
         },
         getPathName(path) {
-            let pos = path.indexOf("luckDraw/");
-            pos += "luckDraw/".length;
+            let pos = path.indexOf("welfareMall/");
+            pos += "welfareMall/".length;
             return path.substr(pos)
         }
     }

pages/welfareMall/components/tabbar.wxss

@@ -4,7 +4,7 @@
     z-index: 1000;
     left: 0;
     bottom: 0;
-    height: 98rpx;
+    height: 99rpx;
     background: #fff;
     width: 100vw;
     box-shadow: 0 8px 49px 0 rgba(179, 117, 117, 0.22);
@@ -12,8 +12,8 @@
     justify-content: space-around;
 }
 .tab-bar-body ._ico {
-    height: 60rpx;
-    width: 60rpx;
+    height: 54rpx;
+    width: 54rpx;
     padding-top: 4rpx;
 }
 .tab-bar-body ._image {
@@ -21,8 +21,8 @@
     height: 100%;
 }
 .tab-bar-body ._text {
-    line-height: 28rpx;
-    height: 28px;
+    line-height: 20rpx;
+    height: 20px;
     text-align: center;
-    font-size: 28rpx;
+    font-size: 20rpx;
 }

pages/welfareMall/personal/personal.wxml

@@ -1,2 +1,4 @@
 <!--pages/welfareMall/personal/personal.wxml-->
 <text>pages/welfareMall/personal/personal.wxml</text>
+<!-- 底部导航 -->
+<tab-bar />