monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 鲁尚清
Commit 33b5076a6a0d2aafd6c47f3f6ec5b42778b658fd 1 parent 708c16aa

【无】 web网站home首页导航高亮样式与当前路由对应

Inline Side-by-side
Showing 1 changed file with 21 additions and 7 deletions
... ... @@ -32,23 +32,28 @@ export default {
let logoData=Vue.ref([
{
id:'1',
logoUrl:'logo-dong'
logoUrl:'logo-dong',
active:true
},
{
id:'2',
logoUrl:'logo-da'
logoUrl:'logo-da',
active:false
},
{
id:'3',
logoUrl:'logo-nan'
logoUrl:'logo-nan',
active:false
},
{
id:'4',
logoUrl:'logo-ren'
logoUrl:'logo-ren',
active:false
},
{
id:'5',
logoUrl:'logo-tong'
logoUrl:'logo-tong',
active:false
}
])
let compatibleData=Vue.ref([
... ... @@ -91,13 +96,13 @@ export default {
items: 1,
margin: 20,
nav: false,
dots: true,
dots: false,
active: true,
dotsEach: 2,
smartSpeed: 1000,
autoplay: 5000,
// navText: ['<span class="flaticon-left-arrow"></span>', '<span class="flaticon-right-arrow"></span>'],
dotsText: ['<span class="flaticon-left-arrow"></span>', '<span class="flaticon-right-arrow"></span>'],
// dotsData: ['<span class="flaticon-left-arrow"></span>', '<span class="flaticon-right-arrow"></span>'],
responsive: {
/* 0: {
items: 1,
... ... @@ -116,6 +121,15 @@ export default {
}*/
}
});
//lsq 导航高亮样式对应路由
let hashUr=location.hash;
let href=$('.navigation li a').attr('href');
$('.navigation li').unbind('click.li').on('click.li',function (){
if(hashUr==href){
$('.navigation li').removeClass('current');
$(this).addClass('current')
}
})
})
return{
isHover,
... ...