<template>
  <up-tabbar
    :value="value"
    :fixed="true"
    :zIndex="99"
    :placeholder="true"
    :safeAreaInsetBottom="true"
  >
    <up-tabbar-item text="首页" icon="home" @click="handleClick"></up-tabbar-item>
    <up-tabbar-item text="放映厅" icon="photo" @click="handleClick"></up-tabbar-item>
    <up-tabbar-item
      text="直播"
      icon="play-right"
      @click="handleClick"
    ></up-tabbar-item>
    <up-tabbar-item text="我的" icon="account" @click="handleClick"></up-tabbar-item>
  </up-tabbar>
</template>

<script setup>
import { ref } from "vue";
const props=defineProps({
  value: {
    type: Number,
    default: 0,
  }
});
const handleClick = (e) => {
   if(e==1){
      uni.navigateTo({
      url: "/pages/case/case",
    });
   }
};
</script>

<style scoped>
</style>