<template>
  
    <up-tabbar
    class="u-page"
    :value="value"
    :fixed="true"
    :zIndex="99"
    :placeholder="false"
    activeColor="#3CC7C0"
    :safeAreaInsetBottom="true"
  >
    <up-tabbar-item text="临床病例库"  @click="handleClick" :activeIcon="ku_on" :inactiveIcon="ku">
      <!-- <view class="aa"  slot="active-icon">222</view> -->
         <!-- <image
      class="u-page__item__slot-icon"
      slot="active-icon"
      src="https://www4.bing.com//th?id=OHR.RheaDad_ZH-CN6706868651_1920x1080.jpg&rf=LaDigue_1920x1080.jpg&pid=hp"
    ></image> -->
     <!-- <image
      class="u-page__item__slot-icon"
      slot="inactive-icon"
       :src="ku"
    ></image> -->
    </up-tabbar-item>
    <up-tabbar-item text="互动病例" :activeIcon="group_on" :inactiveIcon="group"  @click="handleClick">
        <!-- <image
      class="u-page__item__slot-icon"
      slot="active-icon"
      :src="group_on"
    ></image>
     <image
      class="u-page__item__slot-icon"
      slot="inactive-icon"
       :src="group"
    ></image> -->
    </up-tabbar-item>
    <up-tabbar-item text="病例交流" :activeIcon="talk_on" :inactiveIcon="talk"  @click="handleClick">
       <!-- <image
      class="u-page__item__slot-icon"
      slot="active-icon"
      width="47rpx"
      height="47rpx"
      :src="talk_on"
    ></image>
    <image
       width="47rpx"
       height="47rpx"
       class="u-page__item__slot-icon"
       slot="inactive-icon"
      :src="talk"
    ></image> -->
    </up-tabbar-item>
  </up-tabbar>

</template>

<script setup>
import group from "@/static/group.png";
import ku from "@/static/ku.png";
import ku_on from "@/static/ku_on.png";
import group_on from "@/static/group_on.png";
import talk from "@/static/talk.png";
import talk_on from "@/static/talk_on.png";
import navTo  from "@/utils/navTo.js";
import { ref } from "vue";
const props=defineProps({
  value: {
    type: Number,
    default: 0,
  }
});
const handleClick = (e) => {
	if(e==0){
		navTo({
		  url: "/pages/index/index",
		});
	}else if(e==1){
      navTo({
      url: "/pages/case/case",
    });
   }else if(e==2){
       navTo({
      url: "/pages/caseTalk/caseTalk",
    });
   }
};
</script>

<style lang='scss'>
.u-page__item__slot-icon{
  width: 47rpx;
  height: 47rpx;
}
 .u-tabbar__content__item-wrapper{
    border-top: 2rpx solid #f3f4f6!important;
  }
  

  .u-tabbar-item__text{
    margin-bottom: 20rpx!important;

 
} 

</style>