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

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

pages_tool/goods/brand.vue

@@ -1,6 +1,6 @@
 <template>
 	<view :data-theme="themeStyle">
-		<mescroll-uni @getData="getBrandList" ref="mescroll" size="20">
+		<mescroll-uni @getData="getBrandList" ref="mescroll" size="20" :style="brandPageStyle">
 			<block slot="list">
 				<ns-adv keyword="NS_BRAND" class-name="adv-wrap"></ns-adv>
 				<view class="brand-content" v-if="brandList.length > 0">
@@ -18,6 +18,11 @@
 
 		<!-- 隐私弹窗 -->
 		<privacy-popup ref="privacyPopup"></privacy-popup>
+
+		<!-- 底部tabBar -->
+		<view id="tab-bar">
+			<diy-bottom-nav></diy-bottom-nav>
+		</view>
 	</view>
 </template>
 
@@ -29,6 +34,13 @@ export default {
 			siteId: 0
 		};
 	},
+	computed: {
+		brandPageStyle() {
+			return this.$util.objToStyle({
+				paddingBottom: this.tabBarList && this.tabBarList.list ? '112rpx' : '0'
+			});
+		}
+	},
 	onLoad(options) {
 		if (options.site_id) this.siteId = options.site_id;
 	},