邓洁 : 修改页面细节
This commit is contained in:
@@ -8,10 +8,18 @@
|
||||
</template>
|
||||
<Item :menu-item="item.children"></Item>
|
||||
</el-sub-menu>
|
||||
<el-menu-item v-else-if="!item.hidden&&!item.meta.isFrame" :index="item.path">
|
||||
<el-menu-item v-else-if="!item.hidden&&!item.meta.isFrame" :index="handleGo(item.path)">
|
||||
<template #title>
|
||||
<svg-icon :name="item.icon" />
|
||||
<span>{{ item.title }}</span>
|
||||
<div v-if="item.path==='/tool/swagger'">
|
||||
<a class="port-link" :href="link" target="_blank">
|
||||
<svg-icon :name="item.icon"/>
|
||||
{{ item.title }}
|
||||
</a>
|
||||
</div>
|
||||
<div v-else>
|
||||
<svg-icon :name="item.icon"/>
|
||||
<span>{{ item.title }}</span>
|
||||
</div>
|
||||
</template>
|
||||
</el-menu-item>
|
||||
</template>
|
||||
@@ -20,12 +28,23 @@
|
||||
<script setup>
|
||||
import SvgIcon from '@/components/svgIcon/index.vue'
|
||||
import Item from './MenuItem.vue'
|
||||
|
||||
const props = defineProps({
|
||||
menuItem: {
|
||||
type: Array,
|
||||
required: true
|
||||
}
|
||||
})
|
||||
console.log(props.menuItem)
|
||||
const link = ref('http://web-tunnel.feashow.com/api/doc.html#/home')
|
||||
const handleGo = (path) => {
|
||||
if (path === "/tool/swagger") {
|
||||
return ''
|
||||
} else {
|
||||
return path
|
||||
}
|
||||
// window.open(path)
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
@@ -15,12 +15,12 @@
|
||||
>
|
||||
<MenuItem :menu-item="permisstionStore.menuList"></MenuItem>
|
||||
</el-menu>
|
||||
<li class="el-menu-item">
|
||||
<el-icon></el-icon>
|
||||
<a :href="link" @click.prevent="handleGo(link)">
|
||||
{{ title }}
|
||||
</a>
|
||||
</li>
|
||||
<!-- <li class="el-menu-item">-->
|
||||
<!-- <el-icon></el-icon>-->
|
||||
<!-- <a :href="link" @click.prevent="handleGo(link)">-->
|
||||
<!-- {{ title }}-->
|
||||
<!-- </a>-->
|
||||
<!-- </li>-->
|
||||
</el-scrollbar>
|
||||
</template>
|
||||
|
||||
@@ -43,7 +43,6 @@ const getLogoH = () => {
|
||||
}
|
||||
|
||||
const activeMenu = computed(() => {
|
||||
console.log(route);
|
||||
const {path} = route
|
||||
return path
|
||||
})
|
||||
@@ -69,8 +68,8 @@ window.addEventListener('resize', () => {
|
||||
|
||||
selectFarme()
|
||||
|
||||
const handleGo = (path) => {
|
||||
window.open(path)
|
||||
}
|
||||
// const handleGo = (path) => {
|
||||
// window.open(path)
|
||||
// }
|
||||
|
||||
</script>
|
||||
|
||||
@@ -82,6 +82,10 @@ init()
|
||||
background-color: #E9F4FF;
|
||||
border: 1px solid #418DFF;
|
||||
color: #333333;
|
||||
>span:first-child{
|
||||
color:#418DFF;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.contextmenu {
|
||||
|
||||
Reference in New Issue
Block a user