From 2ec3a281332d0ded94c1a3cb6911f261d4bd55c0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E6=98=8A=E5=A4=A9?= <442384644@qq.com>
Date: Tue, 6 Dec 2022 18:47:28 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E6=A8=A1=E7=89=88=E7=9B=AE=E5=BD=95?=
 =?UTF-8?q?=E3=80=91=E6=9B=B4=E6=96=B0=E7=A7=BB=E5=8A=A8=E7=AB=AF=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E6=BA=90=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../uni-app/components/pageFooter/index.vue   | 389 +++++++++---------
 .../uni-app/pages/goods_cate/goods_cate1.vue  |  81 +---
 template/uni-app/pages/index/diy/index.vue    |  96 +----
 .../pages/order_addcart/order_addcart.vue     |  84 +---
 template/uni-app/pages/user/index.vue         |  88 +---
 5 files changed, 200 insertions(+), 538 deletions(-)

diff --git a/template/uni-app/components/pageFooter/index.vue b/template/uni-app/components/pageFooter/index.vue
index a7c8360d3..44e6c1068 100644
--- a/template/uni-app/components/pageFooter/index.vue
+++ b/template/uni-app/components/pageFooter/index.vue
@@ -1,203 +1,188 @@
-<template>
-	<view>
-		<view :style="{height:footHeight+'px'}"></view>
-		<view v-if="newData.bgColor">
-			<view class="page-footer" id="target" :style="{'background-color':newData.bgColor.color[0].item}">
-				<view class="foot-item" v-for="(item,index) in newData.menuList" :key="index" @click="goRouter(item)">
-					<block v-if="item.link == activeRouter">
-						<image :src="item.imgList[0]"></image>
-						<view class="txt" :style="{color:newData.activeTxtColor.color[0].item}">{{item.name}}</view>
-					</block>
-					<block v-else>
-						<image :src="item.imgList[1]"></image>
-						<view class="txt" :style="{color:newData.txtColor.color[0].item}">{{item.name}}</view>
-					</block>
-					<div class="count-num"
-						v-if="item.link === '/pages/order_addcart/order_addcart' && $store.state.indexData.cartNum && $store.state.indexData.cartNum>0">
-						{{$store.state.indexData.cartNum}}
-					</div>
-				</view>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	import {
-		mapState,
-		mapGetters
-	} from "vuex"
-	import {
-		getNavigation
-	} from '@/api/public.js'
-	import {
-		getCartCounts,
-	} from '@/api/order.js';
-	export default {
-		name: 'pageFooter',
-		props: {
-			noTop: {
-				type: Boolean,
-				default: true
-			},
-			status: {
-				type: Number | String,
-				default: 1
-			},
-			countNum: {
-				type: Number | String,
-				default: 0
-			},
-		},
-		computed: {
-			...mapState({
-				configData: state => state.app.pageFooter
-			})
-		},
-		computed: mapGetters(['isLogin', 'cartNum']),
-		watch: {
-			configData: {
-				handler(nVal, oVal) {
-					let self = this
-					const query = uni.createSelectorQuery().in(this);
-					this.newData = nVal
-					this.$nextTick(() => {
-						query.select('#target').boundingClientRect(data => {
-							uni.$emit('footHeight', data.height)
-							if (data) {
-								self.footHeight = data.height + 50
-							}
-						}).exec();
-					})
-				},
-				deep: true
-			},
-			cartNum(a, b) {
-				this.$store.commit('indexData/setCartNum', a + '')
-				if (a > 0) {
-					uni.setTabBarBadge({
-						index: Number(uni.getStorageSync('FOOTER_ADDCART')),
-						text: a + ''
-					})
-				} else {
-					wx.hideTabBarRedDot({
-						index: Number(uni.getStorageSync('FOOTER_ADDCART'))
-					})
-				}
-			}
-		},
-		created() {
-			let routes = getCurrentPages(); // 获取当前打开过的页面路由数组
-			let curRoute = routes[routes.length - 1].route //获取当前页面路由
-			this.activeRouter = '/' + curRoute
-		},
-		onShow() {
-			uni.hideTabBar()
-			getNavigation().then(res => {
-				uni.setStorageSync('pageFoot', res.data)
-				this.$store.commit('FOOT_UPLOAD', res.data)
-				this.newData = res.data
-			})
-		},
-		mounted() {
-			let that = this
-			uni.hideTabBar()
-			this.newData = this.$store.state.app.pageFooter
-			if (this.isLogin) {
-				this.getCartNum()
-			}
-		},
-		data() {
-			return {
-				newData: {},
-				activeRouter: '/',
-				footHeight: 0
-			}
-		},
-		methods: {
-			goRouter(item) {
-				var pages = getCurrentPages();
-				if (pages.length) {
-					var page = (pages[pages.length - 1]).$page.fullPath;
-				} else {
-					page = ''
-				}
-				if (item.link == page) return
-				uni.switchTab({
-					url: item.link,
-					fail(err) {
-						uni.redirectTo({
-							url: item.link
-						})
-					}
-				})
-			},
-			getCartNum: function() {
-				let that = this;
-				getCartCounts().then(res => {
-					that.cartCount = res.data.count;
-					this.$store.commit('indexData/setCartNum', res.data.count > 99 ? '...' : res.data.count)
-				});
-			},
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.page-footer {
-		position: fixed;
-		bottom: 0;
-		z-index: 30;
-		display: flex;
-		align-items: center;
-		justify-content: space-around;
-		width: 100%;
-		height: calc(98rpx+ constant(safe-area-inset-bottom)); ///兼容 IOS<11.2/
-		height: calc(98rpx + env(safe-area-inset-bottom)); ///兼容 IOS>11.2/
-		box-sizing: border-box;
-		border-top: solid 1rpx #F3F3F3;
-		background-color: #fff;
-		box-shadow: 0px 0px 17rpx 1rpx rgba(206, 206, 206, 0.32);
-		padding-bottom: constant(safe-area-inset-bottom); ///兼容 IOS<11.2/
-		padding-bottom: env(safe-area-inset-bottom); ///兼容 IOS>11.2/
-
-		.foot-item {
-			display: flex;
-			width: max-content;
-			align-items: center;
-			justify-content: center;
-			flex-direction: column;
-			position: relative;
-			width: 100%;
-			.count-num {
-				position: absolute;
-				display: flex;
-				justify-content: center;
-				align-items: center;
-				width: 40rpx;
-				height: 40rpx;
-				top: 0rpx;
-				right: -15rpx;
-				color: #fff;
-				font-size: 20rpx;
-				background-color: #FD502F;
-				border-radius: 50%;
-				padding: 4rpx;
-			}
-		}
-
-		.foot-item image {
-			height: 50rpx;
-			width: 50rpx;
-			text-align: center;
-			margin: 0 auto;
-		}
-
-		.foot-item .txt {
-			font-size: 24rpx;
-
-
-			&.active {}
-		}
-	}
+<template>
+	<view>
+		<view v-if="newData" class="page-footer" id="target">
+			<view class="foot-item" v-for="(item,index) in newData.menuList" :key="index" @click="goRouter(item)"
+				:style="{'background-color':newData.bgColor.color[0].item}">
+				<block v-if="item.link == activeRouter">
+					<image :src="item.imgList[0]"></image>
+					<view class="txt" :style="{color:newData.activeTxtColor.color[0].item}">{{item.name}}</view>
+				</block>
+				<block v-else>
+					<image :src="item.imgList[1]"></image>
+					<view class="txt" :style="{color:newData.txtColor.color[0].item}">{{item.name}}</view>
+				</block>
+				<div class="count-num" v-if="item.link === '/pages/order_addcart/order_addcart' &&  cartNum>0">
+					{{cartNum > 99 ? '99+' : cartNum}}
+				</div>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import {
+		mapState,
+		mapGetters
+	} from "vuex"
+	import {
+		getNavigation
+	} from '@/api/public.js'
+	import {
+		getCartCounts,
+	} from '@/api/order.js';
+	export default {
+		name: 'pageFooter',
+		props: {
+			status: {
+				type: Number | String,
+				default: 1
+			},
+			countNum: {
+				type: Number | String,
+				default: 0
+			},
+		},
+		data() {
+			return {
+				newData: undefined
+			}
+		},
+		computed: {
+			...mapState({
+				configData: state => state.app.pageFooter
+			})
+		},
+		computed: mapGetters(['isLogin', 'cartNum']),
+		watch: {
+			configData: {
+				handler(nVal, oVal) {
+					let self = this
+					const query = uni.createSelectorQuery().in(this);
+					this.newData = nVal
+					this.$nextTick(() => {
+						query.select('#target').boundingClientRect(data => {
+							uni.$emit('footHeight', data.height)
+							if (data) {
+								self.footHeight = data.height + 50
+							}
+						}).exec();
+					})
+				},
+				deep: true
+			},
+		},
+		created() {
+			let routes = getCurrentPages(); // 获取当前打开过的页面路由数组
+			let curRoute = routes[routes.length - 1].route //获取当前页面路由
+			this.activeRouter = '/' + curRoute
+		},
+		onShow() {
+
+		},
+		mounted() {
+			getNavigation().then(res => {
+				uni.setStorageSync('pageFoot', res.data)
+				this.$store.commit('FOOT_UPLOAD', res.data)
+				this.newData = res.data
+			})
+			let that = this
+			uni.hideTabBar()
+			console.log(this.cartNum, 'cartNum')
+			this.newData = this.$store.state.app.pageFooter
+			if (this.isLogin) {
+				this.getCartNum()
+			}
+		},
+		data() {
+			return {
+				newData: {},
+				activeRouter: '/',
+				footHeight: 0
+			}
+		},
+		methods: {
+			goRouter(item) {
+				var pages = getCurrentPages();
+				var page = (pages[pages.length - 1]).$page.fullPath;
+				if (item.link == page) return
+				uni.switchTab({
+					url: item.link,
+					fail(err) {
+						uni.redirectTo({
+							url: item.link
+						})
+					}
+				})
+			},
+			getCartNum: function() {
+				let that = this;
+				getCartCounts().then(res => {
+					that.cartCount = res.data.count;
+					this.$store.commit('indexData/setCartNum', res.data.count > 99 ? '...' : res.data.count)
+				});
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.page-footer {
+		position: fixed;
+		bottom: 0;
+		z-index: 30;
+		display: flex;
+		align-items: center;
+		justify-content: space-around;
+		width: 100%;
+		height: calc(98rpx+ constant(safe-area-inset-bottom)); ///兼容 IOS<11.2/
+		height: calc(98rpx + env(safe-area-inset-bottom)); ///兼容 IOS>11.2/
+		box-sizing: border-box;
+		border-top: solid 1rpx #F3F3F3;
+		background-color: #fff;
+		box-shadow: 0px 0px 17rpx 1rpx rgba(206, 206, 206, 0.32);
+		padding-bottom: constant(safe-area-inset-bottom); ///兼容 IOS<11.2/
+		padding-bottom: env(safe-area-inset-bottom); ///兼容 IOS>11.2/
+
+		.foot-item {
+			display: flex;
+			width: max-content;
+			align-items: center;
+			justify-content: center;
+			flex-direction: column;
+			position: relative;
+			width: 100%;
+			height: 100%;
+
+			.count-num {
+				position: absolute;
+				display: flex;
+
+				justify-content: center;
+				align-items: center;
+				width: 40rpx;
+				height: 40rpx;
+				top: 0rpx;
+				right: calc(50% - 55rpx);
+				color: #fff;
+				font-size: 20rpx;
+				background-color: #FD502F;
+				border-radius: 50%;
+				padding: 4rpx;
+			}
+		}
+
+		.foot-item image {
+			height: 50rpx;
+			width: 50rpx;
+			text-align: center;
+			margin: 0 auto;
+		}
+
+		.foot-item .txt {
+			font-size: 24rpx;
+
+
+			&.active {}
+		}
+	}
 </style>
diff --git a/template/uni-app/pages/goods_cate/goods_cate1.vue b/template/uni-app/pages/goods_cate/goods_cate1.vue
index 9b9d1180b..82697b10f 100644
--- a/template/uni-app/pages/goods_cate/goods_cate1.vue
+++ b/template/uni-app/pages/goods_cate/goods_cate1.vue
@@ -53,24 +53,8 @@
 				</scroll-view>
 			</view>
 		</view>
-		<tabBar v-if="!is_diy" :pagePath="'/pages/goods_cate/goods_cate'"></tabBar>
-		<view class="foot" v-if="is_diy && newData.menuList && newData.menuList.length">
-			<view class="page-footer" id="target" :style="{'background-color':newData.bgColor.color[0].item}">
-				<view class="foot-item" v-for="(item,index) in newData.menuList" :key="index" @click="goRouter(item)">
-					<block v-if="item.link == activeRouter">
-						<image :src="item.imgList[0]"></image>
-						<view class="txt" :style="{color:newData.activeTxtColor.color[0].item}">{{$t(item.name)}}</view>
-					</block>
-					<block v-else>
-						<image :src="item.imgList[1]"></image>
-						<view class="txt" :style="{color:newData.txtColor.color[0].item}">{{$t(item.name)}}</view>
-					</block>
-					<div class="count-num" v-if="item.link === '/pages/order_addcart/order_addcart' && cartNum > 0">
-						{{cartNum}}
-					</div>
-				</view>
-			</view>
-		</view>
+		<tabBar v-if="!is_diy" :pagePath="'/pages/goods_cate/goods_cate'"></tabBar>
+		<pageFooter v-else></pageFooter>
 	</view>
 </template>
 
@@ -83,10 +67,10 @@
 		mapState,
 		mapGetters
 	} from "vuex"
-	import pageFooter from '@/components/pageFooter/index.vue'
 	import {
 		getNavigation
-	} from '@/api/public.js'
+	} from '@/api/public.js'
+	import pageFooter from '@/components/pageFooter/index.vue'
 	import tabBar from "@/pages/index/visualization/components/tabBar.vue";
 	const app = getApp();
 	export default {
@@ -397,61 +381,4 @@
 		width: 120rpx;
 		text-align: center;
 	}
-
-	.page-footer {
-		position: fixed;
-		bottom: 0;
-		z-index: 30;
-		display: flex;
-		align-items: center;
-		justify-content: space-around;
-		width: 100%;
-		height: calc(98rpx+ constant(safe-area-inset-bottom)); ///兼容 IOS<11.2/
-		height: calc(98rpx + env(safe-area-inset-bottom)); ///兼容 IOS>11.2/
-		box-sizing: border-box;
-		border-top: solid 1rpx #F3F3F3;
-		background-color: #fff;
-		box-shadow: 0px 0px 17rpx 1rpx rgba(206, 206, 206, 0.32);
-		padding-bottom: constant(safe-area-inset-bottom); ///兼容 IOS<11.2/
-		padding-bottom: env(safe-area-inset-bottom); ///兼容 IOS>11.2/
-
-		.foot-item {
-			display: flex;
-			width: max-content;
-			align-items: center;
-			justify-content: center;
-			flex-direction: column;
-			position: relative;
-			width: 100%;
-			.count-num {
-				position: absolute;
-				display: flex;
-				justify-content: center;
-				align-items: center;
-				width: 40rpx;
-				height: 40rpx;
-				top: 0rpx;
-				right: -15rpx;
-				color: #fff;
-				font-size: 20rpx;
-				background-color: #FD502F;
-				border-radius: 50%;
-				padding: 4rpx;
-			}
-		}
-
-		.foot-item image {
-			height: 50rpx;
-			width: 50rpx;
-			text-align: center;
-			margin: 0 auto;
-		}
-
-		.foot-item .txt {
-			font-size: 24rpx;
-
-
-			&.active {}
-		}
-	}
 </style>
diff --git a/template/uni-app/pages/index/diy/index.vue b/template/uni-app/pages/index/diy/index.vue
index adbd42378..31da9f7a8 100644
--- a/template/uni-app/pages/index/diy/index.vue
+++ b/template/uni-app/pages/index/diy/index.vue
@@ -145,26 +145,7 @@
 				<view v-if="site_config" class="site-config" @click="goICP">{{ site_config }}</view>
 				<!-- #endif -->
 				<view class="uni-p-b-98"></view>
-				<view class="foot">
-					<view class="page-footer" id="target" :style="{'background-color':newData.bgColor.color[0].item}">
-						<view class="foot-item" v-for="(item,index) in newData.menuList" :key="index"
-							@click="goRouter(item)">
-							<block v-if="item.link == activeRouter">
-								<image :src="item.imgList[0]"></image>
-								<view class="txt" :style="{color:newData.activeTxtColor.color[0].item}">{{$t(item.name)}}
-								</view>
-							</block>
-							<block v-else>
-								<image :src="item.imgList[1]"></image>
-								<view class="txt" :style="{color:newData.txtColor.color[0].item}">{{$t(item.name)}}</view>
-							</block>
-							<div class="count-num"
-								v-if="item.link === '/pages/order_addcart/order_addcart' && countNum > 0">
-								{{countNum}}
-							</div>
-						</view>
-					</view>
-				</view>
+				<pageFooter></pageFooter>
 			</view>
 		</view>
 		<view v-else>
@@ -208,9 +189,6 @@
 		getCouponNewUser,
 		siteConfig
 	} from '@/api/api.js';
-	import {
-		getNavigation
-	} from '@/api/public.js';
 	// #ifdef H5
 	import mConfig from './components/index.js';
 	// #endif
@@ -382,9 +360,6 @@
 					}
 				});
 			})
