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

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

pages_tool/article/list.vue

@@ -1,6 +1,6 @@
 <template>
 	<view :style="themeColor">
-		<mescroll-uni @getData="getData" ref="mescroll">
+		<mescroll-uni @getData="getData" ref="mescroll" :style="articleListPageStyle">
 			<block slot="list">
 				<view class="article-wrap" v-if="list.length">
 					<ns-adv keyword="NS_ARTICLE" class-name="adv-wrap"></ns-adv>
@@ -28,6 +28,11 @@
 
 		<!-- 隐私弹窗 -->
 		<privacy-popup ref="privacyPopup"></privacy-popup>
+
+		<!-- 底部tabBar -->
+		<view id="tab-bar">
+			<diy-bottom-nav></diy-bottom-nav>
+		</view>
 	</view>
 </template>
 
@@ -38,6 +43,13 @@ export default {
 			list: []
 		};
 	},
+	computed: {
+		articleListPageStyle() {
+			return this.$util.objToStyle({
+				paddingBottom: this.tabBarList && this.tabBarList.list ? '112rpx' : '0'
+			});
+		}
+	},
 	onShow() {
 		this.setPublicShare();
 	},