From bff59b33b1c7e371739162415276035f873fe1e0 Mon Sep 17 00:00:00 2001
From: ygytsyjj <747016451@qq.com>
Date: Tue, 31 Dec 2024 15:26:28 +0800
Subject: [PATCH] feat(tabbar): test

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

diff --git a/src/components/tabbar/tabbar.vue b/src/components/tabbar/tabbar.vue
new file mode 100644
index 0000000..d93d0ea
--- /dev/null
+++ b/src/components/tabbar/tabbar.vue
@@ -0,0 +1,46 @@
+<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>
+  </view>
+</template>
+
+<script lang="ts" setup>
+onLoad(() => {
+  uni.hideTabBar()
+})
+
+const toPage = (pages) => {
+  uni.switchTab({ url: pages })
+}
+</script>
+
+<style lang="scss" scoped>
+.tabbar-box {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  z-index: 996;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  height: 100rpx;
+  border-top: 1rpx solid #f2f2f2;
+}
+.items {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+</style>