72 lines
2.9 KiB
Vue
72 lines
2.9 KiB
Vue
<template>
|
|
<div class="box_32 flex-col">
|
|
<div class="section_1 flex-row justify-center" style="padding-top: 25px;">
|
|
<div class="box_1 flex-col"></div>
|
|
<div class="text_1">信阳第五人民医院LOGO</div>
|
|
</div>
|
|
<div class="section_2 flex-row">
|
|
|
|
<div :class="isLinl==0?'group_2 flex-col':'group_4 flex-col'" @click="isLinl=0">
|
|
<span class="text_2">首页</span>
|
|
<div v-if="isLinl==0" class="group_3 flex-col"></div>
|
|
</div>
|
|
<div :class="isLinl==1?'group_2 flex-col':'group_4 flex-col'" @click="isLinl=1">
|
|
<span class="text_3">医院概况</span>
|
|
<div v-if="isLinl==1" class="group_3 flex-col"></div>
|
|
</div>
|
|
<div :class="isLinl==2?'group_2 flex-col':'group_4 flex-col'" @click="isLinl=2">
|
|
<span class="text_3">党建工作</span>
|
|
<div v-if="isLinl==2" class="group_3 flex-col"></div>
|
|
</div>
|
|
<div :class="isLinl==3?'group_2 flex-col':'group_4 flex-col'" @click="isLinl=3">
|
|
<span class="text_3">医生团队</span>
|
|
<div v-if="isLinl==3" class="group_3 flex-col"></div>
|
|
</div>
|
|
<div :class="isLinl==4?'group_2 flex-col':'group_4 flex-col'" @click="isLinl=4">
|
|
<span class="text_3">科室介绍</span>
|
|
<div v-if="isLinl==4" class="group_3 flex-col"></div>
|
|
</div>
|
|
<div :class="isLinl==5?'group_2 flex-col':'group_4 flex-col'" @click="isLinl=5">
|
|
<span class="text_3">招聘信息</span>
|
|
<div v-if="isLinl==5" class="group_3 flex-col"></div>
|
|
</div>
|
|
<div :class="isLinl==6?'group_2 flex-col':'group_4 flex-col'" @click="isLinl=6">
|
|
<span class="text_3">健康科普</span>
|
|
<div v-if="isLinl==6" class="group_3 flex-col"></div>
|
|
</div>
|
|
<div :class="isLinl==7?'group_2 flex-col':'group_4 flex-col'" @click="isLinl=7">
|
|
<span class="text_3">院务公开</span>
|
|
<div v-if="isLinl==7" class="group_3 flex-col"></div>
|
|
</div>
|
|
<div :class="isLinl==8?'group_2 flex-col':'group_4 flex-col'" @click="isLinl=8">
|
|
<span class="text_3">患者服务</span>
|
|
<div v-if="isLinl==8" class="group_3 flex-col"></div>
|
|
</div>
|
|
<div :class="isLinl==9?'group_2 flex-col':'group_4 flex-col'" @click="isLinl=9">
|
|
<span class="text_3">紧急服务</span>
|
|
<div v-if="isLinl==9" class="group_3 flex-col"></div>
|
|
</div>
|
|
<div :class="isLinl==10?'group_2 flex-col':'group_4 flex-col'" @click="isLinl=10">
|
|
<span class="text_3">科研成果</span>
|
|
<div v-if="isLinl==10" class="group_3 flex-col"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { ref } from 'vue'
|
|
import { useRoute } from 'vue-router'
|
|
import { useI18n } from 'vue-i18n'
|
|
import { useStore } from '~/store'
|
|
const store = useStore()
|
|
const route = useRoute()
|
|
const isMenuOpen = ref(false)
|
|
const { locale } = useI18n()
|
|
const isLinl=ref(0)
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
@import "@/assets/css/index.css";
|
|
</style>
|