From 812dff161d23fbd06e70618add664cc41d91fd1d Mon Sep 17 00:00:00 2001
From: talktao <t1416249906@163.com>
Date: Fri, 18 Mar 2022 22:36:19 +0800
Subject: [PATCH] =?UTF-8?q?add=EF=BC=9A=E5=BA=95=E9=83=A8TabBar=E6=A0=8F?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E5=B0=81=E8=A3=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TabBar.vue | 44 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 44 insertions(+)
 create mode 100644 src/components/TabBar.vue

diff --git a/src/components/TabBar.vue b/src/components/TabBar.vue
new file mode 100644
index 0000000..e477a52
--- /dev/null
+++ b/src/components/TabBar.vue
@@ -0,0 +1,44 @@
+
+<script setup lang="ts">
+import { reactive, ref } from 'vue'
+
+    interface tabProps {
+        data?: [
+			{
+				title: string
+				to: string
+				name: string
+				icon: string
+			}
+        ]  
+    }
+
+    const props = defineProps<tabProps>()
+	  console.log(props.data,'props.data');
+	
+    
+    const emit = defineEmits(['chang'])
+
+    const active = ref('home')
+
+    const onChange = (value) => {	
+		console.log(value,'value');
+		
+        emit('chang', value)   
+    }
+
+</script>
+
+<template>
+  <div>
+    <van-tabbar fixed route v-model="active"  @change="onChange">
+      <van-tabbar-item v-for="(item, index) in props.data" :to="item.to" :name="item.name" :key="index" :icon="item.icon">{{item.title}}</van-tabbar-item>
+    </van-tabbar>
+  </div>
+</template>
+
+
+
+<style lang="scss" scoped>
+
+</style>
\ No newline at end of file