<div class="d_jump">公共区段...</div>
<div class="d_jump">计划阶段...</div>
<div class="d_jump">需求设计阶段...</div>
<div class="jumpBox">
<p v-for="(item, index) in jumpData" :key="index" @click="jumpToPhase(index)">
{{ item }}
</p>
</div>
jumpData: ['公共区段', '计划阶段', '需求设计阶段']
jumpToPhase(index) {
$('.jumpBox p').css("color","#333333")
$('.jumpBox p')[index].style.color = '#2472FF'
let jump = document.querySelectorAll('.d_jump')
let total = jump[index].offsetTop
window.scrollTo(0, total)
},
.jumpBox {
position: fixed;
right: 0;
top: 20vh;
background: #FFFFFF;
padding: 20px;
p {
color: #333333;
cursor: pointer;
margin: 0 auto 15px;
&:last-child {
margin-bottom: 0;
}
&:hover {
color: #2472FF;
}
}
}