Zlpt_Portal/src/views/AppMain.vue

48 lines
1.0 KiB
Vue

<script setup lang="ts">
import FooterInfo from '../components/FooterInfo/index.vue'
import HeaderCom from '../layout/header.vue'
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
const locale = zhCn
const route = useRoute()
// 判断是否是个人中心页面 如果是则隐藏页脚
const isMyInfoPage = () => {
if (route.path.indexOf('myuser') === -1) {
return true
} else {
return false
}
}
onMounted(() => {})
</script>
<template>
<div class="app-container">
<HeaderCom />
<div class="container">
<el-config-provider :locale="locale">
<RouterView />
</el-config-provider>
</div>
<FooterInfo v-if="isMyInfoPage()" />
</div>
<!-- <FooterInfo /> -->
</template>
<style scoped lang="scss">
.app-container {
display: flex;
flex-direction: column;
}
.container {
width: 100%;
margin: 0 auto;
background: #ffffff;
border-radius: 30px;
padding: 20px 30px;
box-sizing: border-box;
}
</style>