105 lines
2.4 KiB
Vue
105 lines
2.4 KiB
Vue
<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> |