-			getNavigation().then(res => {
-				this.newData = res.data
-			})
 			let routes = getCurrentPages(); // 获取当前打开过的页面路由数组
 			let curRoute = routes[routes.length - 1].route //获取当前页面路由
 			this.activeRouter = '/' + curRoute
@@ -709,20 +684,6 @@
 						if (item.name == 'headerSerch') {
 							this.isHeaderSerch = true
 						}
-						if (item.name == 'pageFoot') {
-							if (item.status && item.status.status) {
-								this.newData = item
-							}
-							uni.setStorageSync('FOOTER_BAR', item.status && item.status.status ? true :
-								false)
-							item.menuList.map((path, index) => {
-								if (path.link === '/pages/order_addcart/order_addcart') {
-									uni.setStorageSync('FOOTER_ADDCART', index)
-								}
-							})
-							arr.splice(index, 1);
-
-						}
 						if (item.name == 'promotionList') {
 							that.numConfig = item.numConfig.val;
 							that.goodType = item.tabConfig.list[0].link.activeVal;
@@ -1160,59 +1121,4 @@
 			width: 100%;
 		}
 	}
-
-	.page-footer {
-		position: fixed;
-		bottom: 0;
-		z-index: 30;
-		display: flex;
-		align-items: center;
-		justify-content: space-around;
-		width: 100%;
-		height: calc(98rpx+ constant(safe-area-inset-bottom)); ///兼容 IOS<11.2/
-		height: calc(98rpx + env(safe-area-inset-bottom)); ///兼容 IOS>11.2/
-		box-sizing: border-box;
-		border-top: solid 1rpx #F3F3F3;
-		background-color: #fff;
-		box-shadow: 0px 0px 17rpx 1rpx rgba(206, 206, 206, 0.32);
-		padding-bottom: constant(safe-area-inset-bottom); ///兼容 IOS<11.2/
-		padding-bottom: env(safe-area-inset-bottom); ///兼容 IOS>11.2/
-
-		.foot-item {
-			display: flex;
-			width: max-content;
-			align-items: center;
-			justify-content: center;
-			flex-direction: column;
-			position: relative;
-			width: 100%;
-			.count-num {
-				position: absolute;
-				display: flex;
-				justify-content: center;
-				align-items: center;
-				width: 40rpx;
-				height: 40rpx;
-				top: 0rpx;
-				right: -15rpx;
-				color: #fff;
-				font-size: 20rpx;
-				background-color: #FD502F;
-				border-radius: 50%;
-				padding: 4rpx;
-			}
-		}
-
-		.foot-item image {
-			height: 50rpx;
-			width: 50rpx;
-			text-align: center;
-			margin: 0 auto;
-		}
-
-		.foot-item .txt {
-			font-size: 24rpx;
-			&.active {}
-		}
-	}
 </style>
