更新记录

0.01（2025-07-03）

首次发布

平台兼容性

uni-app(4.71)

uni-app x(4.71)

其他

<template>
  <Page1 v-show="currentIndex==0"></Page1>
  <Page2 v-show="currentIndex==1"></Page2>
  <Page3 v-show="currentIndex==2"></Page3>
  <Page4 v-show="currentIndex==3"></Page4>
  <tabbarZyoy :current="currentIndex" :list="list" 
    :duration="350" :tabItemBgcColor="tabItemBgcColor"
    :tabBgcColor="tabBgcColor" @change="handleTabChange"></tabbarZyoy>
</template>

<script setup>
  import Page1 from '../demo/demo.uvue';
  import Page2 from '../demo/demo.uvue'
  import Page3 from '../demo/demo.uvue'
  import Page4 from '../demo/demo.uvue'
  import tabbarZyoy from '@/uni_modules/tabbar-zyoy/components/tabbar-zyoy/tabbar-zyoy.vue'

  const currentIndex = ref<number>(0)
  const handleTabChange = (index: number) => {
    currentIndex.value = index
  }
  const tabItemBgcColor = 'rgba(229, 239, 254, 0.8)'
  const tabBgcColor = "rgba(1, 8, 1, 0.3);" 
  const list = [
    {
      pagePath: "../demo/demo.uvue",
      text: "xx",
      iconPath: "/static/icon/xx.png",
      selectedIconPath: "/static/icon/xx.png"
    },
    {
      pagePath: "../demo/demo.uvue",
      text: "xx",
      iconPath: "/static/icon/xx.png",
      selectedIconPath: "/static/icon/xx.png"
    },
    {
      pagePath: "../demo/demo.uvue",
      text: "xx",
      iconPath: "/static/icon/xx.png",
      selectedIconPath: "/static/icon/xx.png"
    },
    {
      pagePath: "../demo/demo.uvue",
      text: "xx",
      iconPath: "/static/icon/xx.png",
      selectedIconPath: "/static/icon/xx.png"
    }
  ]

</script>