mirror of
http://112.124.100.131/GFRS/ebiz-h5.git
synced 2025-12-11 02:46:45 +08:00
[IMP]电投优化-导航栏样式调整
This commit is contained in:
@@ -1,10 +1,10 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="ml6 mr6 pt5 pb5">
|
<div class="ml6 mr6 pt5 pb5">
|
||||||
<ul class="index-bar">
|
<ul class="index-bar">
|
||||||
<li @click="changePage(Number(index) + 1)" v-for="(item, index) in pageTitle" :key="index" :class="item.tabClass">
|
<li @click="changePage(Number(index) + 1)" v-for="(item, index) in pageTitle" :key="index" :class="item.tabClass" :id="item.tabClass">
|
||||||
<div :class="[{ activeline: item.tabClass }, { 'bg-gray': !item.tabClass }, 'w20', 'h2']"></div>
|
<div :class="[{ activeline: item.tabClass }, { 'bg-gray': !item.tabClass }, 'w15', 'h2', 'mr8']" v-if="index != 0"></div>
|
||||||
<span>{{ item.pageNo }}.{{ item.pageItem }}</span>
|
<span>{{ item.pageNo }}.{{ item.pageItem }}</span>
|
||||||
<div :class="[{ activeline: item.tabClass }, { 'bg-gray': !item.tabClass }, 'w20', 'h2']"></div>
|
<div :class="[{ activeline: item.tabClass }, { 'bg-gray': !item.tabClass }, 'w15', 'h2', 'ml8']" v-if="index != 7"></div>
|
||||||
<van-icon name="arrow" size="12" v-if="index != 7" />
|
<van-icon name="arrow" size="12" v-if="index != 7" />
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
@@ -106,6 +106,9 @@ export default {
|
|||||||
v.tabClass = 'active'
|
v.tabClass = 'active'
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.$el.querySelector('#active').scrollIntoView(true)
|
||||||
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user