diff --git a/template/uni-app/pages/order_addcart/order_addcart.vue b/template/uni-app/pages/order_addcart/order_addcart.vue
index 77a2eded4..73021092c 100644
--- a/template/uni-app/pages/order_addcart/order_addcart.vue
+++ b/template/uni-app/pages/order_addcart/order_addcart.vue
@@ -144,24 +144,8 @@
 		<!-- <view class="uni-p-b-96"></view> -->
 		<view class="uni-p-b-98"></view>
 		<!-- <pageFooter :countNum="cartCount"></pageFooter> -->
-		<tabBar v-if="!is_diy" :pagePath="'/pages/order_addcart/order_addcart'"></tabBar>
-		<view class="foot" v-if="is_diy && newData.menuList && newData.menuList.length">
-			<view class="page-footer" id="target" :style="{'background-color':newData.bgColor.color[0].item}">
-				<view class="foot-item" v-for="(item,index) in newData.menuList" :key="index" @click="goRouter(item)">
-					<block v-if="item.link == activeRouter">
-						<image :src="item.imgList[0]"></image>
-						<view class="txt" :style="{color:newData.activeTxtColor.color[0].item}">{{item.name}}</view>
-					</block>
-					<block v-else>
-						<image :src="item.imgList[1]"></image>
-						<view class="txt" :style="{color:newData.txtColor.color[0].item}">{{item.name}}</view>
-					</block>
-					<div class="count-num" v-if="item.link === '/pages/order_addcart/order_addcart' && cartCount > 0">
-						{{cartCount}}
-					</div>
-				</view>
-			</view>
-		</view>
+		<tabBar v-if="!is_diy" :pagePath="'/pages/order_addcart/order_addcart'"></tabBar>
+		<pageFooter v-else></pageFooter>
 	</view>
 </template>
 
