From 51dce94f8735daf1e250f5afe482cdd6a128ada2 Mon Sep 17 00:00:00 2001
From: yxq <y1530857136@qq.com>
Date: Wed, 3 Apr 2024 09:23:01 +0800
Subject: [PATCH] =?UTF-8?q?app=20=E8=AE=BE=E7=BD=AE=E5=8A=A8=E6=80=81tabba?=
 =?UTF-8?q?r?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/tabbar/tabbar.vue              | 135 ++++++++++++++++++
 .../LearunApp-2.2.0/main.js                   |   2 +
 .../LearunApp-2.2.0/pages/contact.vue         |   5 +-
 .../LearunApp-2.2.0/pages/home.vue            |   2 +
 .../LearunApp-2.2.0/pages/my.vue              |   4 +
 5 files changed, 147 insertions(+), 1 deletion(-)
 create mode 100644 Learun.Framework.Ultimate V7/LearunApp-2.2.0/components/tabbar/tabbar.vue

diff --git a/Learun.Framework.Ultimate V7/LearunApp-2.2.0/components/tabbar/tabbar.vue b/Learun.Framework.Ultimate V7/LearunApp-2.2.0/components/tabbar/tabbar.vue
new file mode 100644
index 000000000..ab4ae60bd
--- /dev/null
+++ b/Learun.Framework.Ultimate V7/LearunApp-2.2.0/components/tabbar/tabbar.vue	
@@ -0,0 +1,135 @@
+<template>
+    <view class="tab">
+         <view v-for="(item,index) in list" :key="index" class="tab-item" @click="switchTab(item, index)">
+            <img class="tab_img" :src="selectedPath == item.pagePath ? item.selectedIconPath : item.iconPath"></img>
+            <view class="tab_text" :style="{color: selectedPath == item.pagePath ? selectedColor : color}">{{item.text}}</view>
+        </view>
+    </view>
+</template>
+ 
+<script>
+    export default {
+		name:'tabBar',
+        props: {
+            selectedPath: { // 当前选中的tab index
+                default: '/pages/home'
+            },
+        },
+        data() {
+            return {
+                color: "#8c8c8c",
+                selectedColor: "#3398DC",
+                list: [],
+                // currentIndex:0,
+            }
+        },
+		watch: {
+		  "$store.state.loginUser":{
+		    handler:function(newVal,oldVal){
+			  this.setList(newVal.Description)
+		    }
+		  }
+		},
+        created() {
+			// let index = this.list.findIndex(e=>e.pagePath==this.selectedPath)
+			// this.currentIndex = index;
+			let userInfo = this.GET_GLOBAL("loginUser");
+			if(!userInfo)return
+			this.setList(userInfo.Description)
+        },
+        methods: {
+			setList(role){
+				if (role=="学生") {
+				    this.list = [
+						{
+							"index":0,
+							"pagePath": "/pages/home",
+							"iconPath": "static/img-bar/tab-home.png",
+							"selectedIconPath": "static/img-bar/tab-home-active.png",
+							"text": "首页"
+						},
+						{
+							"index":3,
+							"pagePath": "/pages/my",
+							"iconPath": "static/img-bar/tab-my.png",
+							"selectedIconPath": "static/img-bar/tab-my-active.png",
+							"text": "我的"
+						}
+				    ]
+				}else{
+				  this.list = [
+					{
+						"index":0,
+						"pagePath": "/pages/home",
+						"iconPath": "static/img-bar/tab-home.png",
+						"selectedIconPath": "static/img-bar/tab-home-active.png",
+						"text": "首页"
+					},
+					// {
+					// 	"index":1,
+					// 	"pagePath": "/pages/msg",
+					// 	"iconPath": "static/img-bar/tab-msg.png",
+					// 	"selectedIconPath": "static/img-bar/tab-msg-active.png",
+					// 	"text": "消息"
+					// },
+					{
+						"index":2,
+						"pagePath": "/pages/contact",
+						"iconPath": "static/img-bar/tab-contact.png",
+						"selectedIconPath": "static/img-bar/tab-contact-active.png",
+						"text": "通讯录"
+					}, 
+					{
+						"index":3,
+						"pagePath": "/pages/my",
+						"iconPath": "static/img-bar/tab-my.png",
+						"selectedIconPath": "static/img-bar/tab-my-active.png",
+						"text": "我的"
+					}
+					  
+				  ]
+				}
+			},
+            switchTab(item, index) {
+                // this.currentIndex = item.index;
+                let url = item.pagePath;
+				uni.switchTab({
+					url: url
+				});
+            }
+        }
+    }
+</script>
+ 
+<style lang="scss">
+    .tab {
+		background: rgb(245, 245, 245);
+        position: fixed;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        height: 100rpx;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        padding-bottom: env(safe-area-inset-bottom); // 适配iphoneX的底部
+		border-top: 2rpx solid #CDCDCD;
+ 
+        .tab-item {
+            flex: 1;
+            text-align: center;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            flex-direction: column;
+            .tab_img {
+                width: 48rpx;
+                height: 48rpx;
+            }
+            .tab_text {
+                font-size: 20rpx;
+                margin-top: 6rpx;
+            }
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/Learun.Framework.Ultimate V7/LearunApp-2.2.0/main.js b/Learun.Framework.Ultimate V7/LearunApp-2.2.0/main.js
index d2881dae9..9310e72bc 100644
--- a/Learun.Framework.Ultimate V7/LearunApp-2.2.0/main.js	
+++ b/Learun.Framework.Ultimate V7/LearunApp-2.2.0/main.js	
@@ -4,6 +4,8 @@ import App from '@/App.vue'
 import store from '@/common/store.js'
 import mixins from '@/common/mixins.js'
 import '@/components/learun-mpui'
+import tabBar from "@/components/tabbar/tabbar.vue"
+Vue.component('tabBar',tabBar)
 
 // import '@/common/css/common.less';
 
diff --git a/Learun.Framework.Ultimate V7/LearunApp-2.2.0/pages/contact.vue b/Learun.Framework.Ultimate V7/LearunApp-2.2.0/pages/contact.vue
index a9d270d11..a44410283 100644
--- a/Learun.Framework.Ultimate V7/LearunApp-2.2.0/pages/contact.vue	
+++ b/Learun.Framework.Ultimate V7/LearunApp-2.2.0/pages/contact.vue	
@@ -9,6 +9,7 @@
     <view v-else-if="ready" class="user-item-list">
       <l-organize-single-item v-for="item of searchList" @click="userClick" :key="item.id" :item="item" />
     </view>
+	<tabBar selectedPath='/pages/contact'></tabBar>
   </view>
 </template>
 
@@ -29,7 +30,9 @@ export default {
       uni.stopPullDownRefresh()
     })
   },
