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

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

pages_tool/notice/list.vue

@@ -1,6 +1,6 @@
 <template>
 	<view :style="themeColor">
-		<mescroll-uni @getData="getData" ref="mescroll">
+		<mescroll-uni @getData="getData" ref="mescroll" :style="noticeListPageStyle">
 			<block slot="list">
 				<view class="notice-list" v-if="dataList.length">
 					<view class="notice-item" @click="jumpDetail(item.id)" v-for="(item, index) in dataList"
@@ -22,6 +22,11 @@
 
 		<!-- 隐私弹窗 -->
 		<privacy-popup ref="privacyPopup"></privacy-popup>
+
+		<!-- 底部tabBar -->
+		<view id="tab-bar">
+			<diy-bottom-nav></diy-bottom-nav>
+		</view>
 	</view>
 </template>
 
@@ -32,6 +37,13 @@ export default {
 			dataList: []
 		};
 	},
+	computed: {
+		noticeListPageStyle() {
+			return this.$util.objToStyle({
+				paddingBottom: this.tabBarList && this.tabBarList.list ? '112rpx' : '0'
+			});
+		}
+	},
 	onShow() {
 		this.setPublicShare();
 	},