@@ -201,9 +185,6 @@
 	import {
 		HTTP_REQUEST_URL
 	} from '@/config/app';
-	import {
-		getNavigation
-	} from '@/api/public.js'
 	export default {
 		components: {
 			pageFooter,
@@ -266,9 +247,6 @@
 		computed: mapGetters(['isLogin']),
 		onLoad(options) {
 			uni.hideTabBar()
-			getNavigation().then(res => {
-				this.newData = res.data
-			})
 			let that = this;
 			if (that.isLogin == false) {
 				toLogin();
@@ -968,64 +946,6 @@
 </script>
 
 <style scoped lang="scss">
-	.page-footer {
-		position: fixed;
-		bottom: 0;
-		z-index: 30;
-		display: flex;
-		align-items: center;
-		justify-content: space-around;
-		width: 100%;
-		height: calc(98rpx+ constant(safe-area-inset-bottom)); ///兼容 IOS<11.2/
-		height: calc(98rpx + env(safe-area-inset-bottom)); ///兼容 IOS>11.2/
-		box-sizing: border-box;
-		border-top: solid 1rpx #F3F3F3;
-		background-color: #fff;
-		box-shadow: 0px 0px 17rpx 1rpx rgba(206, 206, 206, 0.32);
-		padding-bottom: constant(safe-area-inset-bottom); ///兼容 IOS<11.2/
-		padding-bottom: env(safe-area-inset-bottom); ///兼容 IOS>11.2/
-
-		.foot-item {
-			display: flex;
-			width: max-content;
-			align-items: center;
-			justify-content: center;
-			flex-direction: column;
-			position: relative;
-			width: 100%;
-
-			.count-num {
-				position: absolute;
-				display: flex;
-				justify-content: center;
-				align-items: center;
-				width: 40rpx;
-				height: 40rpx;
-				top: 0rpx;
-				right: -15rpx;
-				color: #fff;
-				font-size: 20rpx;
-				background-color: #FD502F;
-				border-radius: 50%;
-				padding: 4rpx;
-			}
-		}
-
-		.foot-item image {
-			height: 50rpx;
-			width: 50rpx;
-			text-align: center;
-			margin: 0 auto;
-		}
-
-		.foot-item .txt {
-			font-size: 24rpx;
-
-
-			&.active {}
-		}
-	}
-
 	.shoppingCart {
 		/* #ifdef H5 */
 		// padding-bottom: 0;
diff --git a/template/uni-app/pages/user/index.vue b/template/uni-app/pages/user/index.vue
index e13cd0d25..4f62c0193 100644
--- a/template/uni-app/pages/user/index.vue
+++ b/template/uni-app/pages/user/index.vue
@@ -272,24 +272,8 @@
 				<view class="uni-p-b-98"></view>
 			</scroll-view>
 		</view>
-		<tabBar v-if="!is_diy" :pagePath="'/pages/user/index'"></tabBar>
-		<view class="foot" v-if="is_diy && newData.menuList && newData.menuList.length">
-			<view class="page-footer" id="target" :style="{'background-color':newData.bgColor.color[0].item}">
-				<view class="foot-item" v-for="(item,index) in newData.menuList" :key="index" @click="goRouter(item)">
-					<block v-if="item.link == activeRouter">
-						<image :src="item.imgList[0]"></image>
-						<view class="txt" :style="{color:newData.activeTxtColor.color[0].item}">{{$t(item.name)}}</view>
-					</block>
-					<block v-else>
-						<image :src="item.imgList[1]"></image>
-						<view class="txt" :style="{color:newData.txtColor.color[0].item}">{{$t(item.name)}}</view>
-					</block>
-					<div class="count-num" v-if="item.link === '/pages/order_addcart/order_addcart' && cartNum > 0">
-						{{cartNum}}
-					</div>
-				</view>
-			</view>
-		</view>
+		<tabBar v-if="!is_diy" :pagePath="'/pages/user/index'"></tabBar>
+		<pageFooter v-else></pageFooter>
 	</view>
 </template>
 <script>
@@ -302,7 +286,6 @@
 	} from '@/api/user.js';
 	import {
 		wechatAuthV2,
-		getNavigation,
 		silenceAuth
 	} from '@/api/public.js'
 	import {
@@ -319,13 +302,15 @@
 	import dayjs from '@/plugin/dayjs/dayjs.min.js';
 	import Routine from '@/libs/routine';
 	import colors from '@/mixins/color';
-	import tabBar from "@/pages/index/visualization/components/tabBar.vue";
+	import tabBar from "@/pages/index/visualization/components/tabBar.vue";
+	import pageFooter from '@/components/pageFooter/index.vue'
 	import {
 		getCustomer
 	} from '@/utils/index.js'
 	export default {
 		components: {
-			tabBar,
+			tabBar,
+			pageFooter
 		},
 		// computed: mapGetters(['isLogin','cartNum']),
 		computed: {
@@ -390,7 +375,6 @@
 				sysHeight: sysHeight,
 				mpHeight: 0,
 				showStatus: 1,
-				newData: {},
 				activeRouter: '',
 				// #ifdef H5 || MP
 				pageHeight: '100%',
@@ -412,9 +396,6 @@
 		onLoad(option) {
 			uni.hideTabBar()
 			let that = this;
-			getNavigation().then(res => {
-				this.newData = res.data
-			})
 			// #ifdef MP
 			// 小程序静默授权
 			if (!this.$store.getters.isLogin) {
@@ -1332,63 +1313,6 @@
 		}
 	}
 
-	.page-footer {
-		position: fixed;
-		bottom: 0;
-		z-index: 30;
-		display: flex;
-		align-items: center;
-		justify-content: space-around;
-		width: 100%;
-		height: calc(98rpx+ constant(safe-area-inset-bottom)); ///兼容 IOS<11.2/
-		height: calc(98rpx + env(safe-area-inset-bottom)); ///兼容 IOS>11.2/
-		box-sizing: border-box;
-		border-top: solid 1rpx #F3F3F3;
-		background-color: #fff;
-		box-shadow: 0px 0px 17rpx 1rpx rgba(206, 206, 206, 0.32);
-		padding-bottom: constant(safe-area-inset-bottom); ///兼容 IOS<11.2/
-		padding-bottom: env(safe-area-inset-bottom); ///兼容 IOS>11.2/
-
-		.foot-item {
-			display: flex;
-			width: max-content;
-			align-items: center;
-			justify-content: center;
-			flex-direction: column;
-			position: relative;
-			width: 100%;
-			.count-num {
-				position: absolute;
-				display: flex;
-				justify-content: center;
-				align-items: center;
-				width: 40rpx;
-				height: 40rpx;
-				top: 0rpx;
-				right: -15rpx;
-				color: #fff;
-				font-size: 20rpx;
-				background-color: #FD502F;
-				border-radius: 50%;
-				padding: 4rpx;
-			}
-		}
-
-		.foot-item image {
-			height: 50rpx;
-			width: 50rpx;
-			text-align: center;
-			margin: 0 auto;
-		}
-
-		.foot-item .txt {
-			font-size: 24rpx;
-
-
-			&.active {}
-		}
-	}
-
 	.new-users {
 		padding-bottom: 0;
 		padding-bottom: constant(safe-area-inset-bottom);