From 775690c405061f698954dbf3c2701e214cdac978 Mon Sep 17 00:00:00 2001
From: ygytsyjj <747016451@qq.com>
Date: Thu, 2 Jan 2025 17:17:24 +0800
Subject: [PATCH] =?UTF-8?q?feat(tabbar):=20=E6=B5=8B=E8=AF=95=E6=8F=90?=
 =?UTF-8?q?=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/tabbar/tabbar.vue | 34 +++++++++++++++++++++-----------
 1 file changed, 22 insertions(+), 12 deletions(-)

diff --git a/src/components/tabbar/tabbar.vue b/src/components/tabbar/tabbar.vue
index d93d0ea..7159e8f 100644
--- a/src/components/tabbar/tabbar.vue
+++ b/src/components/tabbar/tabbar.vue
@@ -1,25 +1,35 @@
 <template>
   <view class="tabbar-box">
-    <view
-      class="items"
-      @click="toPage('/pages/about/about')"
-      v-for="(item, index) in 4"
-      :key="index"
-    >
-      <wd-icon name="spool" size="22px"></wd-icon>
-      <text>首页</text>
+    <view class="items" v-for="(item, index) in tabItems" :key="index" @click="toPage(item.url)">
+      <wd-icon :name="item.icon" size="22px"></wd-icon>
+      <text>{{ item.title }}</text>
     </view>
   </view>
 </template>
 
 <script lang="ts" setup>
+defineProps({
+  tabItems: {
+    type: Array,
+    required: true,
+    validator(value) {
+      return value.every(
+        (item) =>
+          Object.prototype.hasOwnProperty.call(item, 'url') &&
+          Object.prototype.hasOwnProperty.call(item, 'icon') &&
+          Object.prototype.hasOwnProperty.call(item, 'title'),
+      )
+    },
+  },
+})
+
+const toPage = (url: string) => {
+  uni.switchTab({ url }) // 确保传入的是tabBar页面的URL
+}
+
 onLoad(() => {
   uni.hideTabBar()
 })
-
-const toPage = (pages) => {
-  uni.switchTab({ url: pages })
-}
 </script>
 
 <style lang="scss" scoped>