vue 实现锚点和滚动高亮效果

最新推荐文章于 2024-01-15 18:17:11 发布

gardeniahui

最新推荐文章于 2024-01-15 18:17:11 发布

阅读量694

点赞数

分类专栏： vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/fendoudemayi159/article/details/127963611

版权

<template>
  <div>
    <el-row :gutter="10" class="umar-t10">
      <el-col :span="4">
        <div class="uinn-a30 bg-white" style="height: calc(100vh - 94px)">
          <el-timeline>
            <el-timeline-item
              v-for="(activity, index) in activities"
              :key="index"
              :color="activity.color"
              size="large"
              :class="index == activeIndex ? 'check_color' : ''"
              class="c-p"
              @click.native="timeLineClick(index)">
              <span :class="index == activeIndex ? 'active_color' : ''">{
  {activity.content}}</span>
            </el-timeline-item>
          </el-timeline>
        </div>
      </