bug修改
This commit is contained in:
parent
0cab45f228
commit
c2bb7f5eb8
|
@ -8,12 +8,7 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="business-navigation" v-if="navList.length > 0">
|
<div class="business-navigation" v-if="navList.length > 0">
|
||||||
<template v-for="nav in navList" :key="nav.key">
|
<template v-for="nav in navList" :key="nav.key">
|
||||||
<div
|
<div class="nav" :class="{ select: nav.key == select }" v-if="nav.show" @click="selectNav(nav.key)">
|
||||||
class="nav"
|
|
||||||
:class="{ select: nav.key == select }"
|
|
||||||
v-if="nav.show"
|
|
||||||
@click="selectNav(nav.key)"
|
|
||||||
>
|
|
||||||
{{ nav.name }}
|
{{ nav.name }}
|
||||||
<span class="line"></span>
|
<span class="line"></span>
|
||||||
</div>
|
</div>
|
||||||
|
@ -146,7 +141,7 @@
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
select.value = navList.value.filter(
|
select.value = navList.value.filter(
|
||||||
(item) => item.name === '关联应用'
|
(item) => item.name === list.value[0]
|
||||||
)[0].key
|
)[0].key
|
||||||
console.log('11111111111111111111111111', list.value, navList.value)
|
console.log('11111111111111111111111111', list.value, navList.value)
|
||||||
}
|
}
|
||||||
|
@ -222,7 +217,7 @@
|
||||||
})
|
})
|
||||||
if (list.value.length > 0) {
|
if (list.value.length > 0) {
|
||||||
select.value = navList.value.filter(
|
select.value = navList.value.filter(
|
||||||
(item) => item.name === '图层展示'
|
(item) => item.name === list.value[0]
|
||||||
)[0].key
|
)[0].key
|
||||||
}
|
}
|
||||||
console.log('11111111111111111111111111', list.value, navList.value)
|
console.log('11111111111111111111111111', list.value, navList.value)
|
||||||
|
@ -243,19 +238,23 @@
|
||||||
padding: 0 3rem;
|
padding: 0 3rem;
|
||||||
box-shadow: 0rem 0.05rem 0.1rem #f2f3fb;
|
box-shadow: 0rem 0.05rem 0.1rem #f2f3fb;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
.nav {
|
.nav {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
.line {
|
.line {
|
||||||
width: 0.4rem;
|
width: 0.4rem;
|
||||||
height: 0.04rem;
|
height: 0.04rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.select {
|
.select {
|
||||||
color: #526aff;
|
color: #526aff;
|
||||||
|
|
||||||
.line {
|
.line {
|
||||||
background: #526aff;
|
background: #526aff;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue