更换版本

we7/pages/component/footer/footer.js

@@ -0,0 +1,8 @@
+var t;
+(t = getApp()),
+  Component({
+    properties: { tabBar: { type: Object, value: t.tabBar } },
+    data: {},
+    methods: {},
+    created: function () {},
+  });

we7/pages/component/footer/footer.json

@@ -0,0 +1 @@
+{ "component": true, "usingComponents": {} }

we7/pages/component/footer/footer.wxml

@@ -0,0 +1,17 @@
+<view class="we7-bottom" style="background-color:{{tabBar.backgroundColor}};border-color:{{tabBar.borderStyle}}" wx:if="{{tabBar}}">
+    <block wx:for="{{tabBar.list}}" wx:key="{{index}}">
+        <view class="we7-bottom-item" hoverClass="active" wx:if="{{item.pageUrl=='/'+thisurl}}">
+            <navigator hoverClass="active" openType="redirect" url="{{item.pagePath}}">
+                <image class="item-img" mode="widthFix" src="{{item.selectedIconPath}}"></image>
+                <view class="item-text" style="color: {{tabBar.selectedColor}};">{{item.text}}</view>
+            </navigator>
+        </view>
+        <view class="we7-bottom-item" hoverClass="active" wx:else>
+            <navigator hoverClass="active" openType="redirect" url="{{item.pagePath}}">
+                <image class="item-img" mode="widthFix" src="{{item.iconPath}}"></image>
+                <view class="item-text" style="color: {{tabBar.tabBarcolor}}">{{item.text}}</view>
+            </navigator>
+        </view>
+    </block>
+</view>
+<view class="we7-bottom-placeholder"></view>

we7/pages/component/footer/footer.wxss

@@ -0,0 +1,38 @@
+.we7-bottom-placeholder {
+  bottom: 0;
+  height: 134rpx;
+  position: relative;
+  width: 100%;
+  z-index: -1;
+}
+.we7-bottom {
+  border-top: 1px solid #000;
+  bottom: 0;
+  display: -webkit-flex;
+  display: flex;
+  left: 0;
+  overflow: hidden;
+  padding: 10rpx 0;
+  position: fixed;
+  right: 0;
+}
+.we7-bottom,
+.we7-bottom.active,
+.we7-bottom.active navigatorurl {
+  background-color: #fff;
+}
+.we7-bottom .we7-bottom-item {
+  flex: 1;
+  padding: 10rpx;
+  text-align: center;
+}
+.we7-bottom .item-img {
+  display: inline-block;
+  height: 50rpx;
+  width: 50rpx;
+}
+.we7-bottom .item-text {
+  display: block;
+  font-size: 12px;
+  line-height: 1;
+}