From 54d1b52fb8d59bb84df26e6c89082e5c3ae4a877 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=BE=99=E8=BF=90=E6=A8=A1?= <1724894114@qq.com>
Date: Tue, 16 Jan 2024 18:52:23 +0800
Subject: [PATCH] =?UTF-8?q?=E8=87=AA=E5=AE=9A=E4=B9=89tabbar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 App.vue                            |  3 +-
 components/customTabBar/index.js   |  0
 components/customTabBar/index.json |  0
 components/customTabBar/index.vue  | 25 +++++----
 components/customTabBar/index.wxml | 86 ------------------------------
 components/customTabBar/index.wxss |  0
 main.js                            |  8 +--
 pages/index/index.vue              | 20 ++++---
 pages/person/person.vue            | 11 ++--
 9 files changed, 40 insertions(+), 113 deletions(-)
 delete mode 100644 components/customTabBar/index.js
 delete mode 100644 components/customTabBar/index.json
 delete mode 100644 components/customTabBar/index.wxml
 delete mode 100644 components/customTabBar/index.wxss

diff --git a/App.vue b/App.vue
index 2956bb5..a8be177 100644
--- a/App.vue
+++ b/App.vue
@@ -3,7 +3,8 @@
 		onLaunch: function() {
 			console.warn('当前组件仅支持 uni_modules 目录结构 ，请升级 HBuilderX 到 3.1.0 版本以上！')
 			console.log('App Launch')
-			// plus.navigator.setFullscreen(true);//隐藏状态栏
+			// plus.navigator.setFullscreen(true);//隐藏状态栏
+			// uni.hideTabBar();
 		},
 		onShow: function() {
 			console.log('App Show')
diff --git a/components/customTabBar/index.js b/components/customTabBar/index.js
deleted file mode 100644
index e69de29..0000000
diff --git a/components/customTabBar/index.json b/components/customTabBar/index.json
deleted file mode 100644
index e69de29..0000000
diff --git a/components/customTabBar/index.vue b/components/customTabBar/index.vue
index 0854ebc..c80c019 100644
--- a/components/customTabBar/index.vue
+++ b/components/customTabBar/index.vue
@@ -31,25 +31,25 @@ export default {
         {
           id: 0,
           path: '/pages/index/index',
-          // icon: '/static/template.png',
-          // selectIcon: '/static/templateHL.png',
+          icon: '/static/logo.png',
+          selectIcon: '/static/logo.png',
           text: '首页',
           centerItem: false
         },
         {
           id: 1,
-          path: '/pages/midell/index',
-          // icon: '/static/api.png',
-          // selectIcon: '/static/apiHL.png',
-          text: '中间',
+          path: '/pages/person/person',
+          // icon: '/static/logo.png',
+          // selectIcon: '/static/logo.png',
+          text: '扫一扫',
           // 通过类名class控制样式大小
           centerItem: true
         },
         {
           id: 2,
-          path: '/pages/mine/index',
-          // icon: '/static/component.png',
-          // selectIcon: '/static/componentHL.png',
+          path: '/pages/person/person',
+          icon: '/static/logo.png',
+          selectIcon: '/static/logo.png',
           text: '我的',
           centerItem: false
         }
@@ -72,7 +72,7 @@ export default {
   }
 };
 </script>
-<style lang="less" scope>
+<style lang="scss" scope>
 view {
   padding: 0;
   margin: 0;
@@ -110,12 +110,12 @@ view {
     }
     // 未被选中的导航栏字体
     .item-bottom {
-      font-size: 28rpx;
+      font-size: 12px;
       width: 100%;
     }
     // 被选中的导航栏字体
     .item-active {
-      color: #f00;
+      color: #fff;
     }
   }
 
@@ -132,7 +132,6 @@ view {
       left: calc(50% - 50rpx);
       border-radius: 50%;
       box-shadow: 0 0 5px #999;
-      background-color: rgb(240, 63, 131);
     }
     .item-bottom {
       position: absolute;
diff --git a/components/customTabBar/index.wxml b/components/customTabBar/index.wxml
deleted file mode 100644
index 9b0c013..0000000
--- a/components/customTabBar/index.wxml
+++ /dev/null
@@ -1,86 +0,0 @@
-<template>
-	<view class="tab-bar">
-		<view class="content">
-			<view class="one-tab" v-for="(item, index) in tabBarList" :key="index" @click="selectTabBar(item.pagePath)">
-				<view>
-					<view class="tab-img">
-						<image v-if="routePath === item.pagePath" class="img" :src="item.selectedIconPath"></image>
-						<image v-else class="img" :src="item.iconPath"></image>
-					</view>
-				</view>
-				<view v-if="routePath === item.pagePath" class="tit selectTexts">{{ item.text }}</view>
-				<view v-else class="tit texts">{{ item.text }}</view>
-			</view>
-		</view>
-	</view>
-</template>
- 
-<script>
-export default {
-	props: {
-		// 底部导航栏数据
-		tabBarList: {
-			type: Array,
-			required: true
-		},
-		// 当前页面路径
-		routePath: {
-			type: String,
-			required: true
-		}
-	},
-	data() {
-		return {};
-	},
-	methods: {
-		selectTabBar(path) {
-			this.$emit('onTabBar', path)
-		}
-	}
-};
-</script>
- 
-<style lang="scss">
-.tab-bar {
-	position: fixed;
-	bottom: 0;
-	left: 0;
-	width: 100vw;
-	padding-top: 10rpx;
-	padding-bottom: calc(10rpx + constant(safe-area-inset-bottom));
-	padding-bottom: calc(10rpx + env(safe-area-inset-bottom));
-	background-color: #fff;
- 
-	.content {
-		display: flex;
- 
-		.one-tab {
-			display: flex;
-			flex-direction: column;
-			align-items: center;
-			width: 50%;
- 
-			.tab-img {
-				width: 50rpx;
-				height: 50rpx;
- 
-				.img {
-					width: 100%;
-					height: 100%;
-				}
-			}
- 
-			.tit {
-				font-size: 30rpx;
-				transform: scale(0.7);
-			}
-			.selectTexts{
-			color:#1890e1;	
-			}
-			.texts{
-				color: block;
-			}
-		}
-	}
-}
-</style>
\ No newline at end of file
diff --git a/components/customTabBar/index.wxss b/components/customTabBar/index.wxss
deleted file mode 100644
index e69de29..0000000
diff --git a/main.js b/main.js
index f8fc053..b5a203f 100644
--- a/main.js
+++ b/main.js
@@ -2,12 +2,11 @@
 import "./static/iconfont/iconfont.css"
 import "./static/iconfont/iconfont-weapp/iconfont-weapp-icon.css"
 
-
 // #ifndef VUE3
 import Vue from 'vue'
 import App from './App'
-import svg from './static/iconfont/svg.js'
-Vue.use(svg);
+import svg from './static/iconfont/svg.js'
+Vue.use(svg);
 
 Vue.config.productionTip = false;
 App.mpType = 'app';
@@ -27,4 +26,5 @@ export function createApp() {
     app
   }
 }
-// #endif
\ No newline at end of file
+// #endif
+
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 23940d4..656e1c2 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,5 +1,6 @@
-<template>
-	<view class="home">
+<template>
+	
+	<view class="container home">
 		<view class="home_head">
 			<view class="iconfont icon-chaojiguanliyuan accounticon"></view>
 			<view class="name">Ykxiao 超级管理员</view>
@@ -58,14 +59,21 @@
 					</view>
 				</view>
 			</view>
-		</view>
+		</view>
+		
+		<tab-bar :current-page="0"></tab-bar>
 	</view>
 </template>
 
-<script>
-	export default {
+<script>
+	import tabBar from "@/components/customTabBar/index"
+	export default {
+		components:{
+			tabBar
+		},
 		data() {
-			return {
+			return {
+				
 			}
 		},
 		methods: {
diff --git a/pages/person/person.vue b/pages/person/person.vue
index 26d0596..5863569 100644
--- a/pages/person/person.vue
+++ b/pages/person/person.vue
@@ -58,12 +58,17 @@
 				<view class="t-icon t-icon-xitongshezhi-gerenzhongxin personicon"></view>
 				<view class="font13">系统设置</view>
 			</view>
-		</view>
+		</view>
+		<tab-bar :current-page="2"></tab-bar>
 	</view>
 </template>
 
-<script>
-	export default {
+<script>
+	import tabBar from "@/components/customTabBar/index"
+	export default {
+		components:{
+			tabBar
+		},
 		data() {
 			return {
 			}