-
+  onShow() {
+  	uni.hideTabBar()
+  },
   methods: {
     // 处理点击用户的场合，跳转到消息页
     userClick(item) {
diff --git a/Learun.Framework.Ultimate V7/LearunApp-2.2.0/pages/home.vue b/Learun.Framework.Ultimate V7/LearunApp-2.2.0/pages/home.vue
index c8c95f0c8..7eb076ae8 100644
--- a/Learun.Framework.Ultimate V7/LearunApp-2.2.0/pages/home.vue	
+++ b/Learun.Framework.Ultimate V7/LearunApp-2.2.0/pages/home.vue	
@@ -173,6 +173,7 @@
         <!--#endif -->
       </view>
     </view>
+	<tabBar selectedIndex='/pages/home'></tabBar>
   </view>
 </template>
 
@@ -209,6 +210,7 @@ export default {
     await this.init(param);
   },
   async onShow() {
+	uni.hideTabBar()
   	if(this.ready){
 		this.ready = false
 		await this.refresh()
diff --git a/Learun.Framework.Ultimate V7/LearunApp-2.2.0/pages/my.vue b/Learun.Framework.Ultimate V7/LearunApp-2.2.0/pages/my.vue
index 1ec5d5c2d..b69ab903c 100644
--- a/Learun.Framework.Ultimate V7/LearunApp-2.2.0/pages/my.vue	
+++ b/Learun.Framework.Ultimate V7/LearunApp-2.2.0/pages/my.vue	
@@ -80,11 +80,15 @@
     </view>
 
     <view class="footer">{{ copyRightDisplay }}</view>
+	<tabBar selectedPath='/pages/my'></tabBar>
   </view>
 </template>
 
 <script>
 export default {
+  onShow() {
+	uni.hideTabBar()
+  },
   methods: {
     // 点击「注销登录」按钮
     async logout() {