|
|
@ -1,13 +1,25 @@ |
|
|
<template> |
|
|
<template> |
|
|
<div class="content-nav"> |
|
|
<div class="content-nav d-flex justify-space-between"> |
|
|
<img src="@/assets/location.png" alt="" /> |
|
|
<div clss="content-title"> |
|
|
您当前位置: |
|
|
<span :class="index < 2 ? 'red' : ''" v-for="(item, index) in title.split('')" :key="index">{{ item }}</span> |
|
|
<span> > {{ title }} </span> |
|
|
</div> |
|
|
<span> > {{ titleTwo }} </span> |
|
|
<div> |
|
|
|
|
|
<img src="@/assets/location.png" alt="" /> |
|
|
|
|
|
您当前位置: |
|
|
|
|
|
<span class="ml-4" style="cursor: pointer;" @click="backFirst"> 首页 </span> |
|
|
|
|
|
<span> > {{ titleName }} </span> |
|
|
|
|
|
<span> > {{ titleTwo }} </span> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
<script> |
|
|
<script> |
|
|
export default { |
|
|
export default { |
|
|
|
|
|
props: { |
|
|
|
|
|
title: { |
|
|
|
|
|
default: '首页', |
|
|
|
|
|
type: String, |
|
|
|
|
|
}, |
|
|
|
|
|
}, |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
str: '', |
|
|
str: '', |
|
|
@ -339,7 +351,7 @@ export default { |
|
|
], |
|
|
], |
|
|
}, |
|
|
}, |
|
|
], |
|
|
], |
|
|
title: '', |
|
|
titleName: '', |
|
|
titleTwo: '', |
|
|
titleTwo: '', |
|
|
}; |
|
|
}; |
|
|
}, |
|
|
}, |
|
|
@ -358,7 +370,7 @@ export default { |
|
|
for (let i = 0; i < this.tabList.length; i++) { |
|
|
for (let i = 0; i < this.tabList.length; i++) { |
|
|
const title = this.tabList[i]; |
|
|
const title = this.tabList[i]; |
|
|
if (title.url === path) { |
|
|
if (title.url === path) { |
|
|
this.title = title.title; |
|
|
this.titleName = title.title; |
|
|
for (let k = 0; k < title.children.length; k++) { |
|
|
for (let k = 0; k < title.children.length; k++) { |
|
|
if (query.code && query.code === title.children[k].code) { |
|
|
if (query.code && query.code === title.children[k].code) { |
|
|
this.titleTwo = title.children[k].title; |
|
|
this.titleTwo = title.children[k].title; |
|
|
@ -367,10 +379,19 @@ export default { |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
|
|
|
backFirst() { |
|
|
|
|
|
// this.$router.push('/'); |
|
|
|
|
|
}, |
|
|
}, |
|
|
}, |
|
|
}; |
|
|
}; |
|
|
</script> |
|
|
</script> |
|
|
<style scoped> |
|
|
<style scoped> |
|
|
|
|
|
.red { |
|
|
|
|
|
color: #b61412; |
|
|
|
|
|
} |
|
|
|
|
|
.content-title { |
|
|
|
|
|
font-size: 20px; |
|
|
|
|
|
} |
|
|
.content-nav { |
|
|
.content-nav { |
|
|
height: 40px; |
|
|
height: 40px; |
|
|
margin-bottom: 16px; |
|
|
margin-bottom: 16px; |
|
|
|
