feat: 为多个页面添加底部tabBar适配布局

为文章列表、公告列表、品牌页、优惠券页、案例页、文件列表、商品搜索、积分商品列表、分销相关页面以及订单列表页添加了动态底部内边距样式，根据tabBar是否存在适配页面底部空间，同时统一添加自定义底部导航组件

pages_tool/files/list.vue

@@ -7,7 +7,7 @@
         <text class="iconfont icon-sousuo3" @tap="search"></text>
       </view>
     </view>
-    <mescroll-uni ref="mescroll" top="100" @getData="getData">
+    <mescroll-uni ref="mescroll" top="100" @getData="getData" :style="fileListPageStyle">
       <view slot="list">
         <block v-if="list.length > 0">
           <view class="article-wrap">
@@ -36,6 +36,11 @@
       </view>
     </mescroll-uni>
     <privacy-popup ref="privacyPopup"></privacy-popup>
+
+    <!-- 底部tabBar -->
+    <view id="tab-bar">
+      <diy-bottom-nav></diy-bottom-nav>
+    </view>
   </view>
 </template>
 
@@ -49,6 +54,13 @@ export default {
       keyword: ''
     }
   },
+  computed: {
+    fileListPageStyle() {
+      return this.$util.objToStyle({
+        paddingBottom: this.tabBarList && this.tabBarList.list ? '112rpx' : '0'
+      });
+    }
+  },
   onLoad(options) {
     if (options.category_id > 0) {
       this.category_id = options.category_id